@charset "UTF-8";
@import url("//hello.myfonts.net/count/3175ff");
:root {
  --sra-primary: #F36C21;
  --sra-secondary: #E71324;
  --sra-blue: #238FCF;
  --sra-medium-blue: #1655A1;
  --sra-navy: #2C318C;
  --sra-gray: #6E6259;
  --sra-black: #0a0a0a;
  --sra-white: #fff;
  --sra-transparent: transparent;
  --sra-bg-color: #fff;
  --sra-text-color: #0a0a0a;
  --sra-text-lg-color: #7E756F;
  --sra-text-gray-color: #7E756F;
  --sra-heading-color: #7E756F;
  --sra-form-text: #7E756F;
  --sra-border-color: rgba(178, 180, 178, 0.2);
  --sra-menu-links-color: #6E6259;
  --sra-link-color: #238FCF;
  --sra-link-color-hover: #1655A1;
  --sra-tag-color: #6E6259;
  --sra-eyebrow-color: #6E6259;
  --sra-bg: #fff;
  --sra-bg-ice: #B7D1DC;
  --sra-btn-fill: #fff;
  --sra-btn-fill-hover: #E71324;
  --sra-btn-color: #E71324;
  --sra-btn-color-hover: #fff;
  --sra-btn-border: #E71324;
  --sra-btn-border-hover: #E71324;
  --sra-graphic-bgd-color: #fef0e9; }

/**
 * Foundation for Sites by ZURB
 * Version 6.2.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.filter-wrapper {
  border: 1px solid #ccc;
  border-top: 0;
  margin: 0;
  padding: 0.5em 0.666em;
  overflow: hidden;
  background-color: #efefef; }
  .filter-wrapper .filter-help {
    font-size: 14px; }

.js .dropbutton-widget .dropbutton {
  border: none;
  white-space: nowrap; }
  .js .dropbutton-widget .dropbutton li, .js .dropbutton-widget .dropbutton a {
    background-color: #2199e8;
    border: none; }
    .js .dropbutton-widget .dropbutton li input, .js .dropbutton-widget .dropbutton a input {
      margin: 10px; }

.js .view-group-members .dropbutton-multiple {
  margin-right: 0;
  padding-right: 7em; }

.js .view-group-members .dropbutton-widget {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px; }
  .js .view-group-members .dropbutton-widget.open {
    background-color: #fff; }

.js .view-group-members .dropbutton-widget .dropbutton li, .js .view-group-members .dropbutton-widget .dropbutton a {
  background-color: transparent; }

.js .view-group-members table, .js .view-group-members li {
  font-size: 14px; }

.js .view-group-members table {
  margin: 0 auto; }
  .js .view-group-members table .item-list ul {
    -webkit-margin-after: 0;
    margin-block-end: 0; }

.region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 .contextual,
.region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 .contextual {
  display: none; }

.region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 li,
.region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 li {
  list-style-type: none; }
  .region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 li .button,
  .region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 li .button {
    background-color: #238FCF;
    border-radius: 0.5rem;
    font-weight: 525;
    color: #fff;
    font-family: Ginter, Inter, 'Helvetica Neue', 'system-ui', -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    margin: 0;
    text-decoration: none;
    font-size: var(--gin-font-size-l);
    padding-block: var(--gin-spacing-s);
    padding-inline: var(--gin-spacing-l); }
    .region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 li .button:hover, .region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 li .button:focus,
    .region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 li .button:hover,
    .region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 li .button:focus {
      background-color: #1655A1;
      color: #fff; }

.region-content:has(.shopify-product) #block-abilitylab-theme-local-actions--2 {
  bottom: -30px;
  margin: 0 auto;
  max-width: 1220px;
  position: relative;
  text-align: right;
  z-index: 5; }

.region-content:has(.view-group-members) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 25px;
  max-width: 1220px;
  margin-inline: auto;
  -webkit-margin-after: 15px;
  margin-block-end: 15px; }
  .region-content:has(.view-group-members) .view-group-members {
    -webkit-padding-after: 40px;
    padding-block-end: 40px; }
  .region-content:has(.view-group-members) table {
    font-family: Ginter, Inter, 'Helvetica Neue', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif; }
  .region-content:has(.view-group-members) #block-abilitylab-theme-primary-local-tasks {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .region-content:has(.view-group-members) #block-abilitylab-theme-primary-local-tasks .local-tasks {
      margin: 0; }
  .region-content:has(.view-group-members) #block-abilitylab-theme-local-actions--2 {
    bottom: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: absolute;
    z-index: 10; }
  .region-content:has(.view-group-members) #block-abilitylab-theme-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .region-content:has(.view-group-members) .pager--numeric {
    position: absolute;
    bottom: 0;
    margin: 0; }
    .region-content:has(.view-group-members) .pager--numeric .pager__items {
      padding: 0;
      gap: 10px; }
      .region-content:has(.view-group-members) .pager--numeric .pager__items .pager__item {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        font-family: Ginter, Inter, 'Helvetica Neue', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif; }
        .region-content:has(.view-group-members) .pager--numeric .pager__items .pager__item .pager__item__icon:before {
          color: #0a0a0a;
          font-size: 1.5rem; }

.entity-meta__header {
  background-color: #efefef;
  padding: 0 1.1rem;
  border: 1px solid #ccc; }
  .entity-meta__header .entity-meta__title {
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #666;
    margin: 20px 0 10px 0;
    background-color: #2199e8;
    color: white; }
  .entity-meta__header .label {
    padding: 5px 10px;
    background-color: #efefef;
    border: 1px solid #666;
    color: black;
    margin-right: 5px; }

details.form-wrapper {
  margin: 0;
  padding: 0.5rem;
  background-color: #efefef; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 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 {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* 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,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

/* Links */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
/* Text-level semantics */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

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

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic; }

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* Grouping content */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* 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.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible; }

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none; }

/**
   * 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.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -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+.
   */
button::-moz-focus-inner,
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.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * 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 */
  -webkit-box-sizing: content-box;
  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.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 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.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * 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.
   */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=42em&large=64em&xlarge=80em"; }

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.dialog-off-canvas-main-canvas {
  overflow-x: hidden; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 42em) {
      .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media screen and (min-width: 42em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 42em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 80em) {
  .xlarge-1 {
    width: 8.33333%; }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    width: 16.66667%; }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .xlarge-3 {
    width: 25%; }
  .xlarge-push-3 {
    position: relative;
    left: 25%; }
  .xlarge-pull-3 {
    position: relative;
    left: -25%; }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .xlarge-4 {
    width: 33.33333%; }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .xlarge-5 {
    width: 41.66667%; }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .xlarge-6 {
    width: 50%; }
  .xlarge-push-6 {
    position: relative;
    left: 50%; }
  .xlarge-pull-6 {
    position: relative;
    left: -50%; }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .xlarge-7 {
    width: 58.33333%; }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .xlarge-8 {
    width: 66.66667%; }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .xlarge-9 {
    width: 75%; }
  .xlarge-push-9 {
    position: relative;
    left: 75%; }
  .xlarge-pull-9 {
    position: relative;
    left: -75%; }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .xlarge-10 {
    width: 83.33333%; }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .xlarge-11 {
    width: 91.66667%; }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .xlarge-12 {
    width: 100%; }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    width: 100%;
    float: left; }
    .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
      float: left; }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    width: 50%;
    float: left; }
    .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
      float: left; }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
      float: left; }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    width: 25%;
    float: left; }
    .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
      float: left; }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    width: 20%;
    float: left; }
    .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
      float: left; }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
      float: left; }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
      float: left; }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
      float: left; }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xlarge-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .xlarge-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .xlarge-uncentered,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #cacaca;
    line-height: 0; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }

@media screen and (min-width: 42em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a img {
  border: 0; }

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: disc;
  margin-left: 1.25rem; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

@media screen and (min-width: 42em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 80em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #1583cc;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.primary {
    background-color: #2199e8;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #147cc0;
      color: #fefefe; }
  .button.secondary {
    background-color: #777;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
  .button.success {
    background-color: #3adb76;
    color: #fefefe; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #fefefe; }
  .button.warning {
    background-color: #ffae00;
    color: #fefefe; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button.alert {
    background-color: #ec5840;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c4d78;
      color: #0c4d78; }
    .button.hollow.primary {
      border: 1px solid #2199e8;
      color: #2199e8; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c4d78;
        color: #0c4d78; }
    .button.hollow.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3c3c3c;
        color: #3c3c3c; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: none;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default; }

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button {
    margin: 0; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  margin-bottom: 0.5rem;
  max-width: 100%; }

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
    background: #fefefe;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-size: 9px 6px;
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:disabled {
    background-color: #e6e6e6;
    cursor: default; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  border-radius: 0;
  margin-left: 0; }

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border-bottom: 1px solid #e6e6e6; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: '–'; }

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fefefe; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1); }

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #2199e8;
  color: #fefefe; }
  .badge.secondary {
    background: #777;
    color: #fefefe; }
  .badge.success {
    background: #3adb76;
    color: #fefefe; }
  .badge.warning {
    background: #ffae00;
    color: #fefefe; }
  .badge.alert {
    background: #ec5840;
    color: #fefefe; }

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0; }
  .breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      color: #cacaca;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px;
      opacity: 1; }
  .breadcrumbs a {
    color: #2199e8; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0; }
  .button-group::before, .button-group::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    font-size: 0.9rem;
    float: left; }
    .button-group .button:not(:last-child) {
      border-right: 1px solid #fefefe; }
  .button-group.tiny .button {
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded {
    margin-right: -1px; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
      display: inline-block;
      width: calc(50% - 1px);
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: calc(33.33333% - 1px);
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: calc(25% - 1px);
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: calc(20% - 1px);
      margin-right: 1px; }
    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: calc(16.66667% - 1px);
      margin-right: 1px; }
  .button-group.primary .button {
    background-color: #2199e8;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #147cc0;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #777;
    color: #fefefe; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
  .button-group.success .button {
    background-color: #3adb76;
    color: #fefefe; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: #fefefe; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    width: 100%; }
    .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) {
      margin-right: 0; }
  @media screen and (min-width: 42em) {
    .button-group.stacked-for-small .button {
      width: auto; }
      .button-group.stacked-for-small .button:not(:last-child) {
        margin-right: 1px; } }
  @media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      width: auto; }
      .button-group.stacked-for-medium .button:not(:last-child) {
        margin-right: 1px; } }
  @media screen and (max-width: 41.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #def0fc; }
  .callout.secondary {
    background-color: #ebebeb; }
  .callout.success {
    background-color: #e1faea; }
  .callout.warning {
    background-color: #fff3d9; }
  .callout.alert {
    background-color: #fce6e2; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: inline-block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a img,
  .menu > li > a i {
    vertical-align: middle; }
  .menu > li > a i + span,
  .menu > li > a img + span {
    vertical-align: middle; }
  .menu > li > a img,
  .menu > li > a i {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 42em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  @media screen and (min-width: 80em) {
    .menu.xlarge-horizontal > li {
      display: table-cell; }
    .menu.xlarge-vertical > li {
      display: block; } }
  .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .menu.align-right::after {
    clear: both; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }
  .menu .active > a {
    color: #fefefe;
    background: #2199e8; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.menu-centered {
  text-align: center; }
  .menu-centered > .menu {
    display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
  .menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block !important; }

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
  .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.js-drilldown-back > a::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  border-radius: 0;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem;
  position: relative; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px;
  margin-top: -3px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0; }

.dropdown.menu.vertical > li.opens-right > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0; }

@media screen and (min-width: 42em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }

@media screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }

@media screen and (min-width: 80em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px; }
  .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
    top: 100%; }
  .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
    margin-top: -3px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #2199e8;
  color: #fefefe; }
  .label.secondary {
    background: #777;
    color: #fefefe; }
  .label.success {
    background: #3adb76;
    color: #fefefe; }
  .label.warning {
    background: #ffae00;
    color: #fefefe; }
  .label.alert {
    background: #ec5840;
    color: #fefefe; }

.media-object {
  margin-bottom: 1rem;
  display: block; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 41.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .off-canvas-wrapper-inner::after {
    clear: both; }

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
  transform: translateX(0); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px; }
    .is-open-left {
      -webkit-transform: translateX(250px);
      transform: translateX(250px); }
  .off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-right {
      -webkit-transform: translateX(-250px);
      transform: translateX(-250px); }
  .off-canvas.position-top {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-top {
      -webkit-transform: translateX(-250px);
      transform: translateX(-250px); }

@media screen and (min-width: 42em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; } }

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; } }

@media screen and (min-width: 80em) {
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-xlarge ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-xlarge {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-xlarge ~ .off-canvas-content {
      margin-right: 250px; } }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none; }

.orbit-slide {
  width: 100%;
  max-height: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 0;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media screen and (min-width: 42em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: default; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: 0.5rem; }

.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0; }
  .progress.primary .progress-meter {
    background-color: #2199e8; }
  .progress.secondary .progress-meter {
    background-color: #777; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #ec5840; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #2199e8; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #2199e8;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 0; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #1583cc; }
  .slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: absolute;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
  overflow: hidden; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media screen and (min-width: 42em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 42em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  @media screen and (min-width: 42em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 42em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media screen and (min-width: 42em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media screen and (min-width: 42em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0; }
  @media screen and (max-width: 41.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      margin-left: 0;
      border: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem; }

.switch-input {
  opacity: 0;
  position: absolute; }

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0; }
  input:checked ~ .switch-paddle {
    background: #2199e8; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem; }

.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem; }

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem; }

.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem; }

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem; }

.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem; }

.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }
  caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  thead,
  tfoot {
    background: #f8f8f8;
    color: #0a0a0a; }
    thead tr,
    tfoot tr {
      background: transparent; }
    thead th,
    thead td,
    tfoot th,
    tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
  tbody tr:nth-child(even) {
    background-color: #f1f1f1; }
  tbody th,
  tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #f9f9f9; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid none; }
  .tabs::before, .tabs::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #2199e8; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1893e4; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 0.75rem; }
    .tabs-title > a:hover {
      background: #fefefe; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6; }

.tabs-content {
  background: #fefefe;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid none;
  border-top: 0; }

.tabs-content.vertical {
  border: 1px solid none;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  border: solid 4px #fefefe;
  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem; }
  .thumbnail:hover, .thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.has-tip {
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help; }

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.top-bar {
  padding: 0.5rem; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }

@media screen and (max-width: 41.9375em) {
  .stacked-for-small .top-bar-left,
  .stacked-for-small .top-bar-right {
    width: 100%; } }

@media screen and (max-width: 63.9375em) {
  .stacked-for-medium .top-bar-left,
  .stacked-for-medium .top-bar-right {
    width: 100%; } }

@media screen and (max-width: 79.9375em) {
  .stacked-for-large .top-bar-left,
  .stacked-for-large .top-bar-right {
    width: 100%; } }

.stacked-for-xlarge .top-bar-left,
.stacked-for-xlarge .top-bar-right {
  width: 100%; }

.top-bar-left,
.top-bar-right {
  width: 100%; }

@media screen and (min-width: 42em) {
  .top-bar-left,
  .top-bar-right {
    width: auto; } }

.top-bar-title {
  float: left;
  margin-right: 1rem; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 41.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 42em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 42em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 41.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 42em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 41.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 79.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 80em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 80em) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 79.9375em) {
  .show-for-xlarge {
    display: none !important; } }

@media screen and (min-width: 80em) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 79.9375em) {
  .show-for-xlarge-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.clearfix::after {
  clear: both; }

/*

  Custom

*/
:root {
  --sra-primary: #F36C21;
  --sra-secondary: #E71324;
  --sra-blue: #238FCF;
  --sra-medium-blue: #1655A1;
  --sra-navy: #2C318C;
  --sra-gray: #6E6259;
  --sra-black: #0a0a0a;
  --sra-white: #fff;
  --sra-transparent: transparent;
  --sra-bg-color: #fff;
  --sra-text-color: #0a0a0a;
  --sra-text-lg-color: #7E756F;
  --sra-text-gray-color: #7E756F;
  --sra-heading-color: #7E756F;
  --sra-form-text: #7E756F;
  --sra-border-color: rgba(178, 180, 178, 0.2);
  --sra-menu-links-color: #6E6259;
  --sra-link-color: #238FCF;
  --sra-link-color-hover: #1655A1;
  --sra-tag-color: #6E6259;
  --sra-eyebrow-color: #6E6259;
  --sra-bg: #fff;
  --sra-bg-ice: #B7D1DC;
  --sra-btn-fill: #fff;
  --sra-btn-fill-hover: #E71324;
  --sra-btn-color: #E71324;
  --sra-btn-color-hover: #fff;
  --sra-btn-border: #E71324;
  --sra-btn-border-hover: #E71324;
  --sra-graphic-bgd-color: #fef0e9; }

:root {
  --sra-primary: #F36C21;
  --sra-secondary: #E71324;
  --sra-blue: #238FCF;
  --sra-medium-blue: #1655A1;
  --sra-navy: #2C318C;
  --sra-gray: #6E6259;
  --sra-black: #0a0a0a;
  --sra-white: #fff;
  --sra-transparent: transparent;
  --sra-bg-color: #fff;
  --sra-text-color: #0a0a0a;
  --sra-text-lg-color: #7E756F;
  --sra-text-gray-color: #7E756F;
  --sra-heading-color: #7E756F;
  --sra-form-text: #7E756F;
  --sra-border-color: rgba(178, 180, 178, 0.2);
  --sra-menu-links-color: #6E6259;
  --sra-link-color: #238FCF;
  --sra-link-color-hover: #1655A1;
  --sra-tag-color: #6E6259;
  --sra-eyebrow-color: #6E6259;
  --sra-bg: #fff;
  --sra-bg-ice: #B7D1DC;
  --sra-btn-fill: #fff;
  --sra-btn-fill-hover: #E71324;
  --sra-btn-color: #E71324;
  --sra-btn-color-hover: #fff;
  --sra-btn-border: #E71324;
  --sra-btn-border-hover: #E71324;
  --sra-graphic-bgd-color: #fef0e9; }

[class^='sg-button-bg'] {
  padding: 30px; }
  [class^='sg-button-bg'].sg-button-bg--claret {
    background-color: #861F41; }
  [class^='sg-button-bg'].sg-button-bg--green {
    background-color: #40C1AC; }
  [class^='sg-button-bg'].sg-button-bg--blue {
    background-color: #238FCF; }
  [class^='sg-button-bg'].sg-button-bg--orange {
    background-color: #F36C21; }
  [class^='sg-button-bg'].sg-button-bg--red {
    background-color: #E71324; }

.cta-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--sra-btn-fill);
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
  box-shadow: 0 0 0 1px var(--sra-btn-border);
  color: var(--sra-btn-color);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'gibson-regular', sans-serif;
  font-size: 1.25rem;
  min-height: 48px;
  letter-spacing: 0.015em;
  line-height: 1;
  margin: 0;
  padding: 3px 2em 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
  transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
  width: auto; }
  @media screen and (min-width: 64em) {
    .cta-button {
      white-space: nowrap; } }
  .cta-button:hover, .cta-button:focus {
    background: var(--sra-btn-fill-hover);
    -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
    box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
    color: var(--sra-btn-color-hover); }
  .cta-button strong {
    font-weight: normal; }
  .cta-button--ftr {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    @media screen and (min-width: 64em) {
      .cta-button--ftr {
        white-space: nowrap; } }
    .cta-button--ftr:visited, .cta-button--ftr:active {
      background-color: transparent;
      color: #fff; }
    .cta-button--ftr:hover, .cta-button--ftr:focus {
      background-color: #fff;
      border: 1px solid #fff;
      color: #1655A1;
      text-decoration: none; }
    .footer--top .cta-button--ftr:hover {
      color: #861F41; }
  .cta-button.btn-solid {
    background-color: #E71324;
    color: #fff !important; }
    .cta-button.btn-solid:hover, .cta-button.btn-solid:focus {
      background-color: #861F41;
      border-color: #861F41; }

.cta-link {
  font-family: 'gibson-light', sans-serif;
  color: #0a0a0a;
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 0.015em;
  text-decoration: underline;
  text-transform: lowercase;
  -webkit-transition: all .15s;
  transition: all .15s; }
  .cta-link:visited, .cta-link:active {
    color: #0a0a0a; }
  .cta-link:hover, .cta-link:focus {
    color: #E71324; }

.cta-link.course-catalog {
  font-family: 'gibson-light', sans-serif;
  color: #0a0a0a;
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 0.015em;
  text-decoration: underline;
  text-transform: lowercase;
  -webkit-transition: all .15s;
  transition: all .15s;
  display: block;
  margin-top: 4rem;
  text-align: left;
  text-transform: unset; }
  .cta-link.course-catalog:visited, .cta-link.course-catalog:active {
    color: #0a0a0a; }
  .cta-link.course-catalog:hover, .cta-link.course-catalog:focus {
    color: #E71324; }

/*
This mixin can be used to set the object-fit:
@include object-fit(contain);

or object-fit and object-position:
@include object-fit(cover, top);
*/
.react-autosuggest__container {
  position: relative; }

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px; }

.react-autosuggest__input:focus {
  outline: none; }

.react-autosuggest__container--open .react-autosuggest__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.react-autosuggest__suggestions-container {
  position: absolute;
  top: 51px;
  width: 280px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }

.react-autosuggest__suggestion--focused {
  background-color: #ddd; }

/*

  Base styles.

*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; }

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }
  *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit; }

.js-hide {
  display: none !important; }

/*
Colors

Global colors used throughout the site. Classes listed here are for illustration
purposes only. The variable names for each color are the same
as the class names shown here. Variables are used throughout the site to define
colors.

Styleguide 2.0
*/
/*
Primary

.orange   - #F26B21 or rgb(243, 108, 33)
.red      - #EA1C2B or rgb(234, 29, 44)

markup:
<div class="sg-color-block {{modifier_class}}"></div>

Styleguide 2.1
*/
/*
Secondary

.blue         - #0091D8 or rgb(0, 145, 217)
.yellow       - #FFDB77 or rgb(255, 219, 120)
.green        - #5BC4B2 or rgb(92, 196, 178)
.green-light  - #E0F0ED or rgb(224, 240, 237)
.green-dark   - #4AB29E
.pink         - #C9A0AF or rgb(201, 161, 176)
.pink-light   - #F4EDEF or rgb(245, 237, 240)
.claret       - #8C1D40 or rgb(140, 30, 65)

markup:
<div class="sg-color-block {{modifier_class}}"></div>

Styleguide 2.2
*/
/*
Greys and Blacks

.white          - #FFFFFF or rgb(255, 255, 255)
.gray-lightest  - #F2F2F2 or rgb(242, 242, 242)
.gray-light     - #B2B2B2 or rgb(178, 178, 178)
.gray           - #999999 or rgb(153, 153, 153)
.gray-medium    - #7F7F7F or rgb(127, 127, 127)
.black-light    - #474747 or rgb(71, 71, 71)
.black          - #000000 or rgb(0, 0, 0)
.silver         - #BBB

markup:
<div class="sg-color-block {{modifier_class}}"></div>

Styleguide 2.3
*/
#section-2\.1 .kss-modifier-original,
#section-2\.2 .kss-modifier-original,
#section-2\.3 .kss-modifier-original,
#section-2\.4 .kss-modifier-original,
#section-2\.5 .kss-modifier-original {
  display: none; }

/*
Rules and Dividers

.divider - #F3E8EC or rgb(243, 232, 236)

markup:
<hr>
<div class="sg-color-block {{modifier_class}}"></div>

Styleguide 2.4
*/
/*
Miscellaneous Colors

.polar - #F3E8EC
.wisp-pink - #FCE8E9
.swans-down - #E0F1ED
.paris-white - #D3E3DF
.link-water - #D5E9F4
.link-water-light - #DEEEF6
.tory-blue - #0C51A3
.spindle - #C3D7EF
.curious-blue - #238EC9
.cornflower - #94C7E3
.aqua-spring - #F3FBF9
.soft-peach - #F7F1F3
.pink-flare - #DEC3CC
.blumine - #1E658A

markup:
<div class="sg-color-block {{modifier_class}}"></div>

Styleguide 2.5
*/
.sg-color-block {
  display: block;
  width: 230px;
  height: 115px; }
  .sg-color-block.orange {
    background-color: #F36C21; }
  .sg-color-block.red {
    background-color: #E71324; }
  .sg-color-block.blue {
    background-color: #238FCF; }
  .sg-color-block.yellow {
    background-color: #FFD100; }
  .sg-color-block.green {
    background-color: #40C1AC; }
  .sg-color-block.green-light {
    background-color: #a0e0d6; }
  .sg-color-block.green-dark {
    background-color: #36a492; }
  .sg-color-block.pink {
    background-color: #6D2077; }
  .sg-color-block.pink-light {
    background-color: #6D2077; }
  .sg-color-block.gray-lightest {
    background-color: #B2B4B2; }
  .sg-color-block.gray-light {
    background-color: var(--sra-text-gray-color); }
  .sg-color-block.gray {
    background-color: var(--sra-gray); }
  .sg-color-block.gray-medium {
    background-color: #6E6259; }
  .sg-color-block.black-light {
    background-color: var(--sra-text-gray-color); }
  .sg-color-block.black {
    background-color: #0a0a0a; }
  .sg-color-block.silver {
    background-color: #B2B4B2; }
  .sg-color-block.divider {
    background-color: var(--sra-border-color); }
  .sg-color-block.polar {
    background-color: #e9f1f5; }
  .sg-color-block.wisp-pink {
    background-color: #edd5e3; }
  .sg-color-block.swans-down {
    background-color: #ecf9f7; }
  .sg-color-block.paris-white {
    background-color: #f1faf9; }
  .sg-color-block.alto {
    background-color: #ecf9f7; }
  .sg-color-block.link-water {
    background-color: #e9f1f5; }
  .sg-color-block.link-water-light {
    background-color: #e2edf1; }
  .sg-color-block.tory-blue {
    background-color: #1655A1; }
  .sg-color-block.spindle {
    background-color: #B7D1DC; }
  .sg-color-block.curious-blue {
    background-color: #238FCF; }
  .sg-color-block.cornflower {
    background-color: #91c7e7; }
  .sg-color-block.aqua-spring {
    background-color: #caedf6; }
  .sg-color-block.soft-peach {
    background-color: #f6eaf1; }
  .sg-color-block.pink-flare {
    background-color: #D197BA; }
  .sg-color-block.blumine {
    background-color: #1655A1; }

/*

  Layout Utitiles - Helpers to help position dom.

*/
/*---------------------------------------------
  The following mixins come from:
  https://github.com/LukyVj/family.scss
---------------------------------------------*/
/*------------------------------------------------------------------------------
  Fake table
  Make a grid, using flex that looks like a table.
  -- Default is two columns (small), three cols (medium)
      and four cols (large + xlarge).
  -- Borders all the way around each item.
------------------------------------------------------------------------------*/
/*

  Breakpoints.

*/
/*

  Breakpoints Mixins.

*/
/*
  Needed to modify this a bit from the standard. When a screen is exactly 1024 we
  get both styles applied.
*/
/*

Breakpoints

Breakpoints can be targeted using when-wider-than, when-less-than, and when-on mixins.

The mixin when-wider-than is inclusive.

Generally, CSS should be organized so that mobile is written first, and then larger breakpoints are written. Generally, when-less-than and and when-on mixins should be used sparingly.

Styleguide 6.0

markup:
<div class="sg-breakpoints" style="font-size: 24px"></div>

*/
.sg-breakpoints {
  width: 320px;
  background-color: #E71324;
  padding: 10px; }
  .sg-breakpoints:before {
    content: "small"; }
  @media screen and (min-width: 672px) {
    .sg-breakpoints {
      width: 672px;
      margin: auto;
      background-color: #FFD100; }
      .sg-breakpoints:before {
        content: "medium"; } }
  @media print {
    .sg-breakpoints {
      width: 672px;
      margin: auto;
      background-color: #FFD100; }
      .sg-breakpoints:before {
        content: "medium"; } }
  @media screen and (min-width: 1024px) {
    .sg-breakpoints {
      width: 1024px;
      margin: auto;
      background-color: #40C1AC; }
      .sg-breakpoints:before {
        content: "large"; } }
  @media print {
    .sg-breakpoints {
      width: 1024px;
      margin: auto;
      background-color: #40C1AC; }
      .sg-breakpoints:before {
        content: "large"; } }
  @media screen and (min-width: 1280px) {
    .sg-breakpoints {
      width: 1280px;
      margin: auto;
      background-color: #238FCF; }
      .sg-breakpoints:before {
        content: "xlarge"; } }
  @media print {
    .sg-breakpoints {
      width: 1280px;
      margin: auto;
      background-color: #238FCF; }
      .sg-breakpoints:before {
        content: "xlarge"; } }

body:after {
  display: none;
  /* Prevent from displaying. */
  content: "small";
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 48px;
  background-color: #0a0a0a;
  color: #fefefe;
  padding: 20px;
  z-index: 10000;
  border-top-right-radius: 8px; }

@media screen and (min-width: 672px) {
  body:after {
    content: "medium"; } }

@media print {
  body:after {
    content: "medium"; } }

@media screen and (min-width: 1024px) {
  body:after {
    content: "large"; } }

@media print {
  body:after {
    content: "large"; } }

@media screen and (min-width: 1280px) {
  body:after {
    content: "xlarge"; } }

@media print {
  body:after {
    content: "xlarge"; } }

.main {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  clear: both; }
  @media screen and (min-width: 672px) {
    .main {
      max-width: 672px; } }
  @media print {
    .main {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .main {
      max-width: 1024px; } }
  @media print {
    .main {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .main {
      max-width: 1280px; } }
  @media print {
    .main {
      max-width: 1280px; } }

/*

  A Mixin for full-width

*/
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 420px; }
  @media screen and (min-width: 672px) {
    .full-width {
      max-width: 672px; } }
  @media print {
    .full-width {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .full-width {
      max-width: 1024px; } }
  @media print {
    .full-width {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .full-width {
      max-width: 1280px; } }
  @media print {
    .full-width {
      max-width: 1280px; } }

.patient-story__content {
  padding: 0 12px;
  margin: 0 20px; }
  @media screen and (min-width: 672px) {
    .patient-story__content {
      padding: 0 25px; } }
  @media print {
    .patient-story__content {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .patient-story__content {
      padding: 0 48px; } }
  @media print {
    .patient-story__content {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .patient-story__content {
      padding: 0 70px; } }
  @media print {
    .patient-story__content {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .patient-story__content {
      margin: 0 30px; } }
  @media print {
    .patient-story__content {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .patient-story__content {
      margin: 0 40px; } }
  @media print {
    .patient-story__content {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .patient-story__content {
      margin: 0 50px; } }
  @media print {
    .patient-story__content {
      margin: 0 50px; } }

.sg-content__article {
  padding: 0 12px;
  margin: 0 20px; }
  @media screen and (min-width: 672px) {
    .sg-content__article {
      padding: 0 25px; } }
  @media print {
    .sg-content__article {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .sg-content__article {
      padding: 0 48px; } }
  @media print {
    .sg-content__article {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .sg-content__article {
      padding: 0 70px; } }
  @media print {
    .sg-content__article {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .sg-content__article {
      margin: 0 30px; } }
  @media print {
    .sg-content__article {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .sg-content__article {
      margin: 0 40px; } }
  @media print {
    .sg-content__article {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .sg-content__article {
      margin: 0 50px; } }
  @media print {
    .sg-content__article {
      margin: 0 50px; } }

.sg-content__profile {
  margin: 0 32px; }
  @media screen and (min-width: 672px) {
    .sg-content__profile {
      margin: 0 60px; } }
  @media print {
    .sg-content__profile {
      margin: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .sg-content__profile {
      margin: 0 88px; } }
  @media print {
    .sg-content__profile {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .sg-content__profile {
      margin: 0 160px; } }
  @media print {
    .sg-content__profile {
      margin: 0 160px; } }

/*

  Article widths of various areas. Articles are typically broken into two
  columns.

*/
/*
  $col : is a string, either left or right.
*/
/*

  Search results widths of main and aside area.

*/
/*
  $col : is a string, either left or right.
  $no-float: is a boolean, either use float or not.
*/
.search--body .region-content .view__main-wrapper,
.search--main > .view__main-wrapper {
  display: block; }
  @media screen and (min-width: 672px) {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: 100%;
      padding: 0; } }
  @media print {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: calc(100% - 328px);
      padding: 0 64px 0 0; } }
  @media print {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: calc(100% - 328px);
      padding: 0 64px 0 0; } }
  @media screen and (min-width: 1280px) {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: calc(100% - 460px);
      padding: 0 100px 0 0; } }
  @media print {
    .search--body .region-content .view__main-wrapper,
    .search--main > .view__main-wrapper {
      width: calc(100% - 460px);
      padding: 0 100px 0 0; } }

.with-aside .search--body .region-content .view__main-wrapper,
.with-aside .search--main > .view__main-wrapper {
  display: block; }
  @media screen and (min-width: 672px) {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: 100%;
      padding: 0; } }
  @media print {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: calc(100% - 328px);
      padding: 0 64px 0 0;
      float: left; } }
  @media print {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: calc(100% - 328px);
      padding: 0 64px 0 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: calc(100% - 460px);
      padding: 0 100px 0 0;
      float: left; } }
  @media print {
    .with-aside .search--body .region-content .view__main-wrapper,
    .with-aside .search--main > .view__main-wrapper {
      width: calc(100% - 460px);
      padding: 0 100px 0 0;
      float: left; } }

.search--aside {
  display: block; }
  @media screen and (min-width: 672px) {
    .search--aside {
      width: 100%;
      padding: 0 40px; } }
  @media print {
    .search--aside {
      width: 100%;
      padding: 0 40px; } }
  @media screen and (min-width: 1024px) {
    .search--aside {
      width: 328px;
      padding: 0 88px 0 0;
      float: right; } }
  @media print {
    .search--aside {
      width: 328px;
      padding: 0 88px 0 0;
      float: right; } }
  @media screen and (min-width: 1280px) {
    .search--aside {
      width: 460px;
      padding: 0 120px 0 0;
      float: right; } }
  @media print {
    .search--aside {
      width: 460px;
      padding: 0 120px 0 0;
      float: right; } }
  .search--aside .region-search-aside > div {
    margin-bottom: 40px; }
  @media screen and (min-width: 1024px) {
    .search--aside .region-search-aside > div {
      margin-bottom: 60px; } }
  @media print {
    .search--aside .region-search-aside > div {
      margin-bottom: 60px; } }
  @media screen and (min-width: 1280px) {
    .search--aside .region-search-aside > div {
      margin-bottom: 80px; } }
  @media print {
    .search--aside .region-search-aside > div {
      margin-bottom: 80px; } }

/*

  Helpful mixins for reused styles.

*/
/*
  Card with a cast shadow.
*/
/*

  Path Variables.

*/
/*

  Layout Variables.
  - Controls things like padding/margins and sizes of the various modules.

*/
/*

  Font Definitions.

*/
@font-face {
  font-family: "gibson-light";
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-light.eot");
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-light.woff2") format("woff2"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-light.woff") format("woff"); }

@font-face {
  font-family: "gibson-regular";
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-regular.eot");
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-regular.woff2") format("woff2"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-regular.woff") format("woff"); }

@font-face {
  font-family: "gibson-semibold";
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-semibold.eot");
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-semibold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-semibold.woff2") format("woff2"), url("/themes/custom/abilitylab_theme/dist/fonts/gibson/gibson-semibold.woff") format("woff"); }

@font-face {
  font-family: "gt-sectra-fine";
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gt-sectra/gt-sectra-fine-book.eot");
  src: url("/themes/custom/abilitylab_theme/dist/fonts/gt-sectra/gt-sectra-fine-book.eot?#iefix") format("embedded-opentype"), url("/themes/custom/abilitylab_theme/dist/fonts/gt-sectra/gt-sectra-fine-book.woff") format("woff"), url("/themes/custom/abilitylab_theme/dist/fonts/gt-sectra/gt-sectra-fine-book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "icons";
  src: url("/themes/custom/abilitylab_theme/dist/fonts/icons/ability-icons.eot");
  src: url("/themes/custom/abilitylab_theme/dist/fonts/icons/ability-icons.eot?#iefix") format("embedded-opentype"), url("/themes/custom/abilitylab_theme/dist/fonts/icons/ability-icons.woff") format("woff"), url("/themes/custom/abilitylab_theme/dist/fonts/icons/ability-icons.ttf") format("truetype"), url("/themes/custom/abilitylab_theme/dist/fonts/icons/ability-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
  A set of useful mixins to style specific svgs.
  Naming convention is based on twig template name.
*/
/*
Typography

Global fonts used throughout the site. **Font-size should be written in rems.**
We have set the global font-size in _base.scss so that 10px/10pt ~ 1rem (14px = 1.4rem).

Styleguide 1.0
*/
/*
Gibson

Gibson font can be semibold, regular or light.

.gibson-semibold  - gibson semibold.
.gibson-regular   - gibson regular.
.gibson-light     - gibson light.

markup:
<p class="sg-typography {{modifier_class}}" style="font-size: 24px">
 Cum sociis natoque penatibus et magnis dis parturient montes,
 nascetur ridiculus mus.
</p>

Styleguide 1.1
*/
/*
GT sectra fine

GT sectra font can be book, book italic, bold or bold italic.

.gt-sectra              - gt sectra book
.gt-sectra-italic       - gt sectra book italic
.gt-sectra-bold         - gt sectra bold
.gt-sectra-bold-italic  - gt sectra bold italic

markup:
<p class="sg-typography {{modifier_class}}" style="font-size: 24px">
 Cum sociis natoque penatibus et magnis dis parturient montes,
 nascetur ridiculus mus.
</p>

Styleguide 1.2
*/
#section-1\.1 .kss-modifier-original,
#section-1\.2 .kss-modifier-original {
  display: none; }

.sg-typography {
  font-size: 24px; }
  .sg-typography.gibson-semibold {
    font-family: "gibson-semibold", sans-serif; }
  .sg-typography.gibson-regular {
    font-family: "gibson-regular", sans-serif; }
  .sg-typography.gibson-light {
    font-family: "gibson-light", sans-serif; }
  .sg-typography.gt-sectra {
    font-family: "gt-sectra-fine", serif; }
  .sg-typography.gt-sectra-italic {
    font-family: "gt-sectra-fine", serif;
    font-style: italic; }
  .sg-typography.gt-sectra-bold {
    font-family: "gt-sectra-fine", serif;
    font-weight: bold; }
  .sg-typography.gt-sectra-bold-italic {
    font-family: "gt-sectra-fine", serif;
    font-weight: bold;
    font-style: italic; }

/*

  A mixin to centralize the fonts styles on the left rail.

  There are two types here - one is for things that loosely fall under 'article'
  and those that are more like events and happenings.

  The difference is to help highlight times / dates for events.

*/
/**

  @file

  Overrides for global element styles.

**/
body {
  font-family: "gibson-regular", sans-serif; }

hr {
  max-width: none;
  margin: 0;
  border-bottom: 1px solid var(--sra-border-color); }
  hr.full-bleed {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both; }
    @media screen and (min-width: 672px) {
      hr.full-bleed {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      hr.full-bleed {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      hr.full-bleed {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      hr.full-bleed {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      hr.full-bleed {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      hr.full-bleed {
        margin-left: -120px;
        margin-right: -120px; } }

p {
  margin: 0; }

a {
  color: #0a0a0a;
  line-height: inherit;
  text-decoration: underline;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.125em; }
  a:hover, a:focus {
    color: #E71324; }

blockquote {
  display: block;
  margin: 30px 0;
  padding: 0;
  border: 0; }
  blockquote .squiggle-wide {
    display: block;
    width: 227px;
    height: 9px;
    fill: #6D2077; }
  blockquote p {
    font-family: "gt-sectra-fine", serif;
    display: block;
    font-size: 2.4rem;
    line-height: 3.4rem;
    position: relative; }
    blockquote p:before, blockquote p:after {
      display: inline; }
    blockquote p:before {
      content: open-quote;
      position: absolute;
      left: -0.5em; }
    blockquote p:after {
      content: close-quote;
      position: absolute;
      margin-left: -0.1em; }
  blockquote cite {
    font-family: "gibson-regular", sans-serif;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #A03753;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-style: normal; }
    blockquote cite:before {
      display: none; }
  blockquote.paragraph--pull-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    blockquote.paragraph--pull-quote p {
      max-width: 100%;
      min-width: 100%;
      margin: 20px 0; }
    blockquote.paragraph--pull-quote .social__wrapper {
      min-width: 30px;
      max-width: 30px; }
    blockquote.paragraph--pull-quote cite {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: calc(100% - 30px);
      max-width: calc(100% - 30px); }
  @media screen and (min-width: 1024px) {
    blockquote .blockquote__tools {
      position: absolute;
      left: 100%;
      top: 39px;
      width: 80px; }
    blockquote .social__toggle {
      text-align: left;
      width: 75px; }
      blockquote .social__toggle:before {
        font-size: 1.8rem; }
        .page-body--article blockquote .social__toggle:before {
          font-size: 1.8rem; }
      blockquote .social__toggle:after {
        content: "share this";
        font-family: "gibson-light", sans-serif;
        display: block;
        margin-top: 10px;
        font-size: 1.6rem;
        line-height: 1.8rem;
        letter-spacing: .015em;
        text-decoration: underline; }
      blockquote .social__toggle:hover:after, blockquote .social__toggle:focus:after {
        color: #0a0a0a; }
    blockquote .social__wrapper--collapsed .social {
      right: -32px; }
    blockquote.paragraph--pull-quote {
      position: relative;
      width: 848px;
      left: calc(100% - 833px);
      margin: 40px 0; }
      blockquote.paragraph--pull-quote p {
        margin: 30px 0;
        font-size: 3.6rem;
        line-height: 4.4rem;
        padding-right: 32px; } }
  @media print {
    blockquote .blockquote__tools {
      position: absolute;
      left: 100%;
      top: 39px;
      width: 80px; }
    blockquote .social__toggle {
      text-align: left;
      width: 75px; }
      blockquote .social__toggle:before {
        font-size: 1.8rem; }
        .page-body--article blockquote .social__toggle:before {
          font-size: 1.8rem; }
      blockquote .social__toggle:after {
        content: "share this";
        font-family: "gibson-light", sans-serif;
        display: block;
        margin-top: 10px;
        font-size: 1.6rem;
        line-height: 1.8rem;
        letter-spacing: .015em;
        text-decoration: underline; }
      blockquote .social__toggle:hover:after, blockquote .social__toggle:focus:after {
        color: #0a0a0a; }
    blockquote .social__wrapper--collapsed .social {
      right: -32px; }
    blockquote.paragraph--pull-quote {
      position: relative;
      width: 848px;
      left: calc(100% - 833px);
      margin: 40px 0; }
      blockquote.paragraph--pull-quote p {
        margin: 30px 0;
        font-size: 3.6rem;
        line-height: 4.4rem;
        padding-right: 32px; } }
  @media screen and (min-width: 1280px) {
    blockquote .blockquote__tools {
      width: 120px; }
      blockquote .blockquote__tools .share-caption,
      blockquote .blockquote__tools .social__wrapper {
        display: inline-block;
        vertical-align: middle; }
      blockquote .blockquote__tools .social__toggle {
        width: 110px; }
        blockquote .blockquote__tools .social__toggle:after {
          display: inline-block;
          vertical-align: middle;
          margin: 0 0 0 20px; }
    blockquote.paragraph--pull-quote {
      width: 940px;
      left: calc(100% - 940px); }
      blockquote.paragraph--pull-quote p {
        font-size: 4.2rem;
        line-height: 5rem;
        padding-right: 20px; } }
  @media print {
    blockquote .blockquote__tools {
      width: 120px; }
      blockquote .blockquote__tools .share-caption,
      blockquote .blockquote__tools .social__wrapper {
        display: inline-block;
        vertical-align: middle; }
      blockquote .blockquote__tools .social__toggle {
        width: 110px; }
        blockquote .blockquote__tools .social__toggle:after {
          display: inline-block;
          vertical-align: middle;
          margin: 0 0 0 20px; }
    blockquote.paragraph--pull-quote {
      width: 940px;
      left: calc(100% - 940px); }
      blockquote.paragraph--pull-quote p {
        font-size: 4.2rem;
        line-height: 5rem;
        padding-right: 20px; } }

.ajax-progress-throbber {
  position: relative;
  height: 0;
  width: 0;
  overflow: visible; }
  .ajax-progress-throbber .throbber {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    top: -9px;
    left: -4px;
    background-position: center center; }

.g-recaptcha {
  margin: 16px 0; }

.ajax-progress {
  display: none; }

/*

  Mixin for commonly used paragraph styles.

*/
/*

  Mixin for commonly used list styles. This is how a wysiwyg list. This can be seen
  on Rehab Measures and Clinical Trial pages.

*/
ol {
  margin: 0 0 20px 15px;
  list-style-position: outside; }
  ol li {
    font-family: "gt-sectra-fine", serif;
    padding-left: 1.5rem;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem; }
  @media screen and (min-width: 1280px) {
    ol {
      margin-bottom: 30px; }
      ol li {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
  @media print {
    ol {
      margin-bottom: 30px; }
      ol li {
        font-size: 1.8rem;
        line-height: 2.8rem; } }

/*

  Iconography.
  Icons / Symbols / Graphics

*/
/*
Iconography

Iconography used throughout the site. We are using a custom icon font.
Class and style presented here are only used as an example.

Icons should be defined within whatever element they are applied to using our
predefined mixin:
```
@include icon((type: [icon-name], elem: ['before' or 'after'], color: [color variable], size: [font-size]));
```
**Note:**
- **IMPORTANT** : You must put the icons in a `<i aria-hidden="true">` proceeding a text element. The `aria-hidden` attribute tells a screen reader to skip reading our icon's character value.
- $elem defaults as "before", $color defaults to our standard red and size defaults to 2.4rem (24px).


markup:
<div><i class="icon--{{modifier_class}}" aria-hidden="true"></i>{{modifier_class}}</div>

.arrow - **icon name =** arrow
.arrow2 - **icon name =** arrow2
.arrow-down - **icon name =** arrow-down
.blog - **icon name =** blog
.bookmark1 - **icon name =** bookmark1
.bookmark2 - **icon name =** bookmark2
.bubble - **icon name =** bubble
.cart - **icon name =** cart
.check - **icon name =** check
.checkbox - **icon name =** checkbox
.close - **icon name =** close
.download1 - **icon name =** download1
.download2 - **icon name =** download2
.dropdown - **icon name =** dropdown
.dropdown2 - **icon name =** dropdown2
.exclamation - **icon name =** exclamation
.eye - **icon name =** eye
.facebook - **icon name =** facebook
.gallery - **icon name =** gallery
.google - **icon name =** google
.hamburger - **icon name =** hamburger
.left - **icon name =** left
.lock - **icon name =** lock
.lock2 - **icon name =** lock2
.mail - **icon name =** mail
.plus1 - **icon name =** plus1
.plus2 - **icon name =** plus2
.profile - **icon name =** profile
.right - **icon name =** right
.search_1 - **icon name =** search_1
.selected - **icon name =** selected
.share - **icon name =** share
.share2 - **icon name =** share2
.squiggle - **icon name =** squiggle
.squiggle2 - **icon name =** squiggle2
.twitter - **icon name =** twitter
.user - **icon name =** user
.youtube - **icon name =** youtube
.research-biology - Used in research filters - biology
.research-engineering - Used in research filters - engineering
.research-neuroscience - Used in research filters - neuroscience
.research-outcomes - Used in research filters - outcomes
.research-therapies - Used in research filters - therapies

Styleguide 3.0
*/
#section-3 .kss-modifier-original {
  display: none; }

.icon--arrow {
  text-decoration: none; }
  .icon--arrow:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--arrow:hover:before {
    text-decoration: none; }

.icon--arrow2 {
  text-decoration: none; }
  .icon--arrow2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--arrow2:hover:before {
    text-decoration: none; }

.icon--arrow-down {
  text-decoration: none; }
  .icon--arrow-down:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--arrow-down:hover:before {
    text-decoration: none; }

.icon--blog {
  text-decoration: none; }
  .icon--blog:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--blog:hover:before {
    text-decoration: none; }

.icon--bookmark1 {
  text-decoration: none; }
  .icon--bookmark1:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--bookmark1:hover:before {
    text-decoration: none; }

.icon--bookmark2 {
  text-decoration: none; }
  .icon--bookmark2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--bookmark2:hover:before {
    text-decoration: none; }

.icon--bubble {
  text-decoration: none; }
  .icon--bubble:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--bubble:hover:before {
    text-decoration: none; }

.icon--cart {
  text-decoration: none; }
  .icon--cart:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--cart:hover:before {
    text-decoration: none; }

.icon--check {
  text-decoration: none; }
  .icon--check:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--check:hover:before {
    text-decoration: none; }

.icon--checkbox {
  text-decoration: none; }
  .icon--checkbox:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--checkbox:hover:before {
    text-decoration: none; }

.icon--close {
  text-decoration: none; }
  .icon--close:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--close:hover:before {
    text-decoration: none; }

.icon--download1 {
  text-decoration: none; }
  .icon--download1:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--download1:hover:before {
    text-decoration: none; }

.icon--download2 {
  text-decoration: none; }
  .icon--download2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--download2:hover:before {
    text-decoration: none; }

.icon--dropdown {
  text-decoration: none; }
  .icon--dropdown:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--dropdown:hover:before {
    text-decoration: none; }

.icon--dropdown-2 {
  text-decoration: none; }
  .icon--dropdown-2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--dropdown-2:hover:before {
    text-decoration: none; }

.icon--exclamation {
  text-decoration: none; }
  .icon--exclamation:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--exclamation:hover:before {
    text-decoration: none; }

.icon--eye {
  text-decoration: none; }
  .icon--eye:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--eye:hover:before {
    text-decoration: none; }

.icon--facebook {
  text-decoration: none; }
  .icon--facebook:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--facebook:hover:before {
    text-decoration: none; }

.icon--gallery {
  text-decoration: none; }
  .icon--gallery:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--gallery:hover:before {
    text-decoration: none; }

.icon--google {
  text-decoration: none; }
  .icon--google:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--google:hover:before {
    text-decoration: none; }

.icon--hamburger {
  text-decoration: none; }
  .icon--hamburger:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--hamburger:hover:before {
    text-decoration: none; }

.icon--left {
  text-decoration: none; }
  .icon--left:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--left:hover:before {
    text-decoration: none; }

.icon--lock {
  text-decoration: none; }
  .icon--lock:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--lock:hover:before {
    text-decoration: none; }

.icon--lock2 {
  text-decoration: none; }
  .icon--lock2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--lock2:hover:before {
    text-decoration: none; }

.icon--mail {
  text-decoration: none; }
  .icon--mail:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--mail:hover:before {
    text-decoration: none; }

.icon--pause {
  text-decoration: none; }
  .icon--pause:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "⏸";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--pause:hover:before {
    text-decoration: none; }

.icon--play {
  text-decoration: none; }
  .icon--play:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "▶";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--play:hover:before {
    text-decoration: none; }

.icon--plus1 {
  text-decoration: none; }
  .icon--plus1:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--plus1:hover:before {
    text-decoration: none; }

.icon--plus2 {
  text-decoration: none; }
  .icon--plus2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--plus2:hover:before {
    text-decoration: none; }

.icon--profile {
  text-decoration: none; }
  .icon--profile:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--profile:hover:before {
    text-decoration: none; }

.icon--right {
  text-decoration: none; }
  .icon--right:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--right:hover:before {
    text-decoration: none; }

.icon--search_1 {
  text-decoration: none; }
  .icon--search_1:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--search_1:hover:before {
    text-decoration: none; }

.icon--selected {
  text-decoration: none; }
  .icon--selected:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--selected:hover:before {
    text-decoration: none; }

.icon--share {
  text-decoration: none; }
  .icon--share:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--share:hover:before {
    text-decoration: none; }

.icon--share2 {
  text-decoration: none; }
  .icon--share2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--share2:hover:before {
    text-decoration: none; }

.icon--squiggle {
  text-decoration: none; }
  .icon--squiggle:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--squiggle:hover:before {
    text-decoration: none; }

.icon--squiggle2 {
  text-decoration: none; }
  .icon--squiggle2:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--squiggle2:hover:before {
    text-decoration: none; }

.icon--twitter {
  text-decoration: none; }
  .icon--twitter:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--twitter:hover:before {
    text-decoration: none; }

.icon--user {
  text-decoration: none; }
  .icon--user:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--user:hover:before {
    text-decoration: none; }

.icon--youtube {
  text-decoration: none; }
  .icon--youtube:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--youtube:hover:before {
    text-decoration: none; }

.icon--research-biology {
  text-decoration: none; }
  .icon--research-biology:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--research-biology:hover:before {
    text-decoration: none; }

.icon--research-engineering {
  text-decoration: none; }
  .icon--research-engineering:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--research-engineering:hover:before {
    text-decoration: none; }

.icon--research-neuroscience {
  text-decoration: none; }
  .icon--research-neuroscience:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--research-neuroscience:hover:before {
    text-decoration: none; }

.icon--research-outcomes {
  text-decoration: none; }
  .icon--research-outcomes:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--research-outcomes:hover:before {
    text-decoration: none; }

.icon--research-therapies {
  text-decoration: none; }
  .icon--research-therapies:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .icon--research-therapies:hover:before {
    text-decoration: none; }

/*

  Illustrations.
  Illustrations are svgs.

*/
/*
Illustrations

Illustrations are used throughout the site and are used to denote different
types of content.

markup:
<div class="sg-graphic__wrapper sg-graphic--{{modifier_class}}__wrapper">
  <i class="sg-graphic graphic--{{modifier_class}}" aria-hidden="true"></i>
</div>

.bubble-red     - an icon
.bubble-blue     - an icon
.bubble-orange  - an icon
.arm            - an icon (Arms + Hands)
.legs   - an icon (Legs + Walking)
.strength - a triangular graphic (Strenth + Endurance)
.speak - a word bubble graphic (Think + Speak)
.pediatric - a heart (Pediatric Lab)
.ic-brain - an icon to use with Brain Innovation Center
.ic-spine - an icon to use with Spinal Cord Innovation Center
.ic-nerve-muscle-bone - an icon to use with Nerve, Muscle + Bone Innovation Center
.ic-pediatric - an icon to use with Pediatric Innovation Center
.ic-cancer - an icon to use with Cancer Rehablitation Innovation Center
.helix    - an icon
.helix-gray    - an icon
.face-yellow   - an icon
.face-orange    - an icon
.face-gray - A gray head in profile. Used in log-in flow.
.eye    - an icon
.arc    - an icon
.circle-green   - an icon
.circle-orange   - an icon
.hexagon-green    - an icon
.hexagon-blue   - an icon
.hexagon-orange   - an icon
.cells-red    - an icon
.cells-green    - an icon
.squiggle-gray - A decorative gray squiggle.
.squiggle-red - A decorative red squiggle.
.cog - A decorative cog
.bacteria - A decorative bacteria
.hand-gray - A gray hand.

Styleguide 4.0
*/
#section-4 .kss-modifier-original {
  display: none; }

/*
  Add position: relative to styleguide graphics. Otherwise, is seems most common
  for them to be position:absolute.
*/
.graphic--bubble-red {
  position: absolute;
  display: block;
  height: 57px;
  width: 57px;
  pointer-events: none; }
  .graphic--bubble-red:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-red.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--bubble-red__wrapper {
  height: 57px;
  width: 57px; }

.graphic--bubble-blue {
  position: absolute;
  display: block;
  height: 57px;
  width: 57px;
  pointer-events: none; }
  .graphic--bubble-blue:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-blue.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--bubble-blue__wrapper {
  height: 57px;
  width: 57px; }

.graphic--bubble-orange {
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  pointer-events: none; }
  .graphic--bubble-orange:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-orange.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--bubble-orange__wrapper {
  height: 60px;
  width: 60px; }

.graphic--arm {
  position: absolute;
  display: block;
  height: 62px;
  width: 44px;
  pointer-events: none; }
  .graphic--arm:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ArmsHands.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--arm__wrapper {
  height: 62px;
  width: 44px; }

.graphic--legs {
  position: absolute;
  display: block;
  height: 75px;
  width: 60px;
  pointer-events: none; }
  .graphic--legs:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_LegsWalking.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--legs__wrapper {
  height: 75px;
  width: 60px; }

.graphic--strength {
  position: absolute;
  display: block;
  height: 72px;
  width: 80px;
  pointer-events: none; }
  .graphic--strength:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_StrengthEndurance.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--strength__wrapper {
  height: 72px;
  width: 80px; }

.graphic--speak {
  position: absolute;
  display: block;
  height: 75px;
  width: 93px;
  pointer-events: none; }
  .graphic--speak:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ThinkSpeak.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--speak__wrapper {
  height: 75px;
  width: 93px; }

.graphic--pediatric {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--pediatric:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_Pediatric.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--pediatric__wrapper {
  height: 75px;
  width: 75px; }

.graphic--ic-brain {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--ic-brain:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/IC_Brain.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--ic-brain__wrapper {
  height: 75px;
  width: 75px; }

.graphic--ic-spine {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--ic-spine:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/IC_Spine.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--ic-spine__wrapper {
  height: 75px;
  width: 75px; }

.graphic--ic-nerve-muscle-bone {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--ic-nerve-muscle-bone:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/IC_NerveMuscleBone.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--ic-nerve-muscle-bone__wrapper {
  height: 75px;
  width: 75px; }

.graphic--ic-pediatric {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--ic-pediatric:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/IC_Pediatric.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--ic-pediatric__wrapper {
  height: 75px;
  width: 75px; }

.graphic--ic-cancer {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  pointer-events: none; }
  .graphic--ic-cancer:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/IC_Cancer.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--ic-cancer__wrapper {
  height: 75px;
  width: 75px; }

.graphic--helix {
  position: absolute;
  display: block;
  height: 66px;
  width: 31px;
  pointer-events: none; }
  .graphic--helix:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/helix.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--helix__wrapper {
  height: 66px;
  width: 31px; }

.graphic--helix-gray {
  position: absolute;
  display: block;
  height: 66px;
  width: 31px;
  pointer-events: none; }
  .graphic--helix-gray:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/helix-gray.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--helix-gray__wrapper {
  height: 66px;
  width: 31px; }

.graphic--face-yellow {
  position: absolute;
  display: block;
  height: 100px;
  width: 90px;
  pointer-events: none; }
  .graphic--face-yellow:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-yellow.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--face-yellow__wrapper {
  height: 100px;
  width: 90px; }

.graphic--face-orange {
  position: absolute;
  display: block;
  height: 67px;
  width: 57px;
  pointer-events: none; }
  .graphic--face-orange:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-orange.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--face-orange__wrapper {
  height: 67px;
  width: 57px; }

.graphic--face-gray {
  position: absolute;
  display: block;
  height: 56px;
  width: 50px;
  pointer-events: none; }
  .graphic--face-gray:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-gray.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--face-gray__wrapper {
  height: 56px;
  width: 50px; }

.graphic--eye {
  position: absolute;
  display: block;
  height: 34px;
  width: 60px;
  pointer-events: none; }
  .graphic--eye:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/eye.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--eye__wrapper {
  height: 34px;
  width: 60px; }

.graphic--arc {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  pointer-events: none; }
  .graphic--arc:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/arc.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--arc__wrapper {
  height: 40px;
  width: 40px; }

.graphic--circle-green {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  pointer-events: none; }
  .graphic--circle-green:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/circle-green.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--circle-green__wrapper {
  height: 40px;
  width: 40px; }

.graphic--circle-orange {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  pointer-events: none; }
  .graphic--circle-orange:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/circle-orange.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--circle-orange__wrapper {
  height: 40px;
  width: 40px; }

.graphic--hexagon-green {
  position: absolute;
  display: block;
  height: 48px;
  width: 55px;
  pointer-events: none; }
  .graphic--hexagon-green:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-green.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--hexagon-green__wrapper {
  height: 48px;
  width: 55px; }

.graphic--hexagon-blue {
  position: absolute;
  display: block;
  height: 42px;
  width: 48px;
  pointer-events: none; }
  .graphic--hexagon-blue:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--hexagon-blue__wrapper {
  height: 42px;
  width: 48px; }

.graphic--hexagon-orange {
  position: absolute;
  display: block;
  height: 50px;
  width: 57px;
  pointer-events: none; }
  .graphic--hexagon-orange:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-orange.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--hexagon-orange__wrapper {
  height: 50px;
  width: 57px; }

.graphic--cells-red {
  position: absolute;
  display: block;
  height: 280px;
  width: 260px;
  pointer-events: none; }
  .graphic--cells-red:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-red.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--cells-red__wrapper {
  height: 280px;
  width: 260px; }

.graphic--cells-green {
  position: absolute;
  display: block;
  height: 299px;
  width: 250px;
  pointer-events: none; }
  .graphic--cells-green:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--cells-green__wrapper {
  height: 299px;
  width: 250px; }

.graphic--squiggle-gray {
  position: absolute;
  display: block;
  height: 13px;
  width: 105px;
  pointer-events: none; }
  .graphic--squiggle-gray:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/squiggle-gray.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--squiggle-gray__wrapper {
  height: 13px;
  width: 105px; }

.graphic--squiggle-red {
  position: absolute;
  display: block;
  height: 13px;
  width: 105px;
  pointer-events: none; }
  .graphic--squiggle-red:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/squiggle-red.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--squiggle-red__wrapper {
  height: 13px;
  width: 105px; }

.graphic--cog {
  position: absolute;
  display: block;
  height: 70px;
  width: 70px;
  pointer-events: none; }
  .graphic--cog:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cog.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--cog__wrapper {
  height: 70px;
  width: 70px; }

.graphic--bacteria {
  position: absolute;
  display: block;
  height: 45px;
  width: 157px;
  pointer-events: none; }
  .graphic--bacteria:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bacteria.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--bacteria__wrapper {
  height: 45px;
  width: 157px; }

.graphic--hand-gray {
  position: absolute;
  display: block;
  height: 57px;
  width: 34px;
  pointer-events: none; }
  .graphic--hand-gray:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hand-gray.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--hand-gray__wrapper {
  height: 57px;
  width: 34px; }

.graphic--hand {
  position: absolute;
  display: block;
  height: 57px;
  width: 34px;
  pointer-events: none; }
  .graphic--hand:before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hand.svg);
    background-repeat: no-repeat;
    background-position: 0 0; }

.sg-graphic--hand__wrapper {
  height: 57px;
  width: 34px; }

/*

Dialogs are used in our tooltips and custom pop-ups. They are generally controlled
with JS and Foundation, but we can override things here.

*/
#js-dialog {
  display: block !important;
  max-width: none !important; }

/*
Blue Card

A mixin to style blue cards. Seen in glossary and package card lists. Some cards do not have the 'see related' cta. The classes can change as long as they follow the same naming conventions.

markup:
<div class="blue-card__wrapper">
  <div class="blue-card">
    <div class="blue-card__bg">
      <img src="http://fillmurray.com/320/180" />
    </div>
    <div class="blue-card__content">
      <a class="blue-card__title" href="#">Example Card title</a>
      <button class="blue-card__see-related">see related<i aria-hidden="true"></i></button>
    </div>
  </div>
</div>

Styleguide 7.12
*/
.blue-card {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  text-align: left;
  overflow: hidden; }
  .blue-card__wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px; }
  .blue-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .blue-card__bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .blue-card__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 26px 25px;
    z-index: 2;
    background-color: rgba(22, 85, 161, 0.7); }
    .blue-card__content:hover {
      background-color: rgba(22, 85, 161, 0.9); }
  .blue-card__title {
    font-family: "gibson-semibold", sans-serif;
    color: var(--sra-white);
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: .05em;
    text-decoration: none;
    text-transform: none; }
  .blue-card__see-related {
    font-family: "gibson-regular", sans-serif;
    position: absolute;
    left: 25px;
    bottom: 20px;
    display: block;
    height: 2rem;
    padding-right: 2rem;
    border-bottom: 1px solid #fefefe;
    color: #fefefe;
    font-size: 1.2rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    transition: all .25s ease; }
    .blue-card__see-related i {
      text-decoration: none;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 2rem;
      height: 2rem; }
      .blue-card__see-related i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .blue-card__see-related i:hover:before {
        text-decoration: none; }
      .blue-card__see-related i:before {
        position: absolute;
        top: -.2rem;
        right: -.8rem;
        -webkit-transition: color .25s ease;
        transition: color .25s ease; }
      .related-open .blue-card__see-related i:before {
        content: "-";
        position: absolute;
        top: -.5rem;
        right: 0; }
    .blue-card__see-related:focus, .blue-card__see-related:hover {
      color: #E71324;
      border-color: #E71324; }
      .blue-card__see-related:focus i:before, .blue-card__see-related:hover i:before {
        color: #E71324; }
  @media screen and (min-width: 672px) {
    .blue-card__wrapper {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; } }
  @media print {
    .blue-card__wrapper {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .blue-card__wrapper {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding: 0 17px;
      margin-bottom: 34px; }
    .blue-card__see-related {
      left: 25px;
      bottom: 20px; } }
  @media print {
    .blue-card__wrapper {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding: 0 17px;
      margin-bottom: 34px; }
    .blue-card__see-related {
      left: 25px;
      bottom: 20px; } }
  @media screen and (min-width: 1280px) {
    .blue-card__wrapper {
      padding: 0 20px;
      margin-bottom: 40px; }
    .blue-card__content {
      padding: 30px; }
    .blue-card__title {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .blue-card__see-related {
      left: 30px;
      bottom: 30px; } }
  @media print {
    .blue-card__wrapper {
      padding: 0 20px;
      margin-bottom: 40px; }
    .blue-card__content {
      padding: 30px; }
    .blue-card__title {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .blue-card__see-related {
      left: 30px;
      bottom: 30px; } }

/*
  Full Page Card is a mixin to create a large block of content with a drop-shadow
  and decorative edges.

  Examples are a full page form and the list of careers on the careers page.
*/
header .messages {
  background: no-repeat 10px 17px;
  border: none;
  border-width: 0;
  border-radius: 0;
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 1.6rem; }
  header .messages + .messages {
    margin-top: 1.538em; }

header [dir="rtl"] .messages {
  border-width: 0;
  background-position: right 10px top 17px;
  padding-left: 20px;
  padding-right: 35px; }

header [dir="rtl"] .messages--status {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 0;
  text-align: center;
  text-transform: capitalize; }

header [dir="rtl"] .messages--warning {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

header [dir="rtl"] .messages--error {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

header .messages__list {
  list-style: none;
  padding: 0;
  margin: 0; }

header .messages--status {
  color: #fefefe;
  background-color: #36a492;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

header .messages--warning {
  color: #fefefe;
  background-color: #e09600;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

header .messages--error {
  background-color: #eb0029;
  color: #fefefe;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
  header .messages--error p.error {
    color: #fefefe; }

header .messages__item + .messages__item {
  margin-top: 0.769em; }

/*
  A helpful mixin for when a package has a border on its top.
  These need to be full bleed.
*/
/*
Page Elements

Reuseable page elements.

Styleguide 7.0
*/
.page-body {
  padding: 0 12px;
  margin: 0 20px; }
  @media screen and (min-width: 672px) {
    .page-body {
      padding: 0 25px; } }
  @media print {
    .page-body {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .page-body {
      padding: 0 48px; } }
  @media print {
    .page-body {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .page-body {
      padding: 0 70px; } }
  @media print {
    .page-body {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .page-body {
      margin: 0 30px; } }
  @media print {
    .page-body {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .page-body {
      margin: 0 40px; } }
  @media print {
    .page-body {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .page-body {
      margin: 0 50px; } }
  @media print {
    .page-body {
      margin: 0 50px; } }

/*
Taxonomy Tag

A tag to indicate page type. Grey text, sentence case with a squiggle icon.

markup:
<p class="taxonomy-tag"><i aria-hidden="true"></i>taxonomy tag</p>

Styleguide 3.1
*/
.taxonomy-tag {
  font-family: "gibson-semibold", sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.015em;
  color: var(--sra-tag-color);
  position: relative;
  margin: 0;
  text-transform: capitalize; }
  .taxonomy-tag i {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1rem; }
    .taxonomy-tag i:before {
      color: var(--sra-tag-color);
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 3.4rem;
      text-decoration: none; }
    .taxonomy-tag i:hover:before {
      text-decoration: none; }
    .taxonomy-tag i:before {
      line-height: 1.5rem; }
  @media screen and (min-width: 1024px) {
    .taxonomy-tag {
      font-size: 1.4rem; } }
  @media print {
    .taxonomy-tag {
      font-size: 1.4rem; } }

/*

  Social.
  Throughout the site we have an array of four links to social channels.

*/
/*
Social Channels

An array of links to various social channels. Come in three view modes: Default,
Collapsed and Responsive.

Styleguide 12.0
*/
/*
Social Channels -- Default.

This is the basic Social block.

markup:
<div class="social__wrapper">
  <div class="social">
    <p class="social__cta">share</p>
    <ul class="social__items">
      <li class="social__item">
        <a href="#">
          <i  class="icon--facebook" aria-hidden="true"></i>
          <span class="show-for-sr">facebook</span>
        </a>
      </li>
      <li class="social__item">
        <a href="#">
          <i  class="icon--twitter" aria-hidden="true"></i>
          <span class="show-for-sr">twitter</span>
        </a>
      </li>
      <li class="social__item">
        <a href="#">
          <i  class="icon--google" aria-hidden="true"></i>
          <span class="show-for-sr">google plus</span>
        </a>
      </li>
      <li class="social__item">
        <a href="#">
          <i  class="icon--mail" aria-hidden="true"></i>
          <span class="show-for-sr">email</span>
        </a>
      </li>
    </ul>
  </div>
</div>

Styleguide 12.1
*/
.page-body--article .social__toggle,
.social__toggle {
  text-decoration: none; }
  .page-body--article .social__toggle:before,
  .social__toggle:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    text-decoration: none; }
  .page-body--article .social__toggle:hover:before,
  .social__toggle:hover:before {
    text-decoration: none; }
  .page-body--article .social__toggle:hover:before, .page-body--article .social__toggle:focus:before,
  .social__toggle:hover:before,
  .social__toggle:focus:before {
    color: #0a0a0a; }

.page-body--article .social__items,
.social__items {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  list-style: none; }

.page-body--article .social__cta,
.social__cta {
  font-family: "gibson-semibold", sans-serif;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  min-width: auto;
  max-width: none;
  padding-right: 0;
  margin: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 1;
  text-transform: uppercase; }
  .page-body--article .social__cta:before, .page-body--article .social__cta:after,
  .social__cta:before,
  .social__cta:after {
    display: none; }

.page-body--article .social__item,
.social__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 .5rem;
  padding: 0; }
  .page-body--article .social__item i.icon--twitter-x,
  .social__item i.icon--twitter-x {
    width: 20px;
    height: 20px;
    display: block;
    background-position: center;
    background-repeat: no-repeat; }
  .page-body--article .social__item:before,
  .social__item:before {
    display: none; }
  .page-body--article .social__item a,
  .social__item a {
    display: block;
    text-decoration: none; }

.page-body--article .social [class*='icon--'],
.social [class*='icon--'] {
  text-decoration: none; }
  .page-body--article .social [class*='icon--']:before,
  .social [class*='icon--']:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.8rem;
    text-decoration: none; }
  .page-body--article .social [class*='icon--']:hover:before,
  .social [class*='icon--']:hover:before {
    text-decoration: none; }
  .page-body--article .social [class*='icon--']:before,
  .social [class*='icon--']:before {
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }

.page-body--article .social a:hover [class*='icon--']:before,
.page-body--article .social a:focus [class*='icon--']:before,
.social a:hover [class*='icon--']:before,
.social a:focus [class*='icon--']:before {
  color: #0a0a0a; }

.social__item-link {
  height: 20px;
  margin: 0 5px;
  width: 20px; }
  .social__item-link svg {
    height: 20px;
    width: 20px; }
  .social__item-link:hover svg path {
    fill: #0a0a0a; }

/*
Social -- Collapsed

Collapsed is when the social menu is always collapsed and triggered by clicking
on the toggle button.

markup:
<div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
  <button class="social__toggle js-dialog">
    <i aria-hidden="true"></i>
    <span class="show-for-sr">Open for Social Menu</span>
  </button>
  <div class="social js-hide js-dialog-content">
    <button class="social-toggle--close">
      <i aria-hidden="true"></i>
      <span class="show-for-sr">Close Social Menu</span>
    </button>
    <p class="social__cta">share</p>
    <ul class="social__items">
      <li class="social__item">
        <a href="{{ facebook_url }}">
          <i class="icon--facebook" aria-hidden="true"></i>
          <span class="show-for-sr">facebook</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ twitter_url }}">
          <i class="icon--twitter" aria-hidden="true"></i>
          <span class="show-for-sr">twitter</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ googleplus_url }}">
          <i class="icon--google" aria-hidden="true"></i>
          <span class="show-for-sr">google plus</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ email_url }}">
          <i class="icon--mail" aria-hidden="true"></i>
          <span class="show-for-sr">email</span>
        </a>
      </li>
    </ul>
  </div>
</div>

Styleguide 12.2
*/
.sg-social__wrapper {
  margin: 0 auto; }

.social__wrapper--collapsed {
  position: relative;
  width: 30px; }
  .social__wrapper--collapsed .social {
    display: block;
    position: absolute;
    bottom: calc(100% + 12px);
    top: auto;
    left: auto;
    right: -37px;
    width: 235px;
    border: 0;
    padding: 10px 30px 10px 15px;
    background-color: #edd5e3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
    .social__wrapper--collapsed .social:before {
      display: none; }
    .social__wrapper--collapsed .social:after {
      content: "";
      position: absolute;
      top: 100%;
      right: 43px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #edd5e3; }
  .social__wrapper--collapsed .social-toggle--close {
    position: absolute;
    display: block;
    top: 7px;
    right: 7px; }
    .social__wrapper--collapsed .social-toggle--close i {
      text-decoration: none; }
      .social__wrapper--collapsed .social-toggle--close i:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 1.6rem;
        text-decoration: none; }
      .social__wrapper--collapsed .social-toggle--close i:hover:before {
        text-decoration: none; }

/*
Social -- Responsive

The Responsive view mode will make it so the social buttons have the default look
on large and xlarge breakpoints and collapsed at medium and small.

markup:
<div class="sg-social__wrapper social__wrapper social__wrapper--responsive">
  <button class="social__toggle js-dialog show-for-small-medium hide-for-large">
    <i aria-hidden="true"></i>
    <span class="show-for-sr">Click for Social Menu</span>
  </button>
  <div class="social js-dialog-content show-for-large">
    <button class="social-toggle--close hide-for-large">
      <i aria-hidden="true"></i>
      <span class="show-for-sr">Close Social Menu</span>
    </button>
    <p class="social__cta">share</p>
    <ul class="social__items">
      <li class="social__item">
        <a href="{{ facebook_url }}">
          <i class="icon--facebook" aria-hidden="true"></i>
          <span class="show-for-sr">facebook</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ twitter_url }}">
          <i class="icon--twitter" aria-hidden="true"></i>
          <span class="show-for-sr">twitter</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ googleplus_url }}">
          <i class="icon--google" aria-hidden="true"></i>
          <span class="show-for-sr">google plus</span>
        </a>
      </li>
      <li class="social__item">
        <a href="{{ email_url }}">
          <i class="icon--mail" aria-hidden="true"></i>
          <span class="show-for-sr">email</span>
        </a>
      </li>
    </ul>
  </div>
</div>

Styleguide 12.3
*/
@media screen and (max-width: 1023px) {
  .social__wrapper--responsive {
    position: relative;
    width: 30px; }
    .social__wrapper--responsive .social {
      display: block;
      position: absolute;
      bottom: calc(100% + 12px);
      top: auto;
      left: auto;
      right: -37px;
      width: 235px;
      border: 0;
      padding: 10px 30px 10px 15px;
      background-color: #edd5e3;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: left; }
      .social__wrapper--responsive .social:before {
        display: none; }
      .social__wrapper--responsive .social:after {
        content: "";
        position: absolute;
        top: 100%;
        right: 43px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #edd5e3; }
    .social__wrapper--responsive .social-toggle--close {
      position: absolute;
      display: block;
      top: 7px;
      right: 7px; }
      .social__wrapper--responsive .social-toggle--close i {
        text-decoration: none; }
        .social__wrapper--responsive .social-toggle--close i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem;
          text-decoration: none; }
        .social__wrapper--responsive .social-toggle--close i:hover:before {
          text-decoration: none; } }

.social-media {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none; }
  .social-media__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .social-media__item a {
      display: block;
      width: 24px;
      height: 24px;
      overflow: hidden;
      margin-right: 4px; }
    .social-media__item--facebook a {
      text-decoration: none; }
      .social-media__item--facebook a:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.8rem;
        text-decoration: none; }
      .social-media__item--facebook a:hover:before {
        text-decoration: none; }
    .social-media__item--youtube a {
      text-decoration: none; }
      .social-media__item--youtube a:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.8rem;
        text-decoration: none; }
      .social-media__item--youtube a:hover:before {
        text-decoration: none; }
    .social-media__item--google a {
      text-decoration: none; }
      .social-media__item--google a:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.8rem;
        text-decoration: none; }
      .social-media__item--google a:hover:before {
        text-decoration: none; }

.social-media__item--img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px; }
  .social-media__item--img a {
    height: 0;
    overflow: hidden;
    padding: 24px 0 0; }

.social-media__item--linkedin {
  background-image: url("../../assets/icons/linkedin--sra-red.svg"); }

.social-media__item--instagram {
  background-image: url("../../assets/icons/instagram.png"); }

.social-media__item--twitter {
  background-image: url("../../assets/icons/x.png"); }

.social-media__item--x-twitter {
  background-image: url("../../assets/icons/x-twitter-red.svg"); }
  .social-media__item--x-twitter:hover {
    background-image: url("../../assets/icons/x-twitter.svg"); }

.social-media__item--tiktok {
  background-image: url("../../assets/icons/tiktok.png"); }

/*
Social - Tweet Actions

These are twitter actions that should follow : https://dev.twitter.com/overview/general/image-resources

markup:
<ul class="twitter-actions">
  <li>
    <a class="reply" href="#" title="reply" target="_blank">
      reply
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 72">
        <path d="M41 31h-9V19c0-1.14-.647-2.183-1.668-2.688-1.022-.507-2.243-.39-3.15.302l-21 16C5.438 33.18 5 34.064 5 35s.437 1.82 1.182 2.387l21 16c.533.405 1.174.613 1.82.613.453 0 .908-.103 1.33-.312C31.354 53.183 32 52.14 32 51V39h9c5.514 0 10 4.486 10 10 0 2.21 1.79 4 4 4s4-1.79 4-4c0-9.925-8.075-18-18-18z"/>
      </svg>
    </a>
  </li>
  <li>
    <a class="retweet" href="#" title="retweet" target="_blank">
      retweet
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 72">
        <path d="M70.676 36.644C70.166 35.636 69.13 35 68 35h-7V19c0-2.21-1.79-4-4-4H34c-2.21 0-4 1.79-4 4s1.79 4 4 4h18c.552 0 .998.446 1 .998V35h-7c-1.13 0-2.165.636-2.676 1.644-.51 1.01-.412 2.22.257 3.13l11 15C55.148 55.545 56.046 56 57 56s1.855-.455 2.42-1.226l11-15c.668-.912.767-2.122.256-3.13zM40 48H22c-.54 0-.97-.427-.992-.96L21 36h7c1.13 0 2.166-.636 2.677-1.644.51-1.01.412-2.22-.257-3.13l-11-15C18.854 15.455 17.956 15 17 15s-1.854.455-2.42 1.226l-11 15c-.667.912-.767 2.122-.255 3.13C3.835 35.365 4.87 36 6 36h7l.012 16.003c.002 2.208 1.792 3.997 4 3.997h22.99c2.208 0 4-1.79 4-4s-1.792-4-4-4z"/>
      </svg>
    </a>
  </li>
  <li>
    <a class="like" href="#" title="like" target="_blank">
      like
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 72">
        <path d="M38.723,12c-7.187,0-11.16,7.306-11.723,8.131C26.437,19.306,22.504,12,15.277,12C8.791,12,3.533,18.163,3.533,24.647 C3.533,39.964,21.891,55.907,27,56c5.109-0.093,23.467-16.036,23.467-31.353C50.467,18.163,45.209,12,38.723,12z"/>
      </svg>
    </a>
  </li>
</ul>

Styleguide 12.4
*/
.twitter-actions {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center; }
  .twitter-actions li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 2.6rem;
    width: 2.6rem;
    margin: 0 20px;
    text-indent: -9999px; }
    .twitter-actions li a {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      padding-top: 100%; }
      .twitter-actions li a:active {
        opacity: .5; }
    .twitter-actions li svg {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      fill: #AAB8C2; }
    .twitter-actions li .reply:focus svg, .twitter-actions li .reply:hover svg {
      fill: #0084B4; }
    .twitter-actions li .retweet:focus svg, .twitter-actions li .retweet:hover svg {
      fill: #19CF86; }
    .twitter-actions li .like:focus svg, .twitter-actions li .like:hover svg {
      fill: #E81C4F; }

/*
Content Flags

Content flags come in three view modes: default, text-only, responive and tiny.
Each flag has two states: default and saved.

Styleguide 9.0
*/
/*
Content Flag -- Default/Button.

markup:
<button class="content-flag content-flag--button {{modifier_class}}">
  <i aria-hidden="true"></i>
  <span>save for later</span>
</button>

.content-flag--saved - the saved state of the flag.

Styleguide 9.1
*/
.content-flag--button {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  padding-left: 70px; }
  @media screen and (min-width: 64em) {
    .content-flag--button {
      white-space: nowrap; } }
  .content-flag--button:visited, .content-flag--button:active {
    background-color: transparent;
    color: #E71324; }
  .content-flag--button:hover, .content-flag--button:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }
  .content-flag--button i {
    text-decoration: none;
    position: absolute;
    left: 25px; }
    .content-flag--button i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .content-flag--button i:hover:before {
      text-decoration: none; }
  .no-touchevents .content-flag--button:hover i, .no-touchevents .content-flag--button:focus i {
    text-decoration: none; }
    .no-touchevents .content-flag--button:hover i:before, .no-touchevents .content-flag--button:focus i:before {
      color: #fefefe;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .no-touchevents .content-flag--button:hover i:hover:before, .no-touchevents .content-flag--button:focus i:hover:before {
      text-decoration: none; }
  .content-flag--button.content-flag--saved {
    background-color: #E71324;
    color: #fefefe; }
    .content-flag--button.content-flag--saved i {
      text-decoration: none; }
      .content-flag--button.content-flag--saved i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .content-flag--button.content-flag--saved i:hover:before {
        text-decoration: none; }
    .no-touchevents .content-flag--button.content-flag--saved:hover, .no-touchevents .content-flag--button.content-flag--saved:focus {
      background-color: #fefefe;
      color: #E71324; }
      .no-touchevents .content-flag--button.content-flag--saved:hover i, .no-touchevents .content-flag--button.content-flag--saved:focus i {
        text-decoration: none; }
        .no-touchevents .content-flag--button.content-flag--saved:hover i:before, .no-touchevents .content-flag--button.content-flag--saved:focus i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .no-touchevents .content-flag--button.content-flag--saved:hover i:hover:before, .no-touchevents .content-flag--button.content-flag--saved:focus i:hover:before {
          text-decoration: none; }

/*
Content Flag -- Responsive/Button.

This buttons is specifically for saving content. It has two states. Saved or Unsaved.

markup:
<button class="content-flag content-flag--responsive {{modifier_class}}">
  <i aria-hidden="true"></i>
  <span class="show-for-large">save</span>
</button>

.content-flag--saved - the saved state of the flag.

Styleguide 9.2
*/
.content-flag--responsive i {
  text-decoration: none; }
  .content-flag--responsive i:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    text-decoration: none; }
  .content-flag--responsive i:hover:before {
    text-decoration: none; }

.no-touchevents .content-flag--responsive:hover i, .no-touchevents .content-flag--responsive:focus i {
  text-decoration: none; }
  .no-touchevents .content-flag--responsive:hover i:before, .no-touchevents .content-flag--responsive:focus i:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    text-decoration: none; }
  .no-touchevents .content-flag--responsive:hover i:hover:before, .no-touchevents .content-flag--responsive:focus i:hover:before {
    text-decoration: none; }

.content-flag--responsive.content-flag--saved i {
  text-decoration: none; }
  .content-flag--responsive.content-flag--saved i:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    text-decoration: none; }
  .content-flag--responsive.content-flag--saved i:hover:before {
    text-decoration: none; }

.no-touchevents .content-flag--responsive.content-flag--saved:hover i, .no-touchevents .content-flag--responsive.content-flag--saved:focus i {
  text-decoration: none; }
  .no-touchevents .content-flag--responsive.content-flag--saved:hover i:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 3rem;
    text-decoration: none; }
  .no-touchevents .content-flag--responsive.content-flag--saved:hover i:hover:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:hover:before {
    text-decoration: none; }

@media screen and (min-width: 1024px) {
  .content-flag--responsive {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    padding-left: 70px; } }
  @media screen and (min-width: 1024px) and (min-width: 64em) {
    .content-flag--responsive {
      white-space: nowrap; } }

@media screen and (min-width: 1024px) {
    .content-flag--responsive:visited, .content-flag--responsive:active {
      background-color: transparent;
      color: #E71324; }
    .content-flag--responsive:hover, .content-flag--responsive:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
    .content-flag--responsive i {
      text-decoration: none;
      position: absolute;
      left: 25px; }
      .content-flag--responsive i:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .content-flag--responsive i:hover:before {
        text-decoration: none; }
    .no-touchevents .content-flag--responsive:hover i, .no-touchevents .content-flag--responsive:focus i {
      text-decoration: none; }
      .no-touchevents .content-flag--responsive:hover i:before, .no-touchevents .content-flag--responsive:focus i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .no-touchevents .content-flag--responsive:hover i:hover:before, .no-touchevents .content-flag--responsive:focus i:hover:before {
        text-decoration: none; }
    .content-flag--responsive.content-flag--saved {
      background-color: #E71324;
      color: #fefefe; }
      .content-flag--responsive.content-flag--saved i {
        text-decoration: none; }
        .content-flag--responsive.content-flag--saved i:before {
          color: #fefefe;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .content-flag--responsive.content-flag--saved i:hover:before {
          text-decoration: none; }
      .no-touchevents .content-flag--responsive.content-flag--saved:hover, .no-touchevents .content-flag--responsive.content-flag--saved:focus {
        background-color: #fefefe;
        color: #E71324; }
        .no-touchevents .content-flag--responsive.content-flag--saved:hover i, .no-touchevents .content-flag--responsive.content-flag--saved:focus i {
          text-decoration: none; }
          .no-touchevents .content-flag--responsive.content-flag--saved:hover i:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:before {
            color: #E71324;
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icons" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            display: inline-block;
            vertical-align: middle;
            font-size: 2.4rem;
            text-decoration: none; }
          .no-touchevents .content-flag--responsive.content-flag--saved:hover i:hover:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:hover:before {
            text-decoration: none; } }

@media print {
  .content-flag--responsive {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    padding-left: 70px; }
    .content-flag--responsive:visited, .content-flag--responsive:active {
      background-color: transparent;
      color: #E71324; }
    .content-flag--responsive:hover, .content-flag--responsive:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
    .content-flag--responsive i {
      text-decoration: none;
      position: absolute;
      left: 25px; }
      .content-flag--responsive i:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .content-flag--responsive i:hover:before {
        text-decoration: none; }
    .no-touchevents .content-flag--responsive:hover i, .no-touchevents .content-flag--responsive:focus i {
      text-decoration: none; }
      .no-touchevents .content-flag--responsive:hover i:before, .no-touchevents .content-flag--responsive:focus i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .no-touchevents .content-flag--responsive:hover i:hover:before, .no-touchevents .content-flag--responsive:focus i:hover:before {
        text-decoration: none; }
    .content-flag--responsive.content-flag--saved {
      background-color: #E71324;
      color: #fefefe; }
      .content-flag--responsive.content-flag--saved i {
        text-decoration: none; }
        .content-flag--responsive.content-flag--saved i:before {
          color: #fefefe;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .content-flag--responsive.content-flag--saved i:hover:before {
          text-decoration: none; }
      .no-touchevents .content-flag--responsive.content-flag--saved:hover, .no-touchevents .content-flag--responsive.content-flag--saved:focus {
        background-color: #fefefe;
        color: #E71324; }
        .no-touchevents .content-flag--responsive.content-flag--saved:hover i, .no-touchevents .content-flag--responsive.content-flag--saved:focus i {
          text-decoration: none; }
          .no-touchevents .content-flag--responsive.content-flag--saved:hover i:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:before {
            color: #E71324;
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icons" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            display: inline-block;
            vertical-align: middle;
            font-size: 2.4rem;
            text-decoration: none; }
          .no-touchevents .content-flag--responsive.content-flag--saved:hover i:hover:before, .no-touchevents .content-flag--responsive.content-flag--saved:focus i:hover:before {
            text-decoration: none; } }

/*
Content Flag -- Text-Only/Button.

This buttons is specifically for saving content. It has two states. Saved or Unsaved.

markup:
<button class="content-flag content-flag--text-only {{modifier_class}}">
  <span>save for later</span>
</button>

.content-flag--saved - the saved state of the flag.

Styleguide 9.3
*/
.content-flag--text-only {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  @media screen and (min-width: 64em) {
    .content-flag--text-only {
      white-space: nowrap; } }
  .content-flag--text-only:visited, .content-flag--text-only:active {
    background-color: transparent;
    color: #E71324; }
  .content-flag--text-only:hover, .content-flag--text-only:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }
  .content-flag--text-only.content-flag--saved {
    background: #E71324;
    color: #fefefe; }
    .no-touchevents .content-flag--text-only.content-flag--saved:hover, .no-touchevents .content-flag--text-only.content-flag--saved:focus {
      background-color: #fefefe;
      color: #E71324; }

/*
Content Flag -- Tiny (non button)

Tiny content flags sometimes show text. By default we hide that text, but make
it available to screen readers. If you need to make it visible, use the
`show-tiny-flag-text` mixin for that particular case.

markup:
<button class="content-flag content-flag--tiny {{modifier_class}}">
  <i aria-hidden="true"></i>
  <span class="show-for-sr">save</span>
<button>

.content-flag--saved - The state showing the user they have previously saved this content.

Styleguide 9.4
*/
.content-flag--tiny,
.content-flag--tiny-with-text {
  color: #E71324;
  text-transform: uppercase;
  overflow: hidden; }
  .content-flag--tiny i,
  .content-flag--tiny-with-text i {
    text-decoration: none;
    padding-right: 1rem; }
    .content-flag--tiny i:before,
    .content-flag--tiny-with-text i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem;
      text-decoration: none; }
    .content-flag--tiny i:hover:before,
    .content-flag--tiny-with-text i:hover:before {
      text-decoration: none; }
  .content-flag--tiny span,
  .content-flag--tiny-with-text span {
    position: relative;
    top: 20px;
    -webkit-transition: top .15s ease-out;
    transition: top .15s ease-out; }
  .no-touchevents .content-flag--tiny:hover span, .no-touchevents .content-flag--tiny:focus span, .no-touchevents
  .content-flag--tiny-with-text:hover span, .no-touchevents
  .content-flag--tiny-with-text:focus span {
    top: 0; }
  .no-touchevents .content-flag--tiny:hover i, .no-touchevents .content-flag--tiny:focus i, .no-touchevents
  .content-flag--tiny-with-text:hover i, .no-touchevents
  .content-flag--tiny-with-text:focus i {
    text-decoration: none; }
    .no-touchevents .content-flag--tiny:hover i:before, .no-touchevents .content-flag--tiny:focus i:before, .no-touchevents
    .content-flag--tiny-with-text:hover i:before, .no-touchevents
    .content-flag--tiny-with-text:focus i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem;
      text-decoration: none; }
    .no-touchevents .content-flag--tiny:hover i:hover:before, .no-touchevents .content-flag--tiny:focus i:hover:before, .no-touchevents
    .content-flag--tiny-with-text:hover i:hover:before, .no-touchevents
    .content-flag--tiny-with-text:focus i:hover:before {
      text-decoration: none; }
  .content-flag--tiny.content-flag--saved i,
  .content-flag--tiny-with-text.content-flag--saved i {
    text-decoration: none; }
    .content-flag--tiny.content-flag--saved i:before,
    .content-flag--tiny-with-text.content-flag--saved i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem;
      text-decoration: none; }
    .content-flag--tiny.content-flag--saved i:hover:before,
    .content-flag--tiny-with-text.content-flag--saved i:hover:before {
      text-decoration: none; }
  .no-touchevents .content-flag--tiny.content-flag--saved:hover i, .no-touchevents .content-flag--tiny.content-flag--saved:focus i, .no-touchevents
  .content-flag--tiny-with-text.content-flag--saved:hover i, .no-touchevents
  .content-flag--tiny-with-text.content-flag--saved:focus i {
    text-decoration: none; }
    .no-touchevents .content-flag--tiny.content-flag--saved:hover i:before, .no-touchevents .content-flag--tiny.content-flag--saved:focus i:before, .no-touchevents
    .content-flag--tiny-with-text.content-flag--saved:hover i:before, .no-touchevents
    .content-flag--tiny-with-text.content-flag--saved:focus i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem;
      text-decoration: none; }
    .no-touchevents .content-flag--tiny.content-flag--saved:hover i:hover:before, .no-touchevents .content-flag--tiny.content-flag--saved:focus i:hover:before, .no-touchevents
    .content-flag--tiny-with-text.content-flag--saved:hover i:hover:before, .no-touchevents
    .content-flag--tiny-with-text.content-flag--saved:focus i:hover:before {
      text-decoration: none; }

.content-flag--tiny-with-text {
  white-space: nowrap; }
  .content-flag--tiny-with-text span {
    position: relative !important;
    height: auto;
    width: auto; }
  .content-flag--tiny-with-text i,
  .content-flag--tiny-with-text span {
    display: inline-block;
    vertical-align: middle; }

/*
Page Header

General page header. Orange = conditions and Blue = services.

.page--service - Page header on service pages.

markup:
<div class="{{ modifier_class }}">
<header class="page-header {{ modifier_class }}">
  <div class="page-header__hero">
    <h1 class="page-header__title">Page Title</h1>
    <img src="#" class="page-header__img" />
  </div>
  <div class="page-header__content">
    <span class="page-subheader">Rehabilitation Measure</span>
  </div>
</header>
</div>

Styleguide 7.1
*/
.page-header {
  position: relative;
  display: block; }
  .page-header__hero {
    position: relative;
    display: block;
    height: 220px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    .page--condition .page-header__hero {
      position: relative;
      z-index: 1; }
      .page--condition .page-header__hero:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        pointer-events: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 108, 33, 0.64)), to(#f36c21));
        background-image: linear-gradient(rgba(243, 108, 33, 0.64), #f36c21); }
      .page--condition .page-header__hero.overlay-hidden:after {
        opacity: 0; }
    .page--lifecenter-search .page-header__hero,
    .page--lifecenter-landing .page-header__hero,
    .page--academy .page-header__hero,
    .page--research .page-header__hero,
    .page--learn .page-header__hero,
    .page--contact-us .page-header__hero,
    .page--service .page-header__hero,
    .page--landing .page-header__hero {
      position: relative;
      z-index: 1; }
      .page--lifecenter-search .page-header__hero:after,
      .page--lifecenter-landing .page-header__hero:after,
      .page--academy .page-header__hero:after,
      .page--research .page-header__hero:after,
      .page--learn .page-header__hero:after,
      .page--contact-us .page-header__hero:after,
      .page--service .page-header__hero:after,
      .page--landing .page-header__hero:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        pointer-events: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        background-color: rgba(35, 143, 207, 0.7); }
      .page--lifecenter-search .page-header__hero.overlay-hidden:after,
      .page--lifecenter-landing .page-header__hero.overlay-hidden:after,
      .page--academy .page-header__hero.overlay-hidden:after,
      .page--research .page-header__hero.overlay-hidden:after,
      .page--learn .page-header__hero.overlay-hidden:after,
      .page--contact-us .page-header__hero.overlay-hidden:after,
      .page--service .page-header__hero.overlay-hidden:after,
      .page--landing .page-header__hero.overlay-hidden:after {
        opacity: 0; }
    .page-header__hero .page-header__title {
      padding: 0 32px;
      position: absolute;
      width: 100%;
      font-size: 4rem;
      line-height: 4.4rem;
      top: calc(50% - 30px/2);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (min-width: 672px) {
        .page-header__hero .page-header__title {
          padding: 0 55px; } }
      @media print {
        .page-header__hero .page-header__title {
          padding: 0 55px; } }
      @media screen and (min-width: 1024px) {
        .page-header__hero .page-header__title {
          padding: 0 88px; } }
      @media print {
        .page-header__hero .page-header__title {
          padding: 0 88px; } }
      @media screen and (min-width: 1280px) {
        .page-header__hero .page-header__title {
          padding: 0 120px; } }
      @media print {
        .page-header__hero .page-header__title {
          padding: 0 120px; } }
    .page--lifecenter-search .page-header__hero .page-header__title {
      top: 50%; }
  .page-header img {
    position: absolute;
    top: 0;
    height: 100%;
    min-width: 100%;
    width: auto;
    max-width: 100%; }
  .page-header__title {
    font-family: "gibson-semibold", sans-serif;
    position: relative;
    display: block;
    margin: 0;
    text-align: center;
    color: #fefefe;
    font-size: 2rem;
    line-height: 2rem;
    z-index: 3; }
  .page-header__content {
    padding: 0 12px;
    margin: 0 20px;
    display: block;
    position: relative;
    margin-top: -30px;
    margin-bottom: 35px;
    min-height: 30px;
    padding-top: 40px;
    background-color: #fefefe;
    z-index: 2; }
    @media screen and (min-width: 672px) {
      .page-header__content {
        padding: 0 25px; } }
    @media print {
      .page-header__content {
        padding: 0 25px; } }
    @media screen and (min-width: 1024px) {
      .page-header__content {
        padding: 0 48px; } }
    @media print {
      .page-header__content {
        padding: 0 48px; } }
    @media screen and (min-width: 1280px) {
      .page-header__content {
        padding: 0 70px; } }
    @media print {
      .page-header__content {
        padding: 0 70px; } }
    @media screen and (min-width: 672px) {
      .page-header__content {
        margin: 0 30px; } }
    @media print {
      .page-header__content {
        margin: 0 30px; } }
    @media screen and (min-width: 1024px) {
      .page-header__content {
        margin: 0 40px; } }
    @media print {
      .page-header__content {
        margin: 0 40px; } }
    @media screen and (min-width: 1280px) {
      .page-header__content {
        margin: 0 50px; } }
    @media print {
      .page-header__content {
        margin: 0 50px; } }
    .page--landing-page .page-header__content .page-header__title {
      color: #0a0a0a;
      margin-bottom: 30px; }
  @media screen and (min-width: 672px) {
    .page-header__content {
      margin-top: -60px;
      margin-bottom: 35px;
      padding-top: 40px; } }
  @media print {
    .page-header__content {
      margin-top: -60px;
      margin-bottom: 35px;
      padding-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .page-header__hero {
      height: 390px; }
      .page-header__hero .page-header__title {
        top: calc(50% - 70px/2);
        font-size: 8.2rem;
        line-height: 8.2rem; }
      .page--lifecenter-search .page-header__hero .page-header__title {
        top: 50%; }
    .page-header__title {
      font-size: 8.2rem;
      line-height: 8.2rem; }
    .page-header__content {
      margin-top: -70px;
      min-height: 70px;
      margin-bottom: 65px;
      padding-top: 60px; } }
  @media print {
    .page-header__hero {
      height: 390px; }
      .page-header__hero .page-header__title {
        top: calc(50% - 70px/2);
        font-size: 8.2rem;
        line-height: 8.2rem; }
      .page--lifecenter-search .page-header__hero .page-header__title {
        top: 50%; }
    .page-header__title {
      font-size: 8.2rem;
      line-height: 8.2rem; }
    .page-header__content {
      margin-top: -70px;
      min-height: 70px;
      margin-bottom: 65px;
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page-header__hero {
      height: 410px; }
      .page-header__hero .page-header__title {
        top: calc(50% - 70px/2);
        font-size: 9.2rem;
        line-height: 9.2rem; }
      .page--lifecenter-search .page-header__hero .page-header__title {
        top: 50%; }
    .page-header__title {
      font-size: 9.2rem;
      line-height: 9.2rem; }
    .page-header__content {
      margin-top: -70px;
      min-height: 70px;
      padding-top: 70px; } }
  @media print {
    .page-header__hero {
      height: 410px; }
      .page-header__hero .page-header__title {
        top: calc(50% - 70px/2);
        font-size: 9.2rem;
        line-height: 9.2rem; }
      .page--lifecenter-search .page-header__hero .page-header__title {
        top: 50%; }
    .page-header__title {
      font-size: 9.2rem;
      line-height: 9.2rem; }
    .page-header__content {
      margin-top: -70px;
      min-height: 70px;
      padding-top: 70px; } }
  .page-header .page-header__breadcrumb {
    margin: 0 auto; }
  .page-header .page-header__breadcrumb-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0; }
  .page-header .page-header__breadcrumb-menu-item {
    margin: 0 10px 0 0;
    padding: 0; }
    .page-header .page-header__breadcrumb-menu-item a {
      font-family: "gibson-regular", sans-serif;
      display: block;
      font-size: 1.2rem;
      line-height: 2.2rem;
      padding: 5px 0;
      position: relative;
      text-decoration: none;
      text-transform: uppercase; }
    .page-header .page-header__breadcrumb-menu-item a::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\f11a';
      display: inline-block;
      margin-left: 10px; }
    .page-header .page-header__breadcrumb-menu-item:last-child a::after {
      content: ''; }

/*

  Tabs

*/
/*
Tab layouts.

Tab layouts can be vertical or horizontal. This is only a prototype to test accessibility. Our tabs use [foundation tabs](http://foundation.zurb.com/sites/docs/tabs.html)

markup:
<div class="sg-tabs-container--{{modifier_class}}">
  <ul class="tabs {{modifier_class}}" data-tabs id="accessible-tabs-{{modifier_class}}" role="tablist">
    <li class="tabs-title is-active" role="presentation"><a href="#panel1-{{modifier_class}}" role="tab" tabindex="0" aria-selected="true" aria-controls="panel2-1">Tab 1</a></li>
    <li class="tabs-title" role="presentation"><a href="#panel2-{{modifier_class}}" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-2">Tab 2</a></li>
    <li class="tabs-title" role="presentation"><a href="#panel3-{{modifier_class}}" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-3">Tab 3</a></li>
    <li class="tabs-title" role="presentation"><a href="#panel4-{{modifier_class}}" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-4">Tab 4</a></li>
  </ul>
  <div class="tabs-content" data-tabs-content="accessible-tabs-{{modifier_class}}">
    <section role="tabpanel" aria-hidden="false" class="tabs-panel is-active" id="panel1-{{modifier_class}}">
      <h2>First panel content goes here...</h2>
    </section>
    <section role="tabpanel" aria-hidden="true" class="tabs-panel" id="panel2-{{modifier_class}}">
      <h2>Second panel content goes here...</h2>
      <a href="#">tab link</a>
    </section>
    <section role="tabpanel" aria-hidden="true" class="tabs-panel" id="panel3-{{modifier_class}}">
      <h2>Third panel content goes here...</h2>
    </section>
    <section role="tabpanel" aria-hidden="true" class="tabs-panel" id="panel4-{{modifier_class}}">
      <h2>Fourth panel content goes here...</h2>
    </section>
  </div>
</div>

.horizontal - Tabs are arranged in a line above content.
.vertical - Tabs are arranged vertically to the left of the content.

Styleguide 100
*/
#section-100 .kss-modifier-original {
  display: none; }

.sg-tabs-container--vertical .tabs {
  width: 20%;
  float: left; }

.sg-tabs-container--vertical .tabs-content {
  width: 80%;
  float: left; }

/*
Featured Quote

A Featured Quote block that will appear on multiple pages.
The treatement varies based on page type. So, we have wrapped the example markup
in a wrapper to output a temporary class to simulate a page class. The page class
will most likely change.

Currently the default styles is what should appear on a Conditions and Services page.

markup:
<div class="main {{modifier_class}}">
  <div class="featured-quote__wrapper">
    <div class="featured-quote__block">
      <div class="featured-quote__img">
        <img src="/themes/custom/abilitylab_theme/dist/images/fpo_images/test2.png" />
      </div>
      <blockquote class="featured-quote">
        <div class="featured-quote__quote">
          <p>Nulla vitae elit libero, a pharetra augue.</p>
        </div>
        <footer>
          <cite class="featured-quote__citation">
            <span class="citation__name">
              RICHARD L. HARVEY, MD
            </span>
            <span class="citation__title">
              DIRECTOR, CENTER FOR STROKE REHABILITATION
            </span>
            <a href="#" class="citation__link cta-link">read more</a>
          </cite>
        </footer>
      </blockquote>
    </div>
    <span class="graphic-01"></span>
    <span class="graphic-02"></span>
    <span class="graphic-03"></span>
  </div>
</div>

.page--clinical-trial - Feature quote that appears on Clinical Trial pages.
.sports-and-fitness - Feature quote that appears on Sports and Fitness pages.

Styleguide 7.3
*/
.featured-quote__block {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  padding: 40px 25px;
  overflow: hidden;
  background-color: #fefefe;
  z-index: 1; }
  @media screen and (min-width: 1024px) {
    .featured-quote__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 350px;
      padding: 0 48px 0 0; } }
  @media print {
    .featured-quote__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 350px;
      padding: 0 48px 0 0; } }
  @media screen and (min-width: 1280px) {
    .featured-quote__block {
      min-height: 440px;
      padding: 0 95px 0 0; } }
  @media print {
    .featured-quote__block {
      min-height: 440px;
      padding: 0 95px 0 0; } }

.featured-quote {
  position: relative;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left; }
  .featured-quote__img {
    display: none; }
  .featured-quote__quote,
  .featured-quote__quote p {
    font-family: "gibson-light", sans-serif;
    margin: 0;
    color: #0a0a0a;
    font-size: 2.6rem;
    line-height: 3rem;
    letter-spacing: .005em;
    font-style: italic; }
  .featured-quote__quote {
    position: relative;
    display: inline-block; }
  @media screen and (min-width: 1024px) {
    .featured-quote {
      position: relative;
      left: 345px;
      height: 100%;
      right: 0;
      width: 56.4%;
      padding: 50px 0 50px 32px; }
      .featured-quote__img {
        position: absolute;
        display: block;
        top: 28px;
        height: calc(100% - 28px);
        width: 345px; }
        .featured-quote__img img {
          height: 100%;
          width: 100%;
          -o-object-fit: contain;
          object-fit: contain;
          -o-object-position: bottom right;
          object-position: bottom right; }
      .featured-quote__quote,
      .featured-quote__quote p {
        font-size: 3.2rem;
        line-height: 3.8rem;
        letter-spacing: normal; } }
  @media print {
    .featured-quote {
      position: relative;
      left: 345px;
      height: 100%;
      right: 0;
      width: 56.4%;
      padding: 50px 0 50px 32px; }
      .featured-quote__img {
        position: absolute;
        display: block;
        top: 28px;
        height: calc(100% - 28px);
        width: 345px; }
        .featured-quote__img img {
          height: 100%;
          width: 100%;
          -o-object-fit: contain;
          object-fit: contain;
          -o-object-position: bottom right;
          object-position: bottom right; }
      .featured-quote__quote,
      .featured-quote__quote p {
        font-size: 3.2rem;
        line-height: 3.8rem;
        letter-spacing: normal; } }
  @media screen and (min-width: 1280px) {
    .featured-quote {
      left: 433px;
      width: 54.18%;
      padding: 139px 0 139px 27px; }
      .featured-quote__img {
        top: 44px;
        height: calc(100% - 44px);
        width: 433px; }
      .featured-quote__quote,
      .featured-quote__quote p {
        font-size: 3.8rem;
        line-height: 4.2rem; } }
  @media print {
    .featured-quote {
      left: 433px;
      width: 54.18%;
      padding: 139px 0 139px 27px; }
      .featured-quote__img {
        top: 44px;
        height: calc(100% - 44px);
        width: 433px; }
      .featured-quote__quote,
      .featured-quote__quote p {
        font-size: 3.8rem;
        line-height: 4.2rem; } }

.featured-quote__citation {
  font-family: "gibson-regular", sans-serif;
  margin-top: 40px;
  font-size: 1.2rem;
  font-style: normal;
  letter-spacing: .01em;
  line-height: 1.8rem; }
  .featured-quote__citation:before {
    display: none; }
  @media screen and (min-width: 1024px) {
    .featured-quote__citation {
      margin-top: 35px; } }
  @media print {
    .featured-quote__citation {
      margin-top: 35px; } }
  @media screen and (min-width: 1280px) {
    .featured-quote__citation {
      margin-top: 27px; } }
  @media print {
    .featured-quote__citation {
      margin-top: 27px; } }

.citation__name,
.citation__title {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  text-transform: uppercase;
  font-size: 1.8rem; }

.citation__link {
  font-family: "gibson-regular", sans-serif;
  display: inline-block;
  margin-top: 16px; }

/*

  Graphic decorations

*/
.featured-quote__wrapper {
  position: relative;
  max-width: calc(100% - 64px);
  width: 100%;
  margin: 50px auto;
  clear: both;
  /*---------------------------------------

   Default or Conditions & Services pages.

  ----------------------------------------*/
  /*-----------------------------

   Clinical Trial pages.

  ------------------------------*/
  /*-----------------------------

   Sports and Fitness

  ------------------------------*/ }
  @media screen and (min-width: 672px) {
    .featured-quote__wrapper {
      max-width: calc(100% - 110px); } }
  @media print {
    .featured-quote__wrapper {
      max-width: calc(100% - 110px); } }
  @media screen and (min-width: 1024px) {
    .featured-quote__wrapper {
      max-width: none;
      width: 840px;
      margin: 80px auto; } }
  @media print {
    .featured-quote__wrapper {
      max-width: none;
      width: 840px;
      margin: 80px auto; } }
  @media screen and (min-width: 1280px) {
    .featured-quote__wrapper {
      width: 1040px;
      margin: 100px auto; } }
  @media print {
    .featured-quote__wrapper {
      width: 1040px;
      margin: 100px auto; } }
  .featured-quote__wrapper .graphic-01 {
    position: absolute;
    display: block;
    height: 57px;
    width: 57px;
    pointer-events: none;
    height: 130px;
    width: 130px;
    top: -16px;
    left: -16px; }
    .featured-quote__wrapper .graphic-01:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-red.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .featured-quote__wrapper .graphic-02 {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    pointer-events: none;
    height: 30px;
    width: 30px;
    margin: auto;
    bottom: 16.46%;
    left: -15px;
    z-index: 2; }
    .featured-quote__wrapper .graphic-02:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/circle-green.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .featured-quote__wrapper .graphic-03 {
    position: absolute;
    display: block;
    height: 100px;
    width: 90px;
    pointer-events: none;
    height: 67px;
    width: 60px;
    bottom: 0;
    right: -30px;
    z-index: 2; }
    .featured-quote__wrapper .graphic-03:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-yellow.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
    .featured-quote__wrapper .graphic-03.custom img {
      max-height: 100%;
      max-width: 100%; }
    .featured-quote__wrapper .graphic-03.custom:before {
      display: none; }
  @media screen and (min-width: 1024px) {
    .featured-quote__wrapper .graphic-01 {
      height: 200px;
      width: 200px;
      top: -30px;
      left: -30px; }
    .featured-quote__wrapper .graphic-02 {
      height: 40px;
      width: 40px;
      left: -20px; }
    .featured-quote__wrapper .graphic-03 {
      height: 70px;
      width: 63px;
      bottom: 0; } }
  @media print {
    .featured-quote__wrapper .graphic-01 {
      height: 200px;
      width: 200px;
      top: -30px;
      left: -30px; }
    .featured-quote__wrapper .graphic-02 {
      height: 40px;
      width: 40px;
      left: -20px; }
    .featured-quote__wrapper .graphic-03 {
      height: 70px;
      width: 63px;
      bottom: 0; } }
  @media screen and (min-width: 1280px) {
    .featured-quote__wrapper .graphic-01 {
      height: 227px;
      width: 227px; }
    .featured-quote__wrapper .graphic-02 {
      height: 50px;
      width: 50px;
      left: -25px; }
    .featured-quote__wrapper .graphic-03 {
      height: 100px;
      width: 90px;
      bottom: 0;
      right: -46.4px; } }
  @media print {
    .featured-quote__wrapper .graphic-01 {
      height: 227px;
      width: 227px; }
    .featured-quote__wrapper .graphic-02 {
      height: 50px;
      width: 50px;
      left: -25px; }
    .featured-quote__wrapper .graphic-03 {
      height: 100px;
      width: 90px;
      bottom: 0;
      right: -46.4px; } }
  .page--clinical-trial .featured-quote__wrapper {
    margin-top: 110px; }
    .page--clinical-trial .featured-quote__wrapper .graphic-01 {
      position: absolute;
      display: block;
      height: 280px;
      width: 260px;
      pointer-events: none;
      height: 188px;
      width: 176px;
      top: -40px;
      left: -20px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-01:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-red.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .page--clinical-trial .featured-quote__wrapper .graphic-02 {
      position: absolute;
      display: block;
      height: 48px;
      width: 55px;
      pointer-events: none;
      height: 30px;
      width: 35px;
      left: -18px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-02:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-green.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .page--clinical-trial .featured-quote__wrapper .graphic-03 {
      position: absolute;
      display: block;
      height: 66px;
      width: 31px;
      pointer-events: none;
      height: 65px;
      width: 31px;
      right: -15px;
      bottom: 30px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/helix.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03.custom:before {
        display: none; }
    @media screen and (min-width: 1024px) {
      .page--clinical-trial .featured-quote__wrapper .graphic-01 {
        height: 232px;
        width: 216px;
        top: -40px;
        left: -40px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-02 {
        height: 35px;
        width: 40px;
        left: -20px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03 {
        height: 75px;
        width: 36px;
        right: -18px;
        bottom: 40px; } }
    @media print {
      .page--clinical-trial .featured-quote__wrapper .graphic-01 {
        height: 232px;
        width: 216px;
        top: -40px;
        left: -40px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-02 {
        height: 35px;
        width: 40px;
        left: -20px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03 {
        height: 75px;
        width: 36px;
        right: -18px;
        bottom: 40px; } }
    @media screen and (min-width: 1280px) {
      .page--clinical-trial .featured-quote__wrapper .graphic-01 {
        height: 280px;
        width: 260px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-02 {
        height: 48px;
        width: 55px;
        left: -27px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03 {
        height: 117px;
        width: 56px;
        right: -28px; } }
    @media print {
      .page--clinical-trial .featured-quote__wrapper .graphic-01 {
        height: 280px;
        width: 260px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-02 {
        height: 48px;
        width: 55px;
        left: -27px; }
      .page--clinical-trial .featured-quote__wrapper .graphic-03 {
        height: 117px;
        width: 56px;
        right: -28px; } }
  .sports-and-fitness .featured-quote__wrapper .graphic-01 {
    position: absolute;
    display: block;
    height: 57px;
    width: 57px;
    pointer-events: none;
    height: 130px;
    width: 130px;
    top: -16px;
    left: -16px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-01:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-blue.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .sports-and-fitness .featured-quote__wrapper .graphic-02 {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    pointer-events: none;
    height: 41px;
    width: 40px;
    left: -20px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-02:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/arc.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .sports-and-fitness .featured-quote__wrapper .graphic-03 {
    position: absolute;
    display: block;
    height: 75px;
    width: 60px;
    pointer-events: none;
    height: 82px;
    width: 111px;
    right: -25px;
    bottom: -6px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_LegsWalking.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03.custom:before {
      display: none; }
  @media screen and (min-width: 1024px) {
    .sports-and-fitness .featured-quote__wrapper .graphic-01 {
      height: 200px;
      width: 200px;
      top: -30px;
      left: -30px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-02 {
      height: 46px;
      width: 45px;
      left: -22px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03 {
      height: 90px;
      width: 122px;
      right: -62px;
      bottom: -8px; } }
  @media print {
    .sports-and-fitness .featured-quote__wrapper .graphic-01 {
      height: 200px;
      width: 200px;
      top: -30px;
      left: -30px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-02 {
      height: 46px;
      width: 45px;
      left: -22px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03 {
      height: 90px;
      width: 122px;
      right: -62px;
      bottom: -8px; } }
  @media screen and (min-width: 1280px) {
    .sports-and-fitness .featured-quote__wrapper .graphic-01 {
      height: 227px;
      width: 227px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-02 {
      height: 54px;
      width: 53px;
      left: -27px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03 {
      height: 148px;
      width: 200px;
      right: -84px;
      bottom: -12px; } }
  @media print {
    .sports-and-fitness .featured-quote__wrapper .graphic-01 {
      height: 227px;
      width: 227px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-02 {
      height: 54px;
      width: 53px;
      left: -27px; }
    .sports-and-fitness .featured-quote__wrapper .graphic-03 {
      height: 148px;
      width: 200px;
      right: -84px;
      bottom: -12px; } }

/*
Lab Card

A Featured Quote block that will appear on multiple pages.
The treatement varies based on page type. So, we have wrapped the example markup
in a wrapper to output a temporary class to simulate a page class. The page class
will most likely change.

Currently the default styles is what should appear on a Conditions and Services page.

markup:
<div class="main {{modifier_class}}">
  <div class="sg-content__article">
    <div class="{{modifier_class}}">
      <div class="lab-card">
        <header class="lab-card__header">
          <span class="graphic-01" aria-hidden="true"></span>
          <h4>Aenean lacinia bibendum nulla sed consectetur.</h4>
        </header>
        <div class="lab-card__body">
          <div class="graphic-02" aria-hidden="true"></div>
          <p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
          <a href="#" class="cta-button">view lab</a>
        </div>
      </div>
      <div class="graphic-03"></div>
    </div>
  </div>
</div>

.lab-card__wrapper - Standard lab card.
.lab-card__wrapper--aside - Lab card that only shows up in an aside or just retains mobile styles.

Styleguide 7.4
*/
#section-7\.4 .kss-modifier-original {
  display: none; }

.package--lab-card {
  margin: 45px auto 100px; }
  @media screen and (min-width: 672px) {
    .package--lab-card {
      margin-top: 45px;
      margin-bottom: 100px; } }
  @media print {
    .package--lab-card {
      margin-top: 45px;
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    .package--lab-card {
      max-width: 720px;
      margin-top: 53px;
      margin-bottom: 105px; } }
  @media print {
    .package--lab-card {
      max-width: 720px;
      margin-top: 53px;
      margin-bottom: 105px; } }
  @media screen and (min-width: 1280px) {
    .package--lab-card {
      max-width: 920px;
      margin-top: 75px;
      margin-bottom: 135px; } }
  @media print {
    .package--lab-card {
      max-width: 920px;
      margin-top: 75px;
      margin-bottom: 135px; } }

.lab-card__wrapper {
  position: relative;
  margin: 60px auto; }
  .lab-card__wrapper .graphic-01 {
    display: block;
    position: relative;
    height: 60px;
    width: 60px;
    margin: 0 auto 40px;
    background-repeat: no-repeat; }
  .lab-card__wrapper .graphic-02 {
    position: absolute;
    display: block;
    height: 42px;
    width: 48px;
    pointer-events: none;
    height: 26px;
    width: 30px;
    top: -13px;
    right: 30px; }
    .lab-card__wrapper .graphic-02:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lab-card__wrapper .graphic-03 {
    position: absolute;
    display: block;
    height: 299px;
    width: 250px;
    pointer-events: none;
    height: 268px;
    width: 224px;
    left: -22px;
    bottom: -54px; }
    .lab-card__wrapper .graphic-03:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lab-card__wrapper .lab-card {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    padding: 0; }
  .lab-card__wrapper .lab-card__header {
    padding: 30px 40px; }
    .lab-card__wrapper .lab-card__header h4 {
      font-family: "gibson-regular", sans-serif;
      font-size: 2.6rem;
      line-height: 2.8rem;
      letter-spacing: .005em;
      text-align: center;
      text-transform: none; }
      .lab-card__wrapper .lab-card__header h4 a {
        text-decoration: none; }
  .lab-card__wrapper .lab-card__body {
    padding: 30px 40px;
    border-top: 1px solid var(--sra-border-color);
    text-align: center; }
    .lab-card__wrapper .lab-card__body p {
      font-family: "gt-sectra-fine", serif;
      color: var(--sra-gray);
      font-size: 1.4rem;
      letter-spacing: .0015em;
      line-height: 2rem; }
  .lab-card__wrapper .cta-button {
    margin-top: 30px; }
  @media screen and (min-width: 1024px) {
    .lab-card__wrapper .graphic-01 {
      height: 85px;
      width: 85px; }
    .lab-card__wrapper .graphic-02 {
      position: absolute;
      display: block;
      height: 42px;
      width: 48px;
      pointer-events: none;
      height: 43px;
      width: 50px;
      top: -21px;
      left: 0;
      right: 0;
      margin: auto; }
      .lab-card__wrapper .graphic-02:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .graphic-03 {
      position: absolute;
      display: block;
      height: 299px;
      width: 250px;
      pointer-events: none;
      height: 300px;
      width: 252px;
      left: -40px;
      bottom: -64px; }
      .lab-card__wrapper .graphic-03:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .lab-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .lab-card__wrapper .lab-card__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 60px 32px;
      min-width: 45%;
      max-width: 45%; }
      .lab-card__wrapper .lab-card__header > * {
        max-width: 100%; }
      .lab-card__wrapper .lab-card__header h4 {
        font-size: 3.6rem;
        line-height: 4rem; }
    .lab-card__wrapper .lab-card__body {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 80px 60px 60px;
      min-width: 55%;
      max-width: 55%;
      border-top: 0;
      border-left: 1px solid var(--sra-border-color); }
      .lab-card__wrapper .lab-card__body > * {
        max-width: 100%; }
      .lab-card__wrapper .lab-card__body p {
        font-size: 1.8rem;
        line-height: 2.8rem; }
    .lab-card__wrapper .cta-button {
      margin-top: 70px;
      min-width: 220px; } }
  @media print {
    .lab-card__wrapper .graphic-01 {
      height: 85px;
      width: 85px; }
    .lab-card__wrapper .graphic-02 {
      position: absolute;
      display: block;
      height: 42px;
      width: 48px;
      pointer-events: none;
      height: 43px;
      width: 50px;
      top: -21px;
      left: 0;
      right: 0;
      margin: auto; }
      .lab-card__wrapper .graphic-02:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .graphic-03 {
      position: absolute;
      display: block;
      height: 299px;
      width: 250px;
      pointer-events: none;
      height: 300px;
      width: 252px;
      left: -40px;
      bottom: -64px; }
      .lab-card__wrapper .graphic-03:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .lab-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .lab-card__wrapper .lab-card__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 60px 32px;
      min-width: 45%;
      max-width: 45%; }
      .lab-card__wrapper .lab-card__header > * {
        max-width: 100%; }
      .lab-card__wrapper .lab-card__header h4 {
        font-size: 3.6rem;
        line-height: 4rem; }
    .lab-card__wrapper .lab-card__body {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 80px 60px 60px;
      min-width: 55%;
      max-width: 55%;
      border-top: 0;
      border-left: 1px solid var(--sra-border-color); }
      .lab-card__wrapper .lab-card__body > * {
        max-width: 100%; }
      .lab-card__wrapper .lab-card__body p {
        font-size: 1.8rem;
        line-height: 2.8rem; }
    .lab-card__wrapper .cta-button {
      margin-top: 70px;
      min-width: 220px; } }
  @media screen and (min-width: 1280px) {
    .lab-card__wrapper .graphic-01 {
      height: 90px;
      width: 90px; }
    .lab-card__wrapper .graphic-02 {
      position: absolute;
      display: block;
      height: 42px;
      width: 48px;
      pointer-events: none;
      height: 60px;
      width: 70px; }
      .lab-card__wrapper .graphic-02:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .graphic-03 {
      position: absolute;
      display: block;
      height: 299px;
      width: 250px;
      pointer-events: none;
      height: 353px;
      width: 296px;
      bottom: -74px; }
      .lab-card__wrapper .graphic-03:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .lab-card__header {
      padding: 80px 40px; }
      .lab-card__wrapper .lab-card__header h4 {
        font-size: 4.4rem;
        line-height: 5.2rem; }
    .lab-card__wrapper .lab-card__body {
      padding: 80px 50px; }
      .lab-card__wrapper .lab-card__body p {
        font-size: 2.2rem;
        line-height: 3.2rem; } }
  @media print {
    .lab-card__wrapper .graphic-01 {
      height: 90px;
      width: 90px; }
    .lab-card__wrapper .graphic-02 {
      position: absolute;
      display: block;
      height: 42px;
      width: 48px;
      pointer-events: none;
      height: 60px;
      width: 70px; }
      .lab-card__wrapper .graphic-02:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .graphic-03 {
      position: absolute;
      display: block;
      height: 299px;
      width: 250px;
      pointer-events: none;
      height: 353px;
      width: 296px;
      bottom: -74px; }
      .lab-card__wrapper .graphic-03:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .lab-card__wrapper .lab-card__header {
      padding: 80px 40px; }
      .lab-card__wrapper .lab-card__header h4 {
        font-size: 4.4rem;
        line-height: 5.2rem; }
    .lab-card__wrapper .lab-card__body {
      padding: 80px 50px; }
      .lab-card__wrapper .lab-card__body p {
        font-size: 2.2rem;
        line-height: 3.2rem; } }

.lab-card__wrapper--aside {
  position: relative;
  margin: 60px auto; }
  .lab-card__wrapper--aside .graphic-01 {
    display: block;
    position: relative;
    height: 60px;
    width: 60px;
    margin: 0 auto 40px;
    background-repeat: no-repeat; }
  .lab-card__wrapper--aside .graphic-02 {
    position: absolute;
    display: block;
    height: 42px;
    width: 48px;
    pointer-events: none;
    height: 26px;
    width: 30px;
    top: -13px;
    right: 30px; }
    .lab-card__wrapper--aside .graphic-02:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/hexagon-blue.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lab-card__wrapper--aside .graphic-03 {
    position: absolute;
    display: block;
    height: 299px;
    width: 250px;
    pointer-events: none;
    height: 268px;
    width: 224px;
    left: -22px;
    bottom: -54px; }
    .lab-card__wrapper--aside .graphic-03:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cells-green.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lab-card__wrapper--aside .lab-card {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    padding: 0; }
  .lab-card__wrapper--aside .lab-card__header {
    padding: 30px 40px; }
    .lab-card__wrapper--aside .lab-card__header h4 {
      font-family: "gibson-regular", sans-serif;
      font-size: 2.6rem;
      line-height: 2.8rem;
      letter-spacing: .005em;
      text-align: center;
      text-transform: none; }
      .lab-card__wrapper--aside .lab-card__header h4 a {
        text-decoration: none; }
  .lab-card__wrapper--aside .lab-card__body {
    padding: 30px 40px;
    border-top: 1px solid var(--sra-border-color);
    text-align: center; }
    .lab-card__wrapper--aside .lab-card__body p {
      font-family: "gt-sectra-fine", serif;
      color: var(--sra-gray);
      font-size: 1.4rem;
      letter-spacing: .0015em;
      line-height: 2rem; }
  .lab-card__wrapper--aside .cta-button {
    margin-top: 30px; }

.profile-type-clinician .profile-section.profile-section--about .profile-section__personal__details,
.profile-type-researcher .profile-section.profile-section--about .profile-section__personal__details {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.profile-type-clinician .profile-section h2.section-title,
.profile-type-researcher .profile-section h2.section-title {
  display: none; }

.profile-type-clinician .profile-section h2.section-title-research,
.profile-type-clinician .profile-section h2.labs-title,
.profile-type-researcher .profile-section h2.section-title-research,
.profile-type-researcher .profile-section h2.labs-title {
  font-family: "gibson-regular", sans-serif;
  font-size: 3rem;
  line-height: 3.8rem;
  letter-spacing: .015rem;
  padding-bottom: 18px;
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
  padding: 0;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .profile-type-clinician .profile-section h2.section-title-research,
    .profile-type-clinician .profile-section h2.labs-title,
    .profile-type-researcher .profile-section h2.section-title-research,
    .profile-type-researcher .profile-section h2.labs-title {
      font-size: 3.8rem;
      line-height: 4.8rem; } }
  @media print {
    .profile-type-clinician .profile-section h2.section-title-research,
    .profile-type-clinician .profile-section h2.labs-title,
    .profile-type-researcher .profile-section h2.section-title-research,
    .profile-type-researcher .profile-section h2.labs-title {
      font-size: 3.8rem;
      line-height: 4.8rem; } }
  @media screen and (min-width: 1280px) {
    .profile-type-clinician .profile-section h2.section-title-research,
    .profile-type-clinician .profile-section h2.labs-title,
    .profile-type-researcher .profile-section h2.section-title-research,
    .profile-type-researcher .profile-section h2.labs-title {
      font-size: 4.2rem;
      line-height: 5.2rem; } }
  @media print {
    .profile-type-clinician .profile-section h2.section-title-research,
    .profile-type-clinician .profile-section h2.labs-title,
    .profile-type-researcher .profile-section h2.section-title-research,
    .profile-type-researcher .profile-section h2.labs-title {
      font-size: 4.2rem;
      line-height: 5.2rem; } }

.profile-type-clinician .profile-section .package--lab-card,
.profile-type-researcher .profile-section .package--lab-card {
  margin: 0; }
  @media screen and (min-width: 1024px) {
    .profile-type-clinician .profile-section .package--lab-card,
    .profile-type-researcher .profile-section .package--lab-card {
      max-width: 70%; } }
  @media print {
    .profile-type-clinician .profile-section .package--lab-card,
    .profile-type-researcher .profile-section .package--lab-card {
      max-width: 70%; } }
  .profile-type-clinician .profile-section .package--lab-card + .package--lab-card::before,
  .profile-type-researcher .profile-section .package--lab-card + .package--lab-card::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--sra-border-color);
    margin: 3rem 0; }

.profile-type-clinician .profile-section.profile-section--about,
.profile-type-researcher .profile-section.profile-section--about {
  -webkit-padding-before: 30px;
  padding-block-start: 30px; }
  @media screen and (min-width: 672px) {
    .profile-type-clinician .profile-section.profile-section--about,
    .profile-type-researcher .profile-section.profile-section--about {
      -webkit-padding-before: 48px;
      padding-block-start: 48px; } }
  @media print {
    .profile-type-clinician .profile-section.profile-section--about,
    .profile-type-researcher .profile-section.profile-section--about {
      -webkit-padding-before: 48px;
      padding-block-start: 48px; } }
  .profile-type-clinician .profile-section.profile-section--about .profile-section__copy,
  .profile-type-researcher .profile-section.profile-section--about .profile-section__copy {
    margin-top: unset; }

.profile-type-clinician .profile-section.profile-section--lab,
.profile-type-researcher .profile-section.profile-section--lab {
  border: 0;
  margin: 0;
  padding: 0; }
  .profile-type-clinician .profile-section.profile-section--lab + .profile-section--about__open-link,
  .profile-type-researcher .profile-section.profile-section--lab + .profile-section--about__open-link {
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    -webkit-padding-before: 24px;
    padding-block-start: 24px;
    border-top: 1px solid var(--sra-border-color);
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .profile-type-clinician .profile-section.profile-section--lab + .profile-section--about__open-link,
      .profile-type-researcher .profile-section.profile-section--lab + .profile-section--about__open-link {
        width: 70%; } }
    @media print {
      .profile-type-clinician .profile-section.profile-section--lab + .profile-section--about__open-link,
      .profile-type-researcher .profile-section.profile-section--lab + .profile-section--about__open-link {
        width: 70%; } }
  .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper,
  .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper {
    float: none;
    margin: 0;
    width: auto; }
    .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card,
    .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card {
      background-color: unset;
      -webkit-box-shadow: none;
      box-shadow: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px; }
      .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header,
      .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__body,
      .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header,
      .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__body {
        border: 0;
        min-width: none;
        max-width: none;
        padding: 0; }
      .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4,
      .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4 {
        font-family: "gibson-regular", sans-serif;
        font-size: 2rem;
        line-height: 1.3;
        margin: 0 auto; }
        @media screen and (min-width: 672px) {
          .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4,
          .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4 {
            font-size: 2.4rem;
            max-width: 80%; } }
        @media print {
          .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4,
          .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .lab-card__header h4 {
            font-size: 2.4rem;
            max-width: 80%; } }
      .profile-type-clinician .profile-section.profile-section--lab .lab-card__wrapper .lab-card .cta-button,
      .profile-type-researcher .profile-section.profile-section--lab .lab-card__wrapper .lab-card .cta-button {
        margin: 0 auto; }
  .profile-type-clinician .profile-section.profile-section--lab .graphic-02,
  .profile-type-clinician .profile-section.profile-section--lab .graphic-03,
  .profile-type-clinician .profile-section.profile-section--lab .lab-card__body p,
  .profile-type-researcher .profile-section.profile-section--lab .graphic-02,
  .profile-type-researcher .profile-section.profile-section--lab .graphic-03,
  .profile-type-researcher .profile-section.profile-section--lab .lab-card__body p {
    display: none; }
  .profile-type-clinician .profile-section.profile-section--lab .graphic-01,
  .profile-type-researcher .profile-section.profile-section--lab .graphic-01 {
    margin: 0 auto 24px; }

@media screen and (max-width: 639px) {
  .main:has(.profile-type-researcher) {
    max-width: 100%; } }

/*
Download Module.

The Download module feature PDFs or other file types available for download.
There can be 1, 2, or 3 items.

markup:
<div class="main">
  <section class="download-module__wrapper">
    <div class="download-module  download-module--1-items">
      <header class="download-module__header">
        <h4 class="download-module__title">download</h4>
      </header>
      <div class="download-module__items">
        <div class="download-module__item">
          <p class="download-module__item__description">
            Description of Download
          </p>
          <div class="download-module__links">
            <button href="/flagfield/flag/saved_file/110/node.article.field_downloads/full/flag_tiny_with_text?destination=node/75&amp;token=-cr-g4YJjqlM5kFxV0s5leNM5JFWycyyp52Wd961YB4" title="Save this file" class="use-ajax action-flag flag flag- flag-- flag content-flag content-flag--tiny-with-text" aria-live="polite">
              <i aria-hidden="true"></i>
              <span>Save</span>
            </button>
            <span class="file file--mime-text-plain file--text"><a href="http://qa.abilitylab.codeandtheory.net/sites/default/files/downloads/2016-10/hipster.txt" type="text/plain; length=18780" title="hipster.txt">asdfasdf asdfasdf asdf</a></span>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>

Styleguide 7.9
*/
.download-module {
  position: relative;
  display: block;
  width: 100%;
  padding: 32px 24px 40px;
  background-color: #1655A1;
  overflow: hidden; }
  .download-module .file {
    display: block;
    width: 50px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease; }
    .download-module .file a {
      text-decoration: none;
      position: relative;
      display: block;
      height: 0;
      width: 100%;
      padding-top: 100%;
      overflow: hidden; }
      .download-module .file a:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 7rem;
        text-decoration: none; }
      .download-module .file a:hover:before {
        text-decoration: none; }
      .download-module .file a:before {
        position: absolute;
        top: -1rem;
        left: -1rem;
        right: 0;
        bottom: 0;
        margin: auto; }
    .download-module .file:hover {
      opacity: .5; }
  .download-module.download-module--2-items .file, .download-module.download-module--3-items .file {
    width: 30px; }
    .download-module.download-module--2-items .file a, .download-module.download-module--3-items .file a {
      text-decoration: none; }
      .download-module.download-module--2-items .file a:before, .download-module.download-module--3-items .file a:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 4.4rem;
        text-decoration: none; }
      .download-module.download-module--2-items .file a:hover:before, .download-module.download-module--3-items .file a:hover:before {
        text-decoration: none; }
      .download-module.download-module--2-items .file a:before, .download-module.download-module--3-items .file a:before {
        top: -.7rem;
        left: -.7rem; }
  .download-module:after, .download-module:before {
    content: '';
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0; }
  .download-module:before {
    top: -170px;
    left: 0;
    height: 280px;
    width: 260px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/download1.svg); }
  .download-module:after {
    bottom: -90px;
    right: -100px;
    height: 210px;
    width: 300px;
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/download2.svg); }
  .download-module__wrapper {
    padding: 0 12px;
    margin: 0 20px;
    margin-top: 50px;
    margin-bottom: 50px; }
    @media screen and (min-width: 672px) {
      .download-module__wrapper {
        padding: 0 25px; } }
    @media print {
      .download-module__wrapper {
        padding: 0 25px; } }
    @media screen and (min-width: 1024px) {
      .download-module__wrapper {
        padding: 0 48px; } }
    @media print {
      .download-module__wrapper {
        padding: 0 48px; } }
    @media screen and (min-width: 1280px) {
      .download-module__wrapper {
        padding: 0 70px; } }
    @media print {
      .download-module__wrapper {
        padding: 0 70px; } }
    @media screen and (min-width: 672px) {
      .download-module__wrapper {
        margin: 0 30px; } }
    @media print {
      .download-module__wrapper {
        margin: 0 30px; } }
    @media screen and (min-width: 1024px) {
      .download-module__wrapper {
        margin: 0 40px; } }
    @media print {
      .download-module__wrapper {
        margin: 0 40px; } }
    @media screen and (min-width: 1280px) {
      .download-module__wrapper {
        margin: 0 50px; } }
    @media print {
      .download-module__wrapper {
        margin: 0 50px; } }
  .download-module__header, .download-module__items {
    position: relative;
    z-index: 2; }
  .download-module__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 0;
    color: #fefefe;
    font-size: 3.8rem;
    line-height: 1;
    text-transform: capitalize;
    text-align: center; }
  .download-module__items {
    margin-top: 15px; }
  .download-module__item {
    padding: 20px 0;
    border-top: 1px solid rgba(254, 254, 254, 0.4); }
    .download-module__item:first-child {
      border-top: 0;
      padding-top: 0; }
    .download-module__item:last-child {
      padding-bottom: 0; }
    .download-module__item__description {
      font-family: "gibson-regular", sans-serif;
      margin: 0;
      max-width: 50%;
      color: #fefefe;
      font-size: 1.6rem;
      line-height: 2.2rem;
      letter-spacing: .0015em; }
  .download-module__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px; }
  .download-module .content-flag {
    font-family: "gibson-regular", sans-serif;
    color: #fefefe;
    font-size: 1.2rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease; }
    .download-module .content-flag i:before {
      color: #fefefe; }
    .download-module .content-flag span {
      top: auto; }
    .no-touchevents .download-module .content-flag:hover {
      opacity: .5; }
      .no-touchevents .download-module .content-flag:hover i:before {
        color: #fefefe; }
  @media screen and (min-width: 672px) {
    .download-module__item__description {
      max-width: 25%; } }
  @media print {
    .download-module__item__description {
      max-width: 25%; } }
  @media screen and (min-width: 1024px) {
    .download-module {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 32px;
      min-height: 150px;
      /*
    SAVED. Restyled for more than 3 downloads.

    &.download-module--2-items,
    &.download-module--3-items {
      align-items: center;
      padding: 0 32px;

      .download-module__items {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        align-items: center;
        padding: 32px 0;
        max-width: none;
        min-width: 0;
      }

      .download-module__item {
        display: block;
        max-width: 204px;
        min-width: 204px;
        border-top: 0;
        border-left: 1px solid rgba($white, .4);

        &:first-child {
          border-left: 0;
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &:first-child,
        &:last-child {
          max-width: 172px;
          min-width: 172px;
        }

        &:first-child {
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &__description {
          max-width: none;
          min-width: 0;
        }
      }

      .download-module__links {
        margin: 15px 0 0;
        padding-left: 0;
      }
    }

    &.download-module--2-items {

      .download-module__item {
        padding: 0 64px;
      }
    }

    &.download-module--3-items {

      .download-module__items {
        justify-content: flex-end;
      }

      .download-module__item {
        padding: 0 32px;
      }
    }

    */ }
      .download-module:before {
        top: -130px;
        left: -80px;
        height: 350px;
        width: 350px; }
      .download-module:after {
        top: -60px;
        bottom: auto;
        right: -140px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .download-module.download-module--1-items {
        height: 150px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .download-module__header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 240px;
        min-width: 240px; }
      .download-module__title {
        font-size: 4rem;
        text-align: left; }
      .download-module__items {
        margin: 0;
        padding: 0;
        max-width: 500px;
        min-width: 500px; }
      .download-module__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 100%;
        min-width: 100%; }
        .download-module__item__description {
          max-width: 304px;
          min-width: 304px;
          font-size: 1.8rem;
          line-height: 2.4rem; }
      .download-module__links {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 0;
        padding-left: 48px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .download-module .content-flag {
        margin-right: 30px; } }
  @media print {
    .download-module {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 32px;
      min-height: 150px;
      /*
    SAVED. Restyled for more than 3 downloads.

    &.download-module--2-items,
    &.download-module--3-items {
      align-items: center;
      padding: 0 32px;

      .download-module__items {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        align-items: center;
        padding: 32px 0;
        max-width: none;
        min-width: 0;
      }

      .download-module__item {
        display: block;
        max-width: 204px;
        min-width: 204px;
        border-top: 0;
        border-left: 1px solid rgba($white, .4);

        &:first-child {
          border-left: 0;
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &:first-child,
        &:last-child {
          max-width: 172px;
          min-width: 172px;
        }

        &:first-child {
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &__description {
          max-width: none;
          min-width: 0;
        }
      }

      .download-module__links {
        margin: 15px 0 0;
        padding-left: 0;
      }
    }

    &.download-module--2-items {

      .download-module__item {
        padding: 0 64px;
      }
    }

    &.download-module--3-items {

      .download-module__items {
        justify-content: flex-end;
      }

      .download-module__item {
        padding: 0 32px;
      }
    }

    */ }
      .download-module:before {
        top: -130px;
        left: -80px;
        height: 350px;
        width: 350px; }
      .download-module:after {
        top: -60px;
        bottom: auto;
        right: -140px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .download-module.download-module--1-items {
        height: 150px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .download-module__header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 240px;
        min-width: 240px; }
      .download-module__title {
        font-size: 4rem;
        text-align: left; }
      .download-module__items {
        margin: 0;
        padding: 0;
        max-width: 500px;
        min-width: 500px; }
      .download-module__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 100%;
        min-width: 100%; }
        .download-module__item__description {
          max-width: 304px;
          min-width: 304px;
          font-size: 1.8rem;
          line-height: 2.4rem; }
      .download-module__links {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 0;
        padding-left: 48px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .download-module .content-flag {
        margin-right: 30px; } }
  @media screen and (min-width: 1280px) {
    .download-module {
      padding: 32px 40px;
      /*
    SAVED. We've changed the layout to allow for more downloads than just three.
    &.download-module--2-items,
    &.download-module--3-items {

      .download-module__item {
        max-width: 220px;
        min-width: 220px;

        &:first-child,
        &:last-child {
          max-width: 180px;
          min-width: 180px;
        }

        &:first-child {
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &__description {
          max-width: none;
          min-width: 0;
        }
      }

      .download-module__links {
        padding-left: 0;
      }
    }

    &.download-module--2-items {

      .download-module__item {
        padding: 0 80px;
      }
    }

    &.download-module--3-items {

      .download-module__item {
        padding: 0 40px;
      }
    }

    */ }
      .download-module__header {
        max-width: 280px;
        min-width: 280px; }
      .download-module__title {
        font-size: 5rem; }
      .download-module__items {
        max-width: 640px;
        min-width: 640px; }
      .download-module__item {
        max-width: 100%;
        min-width: 100%; }
        .download-module__item__description {
          max-width: 430px;
          min-width: 430px; }
      .download-module__links {
        padding-left: 40px; } }
  @media print {
    .download-module {
      padding: 32px 40px;
      /*
    SAVED. We've changed the layout to allow for more downloads than just three.
    &.download-module--2-items,
    &.download-module--3-items {

      .download-module__item {
        max-width: 220px;
        min-width: 220px;

        &:first-child,
        &:last-child {
          max-width: 180px;
          min-width: 180px;
        }

        &:first-child {
          padding-left: 0;
        }

        &:last-child {
          padding-right: 0;
        }

        &__description {
          max-width: none;
          min-width: 0;
        }
      }

      .download-module__links {
        padding-left: 0;
      }
    }

    &.download-module--2-items {

      .download-module__item {
        padding: 0 80px;
      }
    }

    &.download-module--3-items {

      .download-module__item {
        padding: 0 40px;
      }
    }

    */ }
      .download-module__header {
        max-width: 280px;
        min-width: 280px; }
      .download-module__title {
        font-size: 5rem; }
      .download-module__items {
        max-width: 640px;
        min-width: 640px; }
      .download-module__item {
        max-width: 100%;
        min-width: 100%; }
        .download-module__item__description {
          max-width: 430px;
          min-width: 430px; }
      .download-module__links {
        padding-left: 40px; } }

.download-module--atomized-downloads {
  margin: 0 0 20px; }
  @media screen and (min-width: 1024px) {
    .download-module--atomized-downloads {
      margin-bottom: 30px; } }
  @media print {
    .download-module--atomized-downloads {
      margin-bottom: 30px; } }
  .download-module--atomized-downloads .download-module__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: none;
    min-width: auto;
    padding-right: 20px; }
  .download-module--atomized-downloads .download-module__title {
    color: #fefefe;
    font-size: 3.2rem;
    letter-spacing: normal;
    text-transform: capitalize; }
  .download-module--atomized-downloads .download-module__items {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: auto;
    max-width: none; }
  .download-module--atomized-downloads .download-module__links {
    padding: 0;
    position: relative; }
    @media screen and (min-width: 672px) {
      .download-module--atomized-downloads .download-module__links {
        padding: 0 0 0 20px; } }
    @media print {
      .download-module--atomized-downloads .download-module__links {
        padding: 0 0 0 20px; } }
  .download-module--atomized-downloads .content-flag {
    bottom: 0;
    height: 70px;
    left: 0;
    margin: 0;
    position: absolute;
    right: auto;
    top: auto;
    z-index: 10; }
    @media screen and (min-width: 672px) {
      .download-module--atomized-downloads .content-flag {
        bottom: auto;
        height: auto;
        left: auto;
        right: 70px;
        top: calc(50% - 8px); } }
    @media print {
      .download-module--atomized-downloads .content-flag {
        bottom: auto;
        height: auto;
        left: auto;
        right: 70px;
        top: calc(50% - 8px); } }
  .download-module--atomized-downloads .file {
    display: block;
    width: 100%; }
    .download-module--atomized-downloads .file:hover {
      opacity: 1; }
  .download-module--atomized-downloads .file a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fefefe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    height: auto;
    line-height: 1.25;
    min-height: 50px;
    overflow: visible;
    padding: 0 0 70px 0;
    position: relative;
    -webkit-transition: none;
    transition: none;
    width: 100%; }
    @media screen and (min-width: 672px) {
      .download-module--atomized-downloads .file a {
        padding: 0 110px 0 0; } }
    @media print {
      .download-module--atomized-downloads .file a {
        padding: 0 110px 0 0; } }
    .download-module--atomized-downloads .file a::before {
      bottom: 0;
      left: auto;
      right: 0;
      top: auto; }
      @media screen and (min-width: 672px) {
        .download-module--atomized-downloads .file a::before {
          bottom: auto;
          top: calc(50% - 35px); } }
      @media print {
        .download-module--atomized-downloads .file a::before {
          bottom: auto;
          top: calc(50% - 35px); } }
    .download-module--atomized-downloads .file a:focus::before, .download-module--atomized-downloads .file a:hover::before {
      opacity: 0.5; }

/*
Value Proposition

Contains a headline, description and a background image. Defaults to orange with
swirls if no image is defined. **Most of this is FPO.**

markup:
<div class="main">
  <div class="sg-content__article">
    <div class="value-proposition">
      <div class="value-proposition__content">
        <h2 class="section-title">Value Proposition</h2>
        <span class="section-subtitle">Aenean lacinia bibendum nulla sed
        consectetur. Curabitur blandit tempus porttitor.</span>
      </div>
      <div class="value-proposition__bg" aria-hidden="true">
        <span class="graphic-01"></span>
        <span class="graphic-02"></span>
        <span class="graphic-03"></span>
        <span class="graphic-04"></span>
        <span class="graphic-05"></span>
        <span class="graphic-06"></span>
      </div>
    </div>
  </div>
</div>

Styleguide 7.10
*/
.value-proposition {
  position: relative;
  margin-left: -32px;
  margin-right: -32px;
  clear: both;
  background-color: #FBD6CA;
  position: relative;
  margin-top: 100px;
  margin-bottom: 90px;
  padding: 60px 32px;
  text-align: center;
  overflow: hidden; }
  @media screen and (min-width: 672px) {
    .value-proposition {
      margin-left: -55px;
      margin-right: -55px; } }
  @media print {
    .value-proposition {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (min-width: 1024px) {
    .value-proposition {
      margin-left: -88px;
      margin-right: -88px; } }
  @media print {
    .value-proposition {
      margin-left: -88px;
      margin-right: -88px; } }
  @media screen and (min-width: 1280px) {
    .value-proposition {
      margin-left: -120px;
      margin-right: -120px; } }
  @media print {
    .value-proposition {
      margin-left: -120px;
      margin-right: -120px; } }
  .value-proposition__content {
    position: relative;
    z-index: 3;
    max-width: 75%;
    margin: 0 auto; }
  .value-proposition .section-title {
    font-family: "gibson-semibold", sans-serif;
    margin-bottom: 0;
    color: #fefefe;
    font-size: 4rem;
    line-height: 4.6rem;
    letter-spacing: .0005em; }
  .value-proposition .section-subtitle {
    font-family: "gibson-light", sans-serif;
    margin-bottom: 0;
    margin-top: 15px;
    color: #867770;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: .0005em; }
    .value-proposition .section-subtitle p {
      margin-bottom: 0;
      color: #867770; }
  .value-proposition__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1; }
    .value-proposition__bg img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      min-width: 100%;
      width: auto;
      min-height: 100%;
      height: auto; }
  .value-proposition .graphic-01,
  .value-proposition .graphic-02,
  .value-proposition .graphic-03,
  .value-proposition .graphic-04,
  .value-proposition .graphic-05,
  .value-proposition .graphic-06 {
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0; }
  .value-proposition .graphic-01 {
    display: block;
    width: 320px;
    height: 200px;
    top: 0;
    left: -140px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value1.svg); }
  .value-proposition .graphic-03 {
    display: block;
    height: 500px;
    width: 200px;
    bottom: -350px;
    left: -140px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value3.svg); }
  .value-proposition .graphic-05 {
    display: block;
    height: 210px;
    width: 240px;
    right: -170px;
    bottom: 60px;
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value5.svg); }
  @media screen and (min-width: 672px) {
    .value-proposition .section-subtitle {
      margin-top: 25px; }
    .value-proposition .graphic-01 {
      top: -10px;
      left: -120px; }
    .value-proposition .graphic-03 {
      bottom: -390px;
      left: -110px; }
    .value-proposition .graphic-05 {
      bottom: 30px; } }
  @media print {
    .value-proposition .section-subtitle {
      margin-top: 25px; }
    .value-proposition .graphic-01 {
      top: -10px;
      left: -120px; }
    .value-proposition .graphic-03 {
      bottom: -390px;
      left: -110px; }
    .value-proposition .graphic-05 {
      bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    .value-proposition {
      margin-top: 60px;
      margin-bottom: 60px;
      padding: 180px 0; }
      .value-proposition .section-title {
        font-size: 8.2rem;
        line-height: 8.6rem; }
      .value-proposition .section-subtitle {
        margin-top: 35px;
        margin-bottom: 0;
        font-size: 3rem;
        line-height: 3.8rem; }
      .value-proposition .graphic-01 {
        width: 550px;
        height: 200px;
        top: -70px;
        left: -120px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
      .value-proposition .graphic-02 {
        display: block;
        height: 500px;
        width: 1090px;
        top: 50px;
        right: -600px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value2.svg); }
      .value-proposition .graphic-03 {
        height: 500px;
        width: 270px;
        bottom: -80px;
        left: -120px; }
      .value-proposition .graphic-04 {
        display: block;
        height: 250px;
        width: 1120px;
        bottom: -180px;
        left: -365px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value4.svg); }
      .value-proposition .graphic-05 {
        width: 260px;
        right: -170px;
        bottom: -20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); } }
  @media print {
    .value-proposition {
      margin-top: 60px;
      margin-bottom: 60px;
      padding: 180px 0; }
      .value-proposition .section-title {
        font-size: 8.2rem;
        line-height: 8.6rem; }
      .value-proposition .section-subtitle {
        margin-top: 35px;
        margin-bottom: 0;
        font-size: 3rem;
        line-height: 3.8rem; }
      .value-proposition .graphic-01 {
        width: 550px;
        height: 200px;
        top: -70px;
        left: -120px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
      .value-proposition .graphic-02 {
        display: block;
        height: 500px;
        width: 1090px;
        top: 50px;
        right: -600px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value2.svg); }
      .value-proposition .graphic-03 {
        height: 500px;
        width: 270px;
        bottom: -80px;
        left: -120px; }
      .value-proposition .graphic-04 {
        display: block;
        height: 250px;
        width: 1120px;
        bottom: -180px;
        left: -365px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value4.svg); }
      .value-proposition .graphic-05 {
        width: 260px;
        right: -170px;
        bottom: -20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); } }
  @media screen and (min-width: 1280px) {
    .value-proposition {
      margin-top: 80px;
      margin-bottom: 80px;
      padding-top: 250px;
      padding-bottom: 200px; }
      .value-proposition .section-title {
        font-size: 9.2rem;
        line-height: 9.6rem; }
      .value-proposition .section-subtitle {
        margin-top: 80px;
        margin-bottom: 0;
        font-size: 3.4rem;
        line-height: 4.2rem; }
      .value-proposition .graphic-01 {
        width: 590px;
        top: -5px; }
      .value-proposition .graphic-02 {
        height: 500px;
        width: 1220px;
        top: 120px;
        right: -530px; }
      .value-proposition .graphic-03 {
        height: 500px;
        width: 370px;
        bottom: -50px;
        left: -210px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
      .value-proposition .graphic-04 {
        width: 1180px;
        bottom: -135px; }
      .value-proposition .graphic-05 {
        width: 300px;
        height: 250px;
        right: -120px;
        bottom: 0; }
      .value-proposition .graphic-06 {
        display: block;
        height: 220px;
        width: 400px;
        top: -20px;
        right: -320px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value6.svg); } }
  @media print {
    .value-proposition {
      margin-top: 80px;
      margin-bottom: 80px;
      padding-top: 250px;
      padding-bottom: 200px; }
      .value-proposition .section-title {
        font-size: 9.2rem;
        line-height: 9.6rem; }
      .value-proposition .section-subtitle {
        margin-top: 80px;
        margin-bottom: 0;
        font-size: 3.4rem;
        line-height: 4.2rem; }
      .value-proposition .graphic-01 {
        width: 590px;
        top: -5px; }
      .value-proposition .graphic-02 {
        height: 500px;
        width: 1220px;
        top: 120px;
        right: -530px; }
      .value-proposition .graphic-03 {
        height: 500px;
        width: 370px;
        bottom: -50px;
        left: -210px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); }
      .value-proposition .graphic-04 {
        width: 1180px;
        bottom: -135px; }
      .value-proposition .graphic-05 {
        width: 300px;
        height: 250px;
        right: -120px;
        bottom: 0; }
      .value-proposition .graphic-06 {
        display: block;
        height: 220px;
        width: 400px;
        top: -20px;
        right: -320px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/value6.svg); } }

/*
Gallery Embeds

Mainly these will be used as embeds within the body of an article, but sometimes
appear outside of the flow of the article, as in the lifecenter item page. Adjust
width by changing `.media-embed`. The aspect ratio is fixed to 16:9.

markup:
<div class="main">
  <div class="media-embed media-embed--gallery">
    <div class="media-embed__content-wrapper">
      <img class="media-embed__bg" src="http://fillmurray.com/1040/585" />
      <a class="media-embed__content" href="#">
        <h3 class="media-embed__title">
          Art in Motion Opening Night: 2015 in Pictures
        </h3>
        <span class="media-embed--gallery__count"><i aria-hidden="true"></i>28</span>
        <p class="taxonomy-tag"><i aria-hidden="true"></i>gallery</p>
      </a>
    </div>
  </div>
</div>

Styleguide 13.4
*/
.page-content:after {
  content: "";
  display: table;
  clear: both; }

.media-embed {
  padding: 0 0;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  clear: both; }
  @media screen and (min-width: 672px) {
    .media-embed {
      padding: 0 0; } }
  @media print {
    .media-embed {
      padding: 0 0; } }
  @media screen and (min-width: 1024px) {
    .media-embed {
      padding: 0 96px; } }
  @media print {
    .media-embed {
      padding: 0 96px; } }
  @media screen and (min-width: 1280px) {
    .media-embed {
      padding: 0 170px; } }
  @media print {
    .media-embed {
      padding: 0 170px; } }
  .media-embed__graphic {
    display: block;
    position: absolute;
    z-index: -1; }
    .media-embed__graphic.graphic-01 {
      height: 420px;
      width: 560px;
      left: -420px;
      top: 50px; }
      .media-embed__graphic.graphic-01 svg .st0 {
        -webkit-clip-path: url(#SVGID_2_);
        clip-path: url(#SVGID_2_); }
      .media-embed__graphic.graphic-01 svg .st1 {
        fill: #EAD9DF; }
    .media-embed__graphic.graphic-02 {
      width: 550px;
      height: 320px;
      bottom: -72px;
      right: -400px; }
      .media-embed__graphic.graphic-02 svg .st0 {
        fill: #EAD9DF; }
      .media-embed__graphic.graphic-02 svg .st1 {
        fill: none; }
  @media screen and (max-width: 1023px) {
    .media-embed {
      padding-left: 0;
      padding-right: 0; }
      .media-embed:before, .media-embed:after {
        display: none; } }
  .page-body .media-embed {
    padding-left: 0;
    padding-right: 0; }
  .media-embed__content-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; }
    .media-embed--gallery .media-embed__content-wrapper {
      position: relative;
      z-index: 1; }
      .media-embed--gallery .media-embed__content-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        pointer-events: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        background-color: rgba(35, 143, 207, 0.6); }
      .media-embed--gallery .media-embed__content-wrapper.overlay-hidden:after {
        opacity: 0; }
    .media-embed--video .media-embed__content-wrapper {
      position: relative;
      background-color: #fefefe;
      z-index: 1; }
      .media-embed--video .media-embed__content-wrapper .media-embed__content {
        position: relative;
        z-index: 1;
        position: absolute; }
        .media-embed--video .media-embed__content-wrapper .media-embed__content:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
          pointer-events: none;
          opacity: 1;
          -webkit-transition: opacity .25s ease;
          transition: opacity .25s ease;
          background-color: rgba(231, 19, 36, 0.6); }
        .media-embed--video .media-embed__content-wrapper .media-embed__content.overlay-hidden:after {
          opacity: 0; }
  .media-embed__bg,
  .media-embed img, .media-embed__content {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .media-embed .media-embed__content {
    color: #fefefe;
    text-decoration: none;
    z-index: 3;
    padding: 0 32px; }
    .media-embed .media-embed__content:focus, .media-embed .media-embed__content:hover {
      color: #fefefe; }
      .media-embed .media-embed__content:focus .media-embed__title, .media-embed .media-embed__content:hover .media-embed__title {
        text-decoration: underline; }
    .media-embed .media-embed__content .taxonomy-tag {
      font-family: "gibson-semibold", sans-serif;
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.015em;
      color: var(--sra-tag-color);
      position: relative;
      margin: 0;
      text-transform: capitalize;
      position: absolute;
      width: auto;
      height: auto;
      top: auto;
      bottom: 20px;
      left: 32px;
      color: #fefefe; }
      .media-embed .media-embed__content .taxonomy-tag i {
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -.1rem; }
        .media-embed .media-embed__content .taxonomy-tag i:before {
          color: var(--sra-tag-color);
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 3.4rem;
          text-decoration: none; }
        .media-embed .media-embed__content .taxonomy-tag i:hover:before {
          text-decoration: none; }
        .media-embed .media-embed__content .taxonomy-tag i:before {
          line-height: 1.5rem; }
      @media screen and (min-width: 1024px) {
        .media-embed .media-embed__content .taxonomy-tag {
          font-size: 1.4rem; } }
      @media print {
        .media-embed .media-embed__content .taxonomy-tag {
          font-size: 1.4rem; } }
      .media-embed .media-embed__content .taxonomy-tag i:before {
        color: #fefefe; }
  .media-embed__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 0;
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: .002em; }
  @media screen and (min-width: 672px) {
    .media-embed .media-embed__content {
      padding: 0 55px; }
      .media-embed .media-embed__content .taxonomy-tag {
        bottom: 40px;
        left: 55px; }
    .media-embed__title {
      font-size: 2.4rem;
      line-height: 3.2rem; } }
  @media print {
    .media-embed .media-embed__content {
      padding: 0 55px; }
      .media-embed .media-embed__content .taxonomy-tag {
        bottom: 40px;
        left: 55px; }
    .media-embed__title {
      font-size: 2.4rem;
      line-height: 3.2rem; } }
  @media screen and (min-width: 1024px) {
    .media-embed {
      margin-top: 60px;
      margin-bottom: 60px; }
      .media-embed .media-embed__content {
        padding: 40px 32px; }
        .media-embed .media-embed__content .taxonomy-tag {
          left: 32px; } }
  @media print {
    .media-embed {
      margin-top: 60px;
      margin-bottom: 60px; }
      .media-embed .media-embed__content {
        padding: 40px 32px; }
        .media-embed .media-embed__content .taxonomy-tag {
          left: 32px; } }
  @media screen and (min-width: 1280px) {
    .page-body .media-embed__graphic.graphic-02 {
      right: -360px; }
    .page-body--article .media-embed {
      padding-right: 100px; }
    .media-embed .media-embed__content {
      padding: 40px; }
      .media-embed .media-embed__content .taxonomy-tag {
        left: 40px; }
    .media-embed__title {
      font-size: 2.6rem;
      line-height: 3.4rem; } }
  @media print {
    .page-body .media-embed__graphic.graphic-02 {
      right: -360px; }
    .page-body--article .media-embed {
      padding-right: 100px; }
    .media-embed .media-embed__content {
      padding: 40px; }
      .media-embed .media-embed__content .taxonomy-tag {
        left: 40px; }
    .media-embed__title {
      font-size: 2.6rem;
      line-height: 3.4rem; } }

.media-embed--gallery:before, .media-embed--gallery:after {
  display: none; }

.media-embed--gallery .media-embed__content-wrapper img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0; }

.media-embed--gallery .media-embed__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.media-embed--gallery__count {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  position: relative;
  min-width: 25px;
  font-size: 1.2rem;
  letter-spacing: .0015em;
  text-align: center; }
  .media-embed--gallery__count i {
    text-decoration: none;
    position: absolute;
    top: -24px;
    right: -10px; }
    .media-embed--gallery__count i:before {
      color: #FFFFFF;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .media-embed--gallery__count i:hover:before {
      text-decoration: none; }
    .media-embed--gallery__count i:before {
      font-size: 5.5rem; }

@media screen and (min-width: 672px) {
  .media-embed--gallery .media-embed__title {
    max-width: 50%; } }

@media print {
  .media-embed--gallery .media-embed__title {
    max-width: 50%; } }

@media screen and (min-width: 1024px) {
  .media-embed--gallery .media-embed__title {
    max-width: 60%; }
  .page-content .paragraph .media-embed--gallery {
    padding: 0; }
  .media-embed--gallery__count {
    min-width: 40px;
    font-size: 1.4rem; }
    .media-embed--gallery__count i {
      top: -35px;
      right: -11px; }
      .media-embed--gallery__count i:before {
        font-size: 7.5rem; } }

@media print {
  .media-embed--gallery .media-embed__title {
    max-width: 60%; }
  .page-content .paragraph .media-embed--gallery {
    padding: 0; }
  .media-embed--gallery__count {
    min-width: 40px;
    font-size: 1.4rem; }
    .media-embed--gallery__count i {
      top: -35px;
      right: -11px; }
      .media-embed--gallery__count i:before {
        font-size: 7.5rem; } }

@media screen and (min-width: 1280px) {
  .media-embed--gallery__count {
    font-size: 1.8rem; }
    .media-embed--gallery__count i {
      top: -33px; } }

@media print {
  .media-embed--gallery__count {
    font-size: 1.8rem; }
    .media-embed--gallery__count i {
      top: -33px; } }

/*
Video Embeds

Mainly these will be used as embeds within the body of an article, but sometimes
appear outside of the flow of the article, as in the lifecenter item page. Adjust
width by changing `.media-embed`. The aspect ratio is fixed to 16:9.

markup:
<div class="main">
  <div class="media-embed media-embed--video">
    <div class="media-embed__content-wrapper">
      <img class="media-embed__bg" src="http://fillmurray.com/1040/585" />
      <button class="media-embed__content js-embed-video">
        <h3 class="media-embed__title">
          Desmond Campbell Appears on Windy City
        </h3>
        <div class="media-embed--video__cta">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Click to play video</span>
        </div>
        <p class="taxonomy-tag"><i aria-hidden="true"></i>gallery</p>
      </button>
    </div>
  </div>
</div>

Styleguide 13.5
*/
.media-embed--video p {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin-bottom: 0; }

.media-embed--video iframe {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 20; }

.media-embed--video .media-embed__content {
  padding-top: 20px; }

.media-embed--video .media-embed__title {
  position: absolute;
  top: 20px;
  left: 32px; }

.media-embed--video .taxonomy-tag,
.media-embed--video .media-embed__title {
  z-index: 3; }

.media-embed--video__cta {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: .1rem;
  width: .1rem;
  margin: auto;
  text-align: center;
  z-index: 5; }
  .media-embed--video__cta i {
    text-decoration: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0; }
    .media-embed--video__cta i:before {
      color: #0a0a0a;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 14rem;
      text-decoration: none; }
    .media-embed--video__cta i:hover:before {
      text-decoration: none; }
    .media-embed--video__cta i:before {
      position: absolute;
      width: 100%;
      height: 100%;
      left: -7rem;
      top: -6.5rem;
      line-height: 1;
      z-index: 3; }
    .media-embed--video__cta i:after {
      content: "";
      position: absolute;
      display: block;
      width: 6rem;
      height: 4rem;
      top: -2rem;
      left: -3rem;
      margin: auto;
      background-color: #fefefe;
      z-index: 2; }

@media screen and (min-width: 672px) {
  .media-embed--video .media-embed__content {
    padding-top: 30px; }
  .media-embed--video .media-embed__title {
    position: absolute;
    top: 30px; } }

@media print {
  .media-embed--video .media-embed__content {
    padding-top: 30px; }
  .media-embed--video .media-embed__title {
    position: absolute;
    top: 30px; } }

@media screen and (min-width: 1024px) {
  .page-content .paragraph .media-embed--video {
    width: 848px;
    left: calc(100% - 848px);
    padding: 0;
    margin-left: auto;
    margin-right: auto; } }

@media print {
  .page-content .paragraph .media-embed--video {
    width: 848px;
    left: calc(100% - 848px);
    padding: 0;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 1280px) {
  .page-content .paragraph .media-embed--video {
    width: 940px;
    left: calc(100% - 940px);
    padding: 0; } }

@media print {
  .page-content .paragraph .media-embed--video {
    width: 940px;
    left: calc(100% - 940px);
    padding: 0; } }

.profile .media-embed--video {
  padding-top: 56.25%;
  margin-top: 28px;
  margin-bottom: 28px; }
  .profile .media-embed--video:before, .profile .media-embed--video:after {
    display: none; }
  .profile .media-embed--video .media-embed__content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding-top: 0; }

/*
Video Embeds -- column width (standard).

These videos are embedded within the content of an article *only*. They are the
width of the column and have no decoration. The aspect ratio is fixed to 16:9.

markup:
<div class="main">
  <div class="media-embed media-embed--standard">
    <img class="media-embed__bg" src="http://fillmurray.com/1040/585" />
  </div>
</div>

Styleguide 13.6
*/
.media-embed.media-embed--standard {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
  height: 0;
  overflow: hidden; }
  .media-embed.media-embed--standard iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 100%; }
  @media screen and (max-width: 1023px) {
    .page-body .media-embed.media-embed--standard {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .media-embed.media-embed--standard {
      padding: 56.25% 0 0; } }
  @media print {
    .media-embed.media-embed--standard {
      padding: 56.25% 0 0; } }
  @media screen and (min-width: 1280px) {
    .media-embed.media-embed--standard {
      padding: 56.25% 0 0; } }
  @media print {
    .media-embed.media-embed--standard {
      padding: 56.25% 0 0; } }

.pager__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.pager__item {
  display: block;
  width: 28px;
  height: 28px; }
  .pager__item--previous {
    margin-right: 23px;
    position: relative; }
    .pager__item--previous:before {
      content: " ";
      position: absolute;
      height: 18px;
      width: 1px;
      right: -12px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #861F41; }
    .pager__item--previous .pager__anchor {
      text-decoration: none; }
      .pager__item--previous .pager__anchor:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 28px;
        text-decoration: none; }
      .pager__item--previous .pager__anchor:hover:before {
        text-decoration: none; }
  .pager__item--next .pager__anchor {
    text-decoration: none; }
    .pager__item--next .pager__anchor:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 28px;
      text-decoration: none; }
    .pager__item--next .pager__anchor:hover:before {
      text-decoration: none; }

.pager__anchor {
  position: relative;
  display: block;
  height: 28px;
  width: 28px;
  padding-left: 28px;
  overflow: hidden;
  text-decoration: none; }
  .pager__anchor:before {
    position: absolute;
    top: 0;
    left: 0; }

.pager--numeric {
  width: 100%;
  margin: 40px 0; }
  .pager--numeric .pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .pager--numeric .pager__item {
    font-family: "gibson-light", sans-serif;
    font-size: 2rem;
    letter-spacing: .002em;
    text-align: center;
    width: auto;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100px; }
    .pager--numeric .pager__item a {
      color: #0a0a0a;
      text-decoration: none; }
      .pager--numeric .pager__item a:hover, .pager--numeric .pager__item a:focus {
        color: #E71324; }
    .pager--numeric .pager__item.is-active a {
      color: #E71324;
      text-decoration: underline; }
    .pager--numeric .pager__item--previous {
      margin: 0; }
      .pager--numeric .pager__item--previous:before {
        display: none; }
      .pager--numeric .pager__item--previous .pager__item__icon {
        text-decoration: none; }
        .pager--numeric .pager__item--previous .pager__item__icon:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .pager--numeric .pager__item--previous .pager__item__icon:hover:before {
          text-decoration: none; }
    .pager--numeric .pager__item--next .pager__item__icon {
      text-decoration: none; }
      .pager--numeric .pager__item--next .pager__item__icon:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .pager--numeric .pager__item--next .pager__item__icon:hover:before {
        text-decoration: none; }
    .pager--numeric .pager__item--first, .pager--numeric .pager__item--last {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .pager--numeric .pager__item--first a, .pager--numeric .pager__item--last a {
        font-family: "gibson-regular", sans-serif;
        display: block;
        font-size: 1.2rem;
        letter-spacing: .1em;
        text-transform: uppercase; }
        .pager--numeric .pager__item--first a:focus, .pager--numeric .pager__item--first a:hover, .pager--numeric .pager__item--last a:focus, .pager--numeric .pager__item--last a:hover {
          color: #E71324; }
    .pager--numeric .pager__item--last {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  @media screen and (min-width: 1024px) {
    .pager--numeric {
      margin: 60px 0; }
      .pager--numeric .pager__items {
        position: relative;
        padding-left: 60px;
        padding-right: 60px; }
      .pager--numeric .pager__item--first, .pager--numeric .pager__item--last {
        position: absolute;
        height: 100%; }
      .pager--numeric .pager__item--first {
        left: 0; }
      .pager--numeric .pager__item--last {
        right: 0; } }
  @media print {
    .pager--numeric {
      margin: 60px 0; }
      .pager--numeric .pager__items {
        position: relative;
        padding-left: 60px;
        padding-right: 60px; }
      .pager--numeric .pager__item--first, .pager--numeric .pager__item--last {
        position: absolute;
        height: 100%; }
      .pager--numeric .pager__item--first {
        left: 0; }
      .pager--numeric .pager__item--last {
        right: 0; } }
  @media screen and (min-width: 1280px) {
    .pager--numeric {
      margin: 80px 0; } }
  @media print {
    .pager--numeric {
      margin: 80px 0; } }

.search--body .view__main-wrapper .pager--numeric,
.search--main .pager--numeric {
  padding: 0 32px; }
  @media screen and (min-width: 1024px) {
    .search--body .view__main-wrapper .pager--numeric,
    .search--main .pager--numeric {
      width: 1024px;
      padding: 0 88px; } }
  @media print {
    .search--body .view__main-wrapper .pager--numeric,
    .search--main .pager--numeric {
      width: 1024px;
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .search--body .view__main-wrapper .pager--numeric,
    .search--main .pager--numeric {
      width: 1280px;
      padding: 0 120px; } }
  @media print {
    .search--body .view__main-wrapper .pager--numeric,
    .search--main .pager--numeric {
      width: 1280px;
      padding: 0 120px; } }

/*
Profile Listing.

A Profile Listing can show up in many places. Circle avatar with basic information about
user/profile.

markup:
<div class="profile-listing">
  <div class="profile-listing__avatar">
    <img src="http://www.fillmurray.com/160/160" />
  </div>
  <div class="profile-listing__info">
    <a href="#" class="profile-listing__name">Robert Garcia</a>
    <p class="profile-listing__phone">212-583-8811</p>
    <p class="profile-listing__email">rgarcia1@gmail.com</p>
  </div>
</div>

Styleguide 7.11
*/
.profile-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .profile-listing__avatar {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden; }
    .profile-listing__avatar img {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0; }
  .profile-listing__name {
    font-family: "gt-sectra-fine", serif;
    font-size: 2.2rem;
    line-height: 2.8rem;
    letter-spacing: .0015em;
    margin-bottom: 0; }
  .profile-listing .profile-listing__info .profile-listing__phone,
  .profile-listing .profile-listing__info .profile-listing__email {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .018em;
    margin: 0; }
  .profile-listing a:hover {
    text-decoration: none; }

/*
  Contact Package.

  An array of small profiles with circular image, title, name and contact.
  This markup should only appear within the main content section of a page.
  **Only use DOM inside div with class sg-right-col-wrapper.**

markup:
<div class="main">
  <div class="page-body">
    <div class="sg-right-col-wrapper">
      <div class="package--contacts">
        <div class="field">
          <h4 class="field-label">
            DIRECTOR, WORKERS COMPENSATION
          </h4>
          <div class="profile-listing">
            <div class="profile-listing__avatar">
              <img src="" alt="User avatar" />
            </div>
            <div class="profile-listing__info">
              <a href="#" class="profile-listing__name">
                James W. Atchison, DO
              </a>
              <p class="profile-listing__phone">
                123-123-1234
              </p>
            </div>
          </div>
        </div>
        <div class="field">
          <h4 class="field-label">
            DIRECTOR, WORKERS COMPENSATION
          </h4>
          <div class="profile-listing">
            <div class="profile-listing__avatar">
              <img src="" alt="User avatar" />
            </div>
            <div class="profile-listing__info">
              <a href="#" class="profile-listing__name">
                Luciano Dias, MD
              </a>
              <p class="profile-listing__phone">
                123-123-1234
              </p>
            </div>
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 13.7
*/
.package--contacts {
  margin-bottom: 50px; }
  .package--contacts .field {
    margin-top: 50px; }
    .package--contacts .field:first-child {
      margin-top: 0; }
  .package--contacts .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    margin-bottom: 25px; }
  .package--contacts .profile-listing__avatar {
    position: relative;
    z-index: 1;
    height: 60px;
    width: 60px;
    min-width: 60px;
    max-width: 60px; }
    .package--contacts .profile-listing__avatar:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.3); }
    .package--contacts .profile-listing__avatar.overlay-hidden:after {
      opacity: 0; }
  .package--contacts .cta-link {
    display: inline-block;
    margin-top: 50px; }

* + .package--contacts {
  margin-top: 40px; }

@media screen and (min-width: 1024px) {
  .package--contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--contacts:after {
      content: "";
      display: table;
      clear: both; }
    .package--contacts .field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 50%;
      float: left; }
      .package--contacts .field:nth-child(2) {
        margin-top: 0; }
      .package--contacts .field:nth-child(odd) {
        padding-right: 16px;
        clear: left; }
      .package--contacts .field:nth-child(even) {
        padding-left: 16px; } }

@media print {
  .package--contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--contacts:after {
      content: "";
      display: table;
      clear: both; }
    .package--contacts .field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 50%;
      float: left; }
      .package--contacts .field:nth-child(2) {
        margin-top: 0; }
      .package--contacts .field:nth-child(odd) {
        padding-right: 16px;
        clear: left; }
      .package--contacts .field:nth-child(even) {
        padding-left: 16px; } }

@media screen and (min-width: 1280px) {
  .package--contacts .field:nth-child(odd) {
    padding-right: 40px; }
  .package--contacts .field:nth-child(even) {
    padding-left: 40px; }
  * + .package--contacts {
    margin-top: 50px; } }

@media print {
  .package--contacts .field:nth-child(odd) {
    padding-right: 40px; }
  .package--contacts .field:nth-child(even) {
    padding-left: 40px; }
  * + .package--contacts {
    margin-top: 50px; } }

/*
Events Calendar

A Calender to showcase upcoming events. Left area is the most recent item.
Items on the right are a carousel.

markup:
<section class="events-calendar__wrapper">
  <div class="events-calendar js-events-calendar">
    <div class="events-calendar__header">
      <h2 class="section-title">
        <span class="eyebrow">Upcoming</span>
        Events
      </h2>
      <nav class="events-calendar__nav show-for-large">
        <button class="events-calendar__previous js-calendar-btn">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">previous</span>
        </button>
        <span class="events-calendar__nav-divider" aria-hidden="true"></span>
        <button class="events-calendar__next js-calendar-btn">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">next</span>
        </button>
        <a href="#" class="cta-button" title="view all">view all</a>
      </nav>
    </div>
    <div class="events-calendar__body__wrapper">
      <div class="events-calendar__body">
        <div class="events-calendar__item events-calendar__item--featured">
          <div class="events-calendar__item__content">
            <div class="events-calendar__item__info">
              <span class="events-calendar__date__num" aria-hidden="true">17</span>
              <!-- only appears on featured item -->
              <p class="events-calendar__date__today">today</p>
              <div class="events-calendar__date__details">
                <p class="events-calendar__month-year">
                  <span class="show-for-sr">17 </span>Oct 2016
                </p>
                <p class="events-calendar__time">1:00pm</p>
                <p class="events-calendar__loc">Grant Park</p>
              </div>
              <h3 class="events-calendar__title">Chicago marathon packet pickup</h3>
            </div>
            <button class="cta-link">remind me</button>
          </div>
        </div>
        <div class="events-calendar__upcoming__mask">
          <div class="events-calendar__upcoming">
            <div class="events-calendar__item">
              <div class="events-calendar__item__content">
                <div class="events-calendar__item__info">
                  <span class="events-calendar__date__num" aria-hidden="true">17</span>
                  <div class="events-calendar__date__details">
                    <p class="events-calendar__month-year">
                      <span class="show-for-sr">17 </span>Oct 2016
                    </p>
                    <p class="events-calendar__time">1:00pm</p>
                    <p class="events-calendar__loc">Grant Park</p>
                  </div>
                  <h3 class="events-calendar__title">Chicago marathon packet pickup</h3>
                </div>
                <button class="cta-link">remind me</button>
              </div>
            </div>
            <div class="events-calendar__item">
              <div class="events-calendar__item__content">
                <div class="events-calendar__item__info">
                  <span class="events-calendar__date__num" aria-hidden="true">17</span>
                  <div class="events-calendar__date__details">
                    <p class="events-calendar__month-year">
                      <span class="show-for-sr">17 </span>Oct 2016
                    </p>
                    <p class="events-calendar__time">1:00pm</p>
                    <p class="events-calendar__loc">Grant Park</p>
                  </div>
                  <h3 class="events-calendar__title">Chicago marathon packet pickup</h3>
                </div>
                <button class="cta-link">remind me</button>
              </div>
            </div>
            <div class="events-calendar__item">
              <div class="events-calendar__item__content">
                <div class="events-calendar__item__info">
                  <span class="events-calendar__date__num" aria-hidden="true">17</span>
                  <div class="events-calendar__date__details">
                    <p class="events-calendar__month-year">
                      <span class="show-for-sr">17 </span>Oct 2016
                    </p>
                    <p class="events-calendar__time">1:00pm</p>
                    <p class="events-calendar__loc">Grant Park</p>
                  </div>
                  <h3 class="events-calendar__title">Chicago marathon packet pickup</h3>
                </div>
                <button class="cta-link">remind me</button>
              </div>
            </div>
            <div class="events-calendar__item">
              <div class="events-calendar__item__content">
                <div class="events-calendar__item__info">
                  <span class="events-calendar__date__num" aria-hidden="true">17</span>
                  <div class="events-calendar__date__details">
                    <p class="events-calendar__month-year">
                      <span class="show-for-sr">17 </span>Oct 2016
                    </p>
                    <p class="events-calendar__time">1:00pm</p>
                    <p class="events-calendar__loc">Grant Park</p>
                  </div>
                  <h3 class="events-calendar__title">Chicago marathon packet pickup</h3>
                </div>
                <button class="cta-link">remind me</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a href="#" class="cta-button hide-for-large" title="view all">view all</a>
  </div>
  <span class="graphic-01" aria-hidden="true"></span>
  <span class="graphic-02" aria-hidden="true"></span>
</section>


Styleguide 7.13
*/
.sg-calendar__wrapper {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .sg-calendar__wrapper {
      padding: 0 55px; } }
  @media print {
    .sg-calendar__wrapper {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .sg-calendar__wrapper {
      padding: 0 88px; } }
  @media print {
    .sg-calendar__wrapper {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .sg-calendar__wrapper {
      padding: 0 120px; } }
  @media print {
    .sg-calendar__wrapper {
      padding: 0 120px; } }

.events-calendar {
  position: relative;
  z-index: 2; }
  .events-calendar__wrapper {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 32px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-right: 0; }
    @media screen and (min-width: 672px) {
      .events-calendar__wrapper {
        max-width: 672px; } }
    @media print {
      .events-calendar__wrapper {
        max-width: 672px; } }
    @media screen and (min-width: 1024px) {
      .events-calendar__wrapper {
        max-width: 1024px; } }
    @media print {
      .events-calendar__wrapper {
        max-width: 1024px; } }
    @media screen and (min-width: 1280px) {
      .events-calendar__wrapper {
        max-width: 1280px; } }
    @media print {
      .events-calendar__wrapper {
        max-width: 1280px; } }
    .sg-calendar__wrapper .events-calendar__wrapper,
    .events-calendar__wrapper .page-content {
      position: relative;
      margin-left: -32px;
      margin-right: -32px;
      clear: both; }
      @media screen and (min-width: 672px) {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -55px;
          margin-right: -55px; } }
      @media print {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -55px;
          margin-right: -55px; } }
      @media screen and (min-width: 1024px) {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -88px;
          margin-right: -88px; } }
      @media print {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -88px;
          margin-right: -88px; } }
      @media screen and (min-width: 1280px) {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -120px;
          margin-right: -120px; } }
      @media print {
        .sg-calendar__wrapper .events-calendar__wrapper,
        .events-calendar__wrapper .page-content {
          margin-left: -120px;
          margin-right: -120px; } }
    @media screen and (min-width: 672px) {
      .events-calendar__wrapper {
        padding: 0 55px; } }
    @media print {
      .events-calendar__wrapper {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .events-calendar__wrapper {
        padding: 0 88px; } }
    @media print {
      .events-calendar__wrapper {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .events-calendar__wrapper {
        padding: 0 120px; } }
    @media print {
      .events-calendar__wrapper {
        padding: 0 120px; } }
    .events-calendar__wrapper .graphic-01,
    .events-calendar__wrapper .graphic-02 {
      position: absolute;
      z-index: -1;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 100%; }
    .events-calendar__wrapper .graphic-01 {
      top: -110px;
      left: -530px;
      height: 510px;
      width: 1600px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/events1.svg); }
    .events-calendar__wrapper .graphic-02 {
      display: none;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/events2.svg); }
  .events-calendar .section-title {
    font-family: "gibson-semibold", sans-serif;
    margin-bottom: 0;
    font-size: 6rem;
    text-align: left; }
  .events-calendar__header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
    .events-calendar__header .content-nav-jump-link {
      position: absolute;
      visibility: hidden; }
  .events-calendar .eyebrow, .events-calendar__date__today {
    font-family: "gibson-regular", sans-serif;
    display: block;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.018em;
    text-transform: uppercase;
    margin-bottom: 0; }
  .events-calendar .eyebrow {
    margin-bottom: 20px; }
  .events-calendar .events-calendar__date__today {
    margin-bottom: 10px; }
  .events-calendar .cta-button {
    display: block;
    width: 200px;
    margin: 30px auto 0;
    text-align: center; }
  .events-calendar__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow-x: scroll;
    margin-bottom: -20px; }
    .events-calendar__body__wrapper {
      position: relative;
      overflow: hidden;
      z-index: 1; }
  .events-calendar__item {
    padding-top: 120px;
    min-width: 260px;
    max-width: 260px; }
    .events-calendar__item__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0 32px 50px;
      min-height: 100%; }
      .events-calendar__item__content > * {
        max-width: 100%; }
    .events-calendar__item p {
      font-family: "gibson-regular", sans-serif;
      display: block;
      font-size: 1.2rem;
      line-height: 1.8rem;
      letter-spacing: 0.0055em;
      text-transform: uppercase;
      margin-bottom: 0; }
      .events-calendar__item p.events-calendar__time, .events-calendar__item p.events-calendar__loc {
        font-family: "gibson-semibold", sans-serif; }
    .events-calendar__item__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .events-calendar__item--featured .events__calendar__item__content {
      padding-left: 0; }
    .events-calendar__item--featured .events-calendar__date__today {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .events-calendar__item--featured .events-calendar__title {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .events-calendar__item--featured .events-calendar__date__details {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-bottom: 30px; }
  .events-calendar__upcoming {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%; }
    .events-calendar__upcoming .events-calendar__item {
      background-color: #f6eaf1; }
      .events-calendar__upcoming .events-calendar__item__content {
        border-left: 1px solid #D197BA; }
      .events-calendar__upcoming .events-calendar__item:first-child .events-calendar__item__content {
        border-left: 0; }
  .events-calendar .events-calendar__month-year {
    margin-bottom: 5px; }
  .events-calendar__date__num {
    font-family: "gibson-light", sans-serif;
    color: #E71324;
    font-size: 10rem;
    line-height: 1;
    letter-spacing: .001em;
    margin-bottom: 20px; }
  .events-calendar__date__details {
    margin-bottom: 15px; }
  .events-calendar__month-year, .events-calendar__time, .events-calendar__loc {
    display: block;
    color: #6D2077;
    font-size: 1.2rem;
    letter-spacing: .0055em;
    line-height: 1.8rem;
    text-transform: uppercase; }
  .events-calendar__time:after {
    content: "\2014";
    display: inline-block;
    vertical-align: top;
    margin-left: .25em; }
  .events-calendar__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .001em;
    margin-bottom: 15px; }
    .events-calendar__title a {
      text-decoration: none; }
    .events-calendar__item--featured .events-calendar__title {
      font-size: 1.8rem;
      line-height: 2.4rem; }
  @media screen and (min-width: 672px) {
    .events-calendar__wrapper {
      padding-right: 0; }
    .events-calendar__item {
      padding-top: 120px; } }
  @media print {
    .events-calendar__wrapper {
      padding-right: 0; }
    .events-calendar__item {
      padding-top: 120px; } }
  @media screen and (min-width: 1024px) {
    .events-calendar__wrapper {
      margin-top: 60px;
      margin-bottom: 80px;
      padding-top: 50px;
      padding-right: 0; }
      .events-calendar__wrapper .graphic-01 {
        top: -120px;
        left: -460px; }
      .events-calendar__wrapper .graphic-02 {
        display: block;
        top: 0;
        right: -240px;
        width: 600px;
        height: 210px; }
    .events-calendar__header {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 88px; }
    .events-calendar .section-title {
      font-size: 10rem; }
      .events-calendar .section-title .eyebrow {
        font-size: 1.2rem; }
    .events-calendar__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: .7rem; }
    .events-calendar__previous {
      margin-right: 30px; }
      .events-calendar__previous i {
        text-decoration: none; }
        .events-calendar__previous i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 4.3rem;
          text-decoration: none; }
        .events-calendar__previous i:hover:before {
          text-decoration: none; }
    .events-calendar__next {
      position: relative;
      margin-left: 30px; }
      .events-calendar__next i {
        text-decoration: none; }
        .events-calendar__next i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 4.3rem;
          text-decoration: none; }
        .events-calendar__next i:hover:before {
          text-decoration: none; }
    .events-calendar__nav-divider {
      content: "";
      width: 1px;
      height: 3rem;
      margin-right: -.3rem;
      border-left: #D197BA; }
    .events-calendar .cta-button {
      position: relative;
      margin-top: 0;
      margin-left: 40px;
      width: 190px; }
    .events-calendar__body {
      margin-bottom: 0;
      overflow-x: hidden; }
    .events-calendar__item {
      position: relative;
      padding-top: 150px; }
      .events-calendar__item--featured {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        min-width: 270px;
        max-width: 270px;
        background-color: transparent; }
        .events-calendar__item--featured .events-calendar__item__content {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          height: 100%;
          padding-left: 0; }
        .events-calendar__item--featured .events-calendar__item__info {
          height: 100%;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .events-calendar__item--featured .events-calendar__date__details {
          margin-bottom: 0;
          max-width: 55%; }
        .events-calendar__item--featured .cta-link {
          position: absolute;
          right: 40px;
          bottom: 50px; }
    .events-calendar__upcoming {
      position: relative;
      z-index: 1;
      max-width: none; }
      .events-calendar__upcoming__mask {
        background-color: #f6eaf1;
        overflow: hidden;
        min-width: calc(100% - 270px);
        max-width: calc(100% - 270px); }
    .events-calendar__date__num {
      font-size: 14.5rem; } }
  @media print {
    .events-calendar__wrapper {
      margin-top: 60px;
      margin-bottom: 80px;
      padding-top: 50px;
      padding-right: 0; }
      .events-calendar__wrapper .graphic-01 {
        top: -120px;
        left: -460px; }
      .events-calendar__wrapper .graphic-02 {
        display: block;
        top: 0;
        right: -240px;
        width: 600px;
        height: 210px; }
    .events-calendar__header {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 88px; }
    .events-calendar .section-title {
      font-size: 10rem; }
      .events-calendar .section-title .eyebrow {
        font-size: 1.2rem; }
    .events-calendar__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: .7rem; }
    .events-calendar__previous {
      margin-right: 30px; }
      .events-calendar__previous i {
        text-decoration: none; }
        .events-calendar__previous i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 4.3rem;
          text-decoration: none; }
        .events-calendar__previous i:hover:before {
          text-decoration: none; }
    .events-calendar__next {
      position: relative;
      margin-left: 30px; }
      .events-calendar__next i {
        text-decoration: none; }
        .events-calendar__next i:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 4.3rem;
          text-decoration: none; }
        .events-calendar__next i:hover:before {
          text-decoration: none; }
    .events-calendar__nav-divider {
      content: "";
      width: 1px;
      height: 3rem;
      margin-right: -.3rem;
      border-left: #D197BA; }
    .events-calendar .cta-button {
      position: relative;
      margin-top: 0;
      margin-left: 40px;
      width: 190px; }
    .events-calendar__body {
      margin-bottom: 0;
      overflow-x: hidden; }
    .events-calendar__item {
      position: relative;
      padding-top: 150px; }
      .events-calendar__item--featured {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        min-width: 270px;
        max-width: 270px;
        background-color: transparent; }
        .events-calendar__item--featured .events-calendar__item__content {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          height: 100%;
          padding-left: 0; }
        .events-calendar__item--featured .events-calendar__item__info {
          height: 100%;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .events-calendar__item--featured .events-calendar__date__details {
          margin-bottom: 0;
          max-width: 55%; }
        .events-calendar__item--featured .cta-link {
          position: absolute;
          right: 40px;
          bottom: 50px; }
    .events-calendar__upcoming {
      position: relative;
      z-index: 1;
      max-width: none; }
      .events-calendar__upcoming__mask {
        background-color: #f6eaf1;
        overflow: hidden;
        min-width: calc(100% - 270px);
        max-width: calc(100% - 270px); }
    .events-calendar__date__num {
      font-size: 14.5rem; } }
  @media screen and (min-width: 1280px) {
    .events-calendar__wrapper {
      margin-top: 75px;
      margin-bottom: 100px;
      padding-right: 0; }
      .events-calendar__wrapper .graphic-01 {
        top: -120px;
        left: -410px; }
      .events-calendar__wrapper .graphic-02 {
        top: -5px;
        right: -80px;
        height: 250px; }
    .events-calendar__header {
      padding-right: 88px; }
    .events-calendar__item {
      padding-top: 150px; }
      .cards .events-calendar__item {
        padding-top: 40px; }
      .events-calendar__item__content {
        padding-left: 40px;
        padding-right: 40px; }
      .events-calendar__item--featured {
        padding-left: 0; } }
  @media print {
    .events-calendar__wrapper {
      margin-top: 75px;
      margin-bottom: 100px;
      padding-right: 0; }
      .events-calendar__wrapper .graphic-01 {
        top: -120px;
        left: -410px; }
      .events-calendar__wrapper .graphic-02 {
        top: -5px;
        right: -80px;
        height: 250px; }
    .events-calendar__header {
      padding-right: 88px; }
    .events-calendar__item {
      padding-top: 150px; }
      .cards .events-calendar__item {
        padding-top: 40px; }
      .events-calendar__item__content {
        padding-left: 40px;
        padding-right: 40px; }
      .events-calendar__item--featured {
        padding-left: 0; } }

/*

  Meta data is the author, date published and anything else in the left column.

*/
/*
Collapsable Menu

markup:
<main>
  <div id='menu-collapsible' class='menu-collapsible'>
    <a id='menu-collapsible-trigger' class='menu-collapsible__title' href="javascript: void 0;">Bayesian Behavior Lab</a>
    <ul id='lab-links-main' class='lab__links--main menu-collapsible__list'>
      <li class='menu-collapsible__item home' data-drupal-link-system-path='group/1'>
        <a class='menu-collapsible__anchor' href='/labs/lacy' data-drupal-link-system-path='group/1'>Home</a>
      </li>
      <li class='menu-collapsible__item projects' data-drupal-link-system-path='group/1/projects'>
        <a class='menu-collapsible__anchor' href='/labs/lacy/projects' data-drupal-link-system-path='group/1/projects'>Projects</a>
      </li>
      <li class='menu-collapsible__item publications' data-drupal-link-system-path='group/1/people'>
        <a class='menu-collapsible__anchor' href='/labs/lacy/people' data-drupal-link-system-path='group/1/people'>People</a>
        </li>
      <li class='menu-collapsible__item news is-active' data-drupal-link-system-path='group/1/news'>
        <a class='menu-collapsible__anchor' href='/labs/lacy/news' data-drupal-link-system-path='group/1/news' class='menu-collapsible__anchor is-active'>Lab News</a>
      </li>
      <li class='menu-collapsible__item mission' data-drupal-link-system-path='group/1/our-mission'>
        <a class='menu-collapsible__anchor' href='/labs/lacy/our-mission' data-drupal-link-system-path='group/1/our-mission'>Our Lab</a>
      </li>
      <li class='menu-collapsible__item contact' data-drupal-link-system-path='group/1/contact'>
        <a class='menu-collapsible__anchor' href='/labs/lacy/contact' data-drupal-link-system-path='group/1/contact'>Contact Us</a>
      </li>
    </ul>
  </div>
</main>

Styleguide 22.1
*/
.menu-collapsible {
  width: 100%;
  border-top: 1px solid var(--sra-border-color);
  border-top-color: #faf5f8;
  background-color: #fefefe; }
  .menu-collapsible__title, .menu-collapsible__list, .menu-collapsible__item {
    padding: 0;
    margin: 0; }
  .menu-collapsible__title, .menu-collapsible__list {
    display: block;
    padding-right: 40px;
    padding-left: 40px; }
  .menu-collapsible__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    padding-top: 31px;
    padding-bottom: 31px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 2;
    cursor: pointer; }
    .menu-collapsible__title:hover {
      color: #E71324; }
    .menu-collapsible__title:before {
      position: absolute;
      content: " ";
      width: 598px;
      height: 663px;
      background-image: url("../images/svgs/wave-form.svg");
      background-repeat: no-repeat;
      -webkit-transform: rotateY(-180deg) rotate(-200deg);
      transform: rotateY(-180deg) rotate(-200deg);
      top: -350px;
      left: -200px;
      z-index: -1; }
  .menu-collapsible__title-arrow {
    text-decoration: none; }
    .menu-collapsible__title-arrow:after {
      color: #0a0a0a;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .menu-collapsible__title-arrow:hover:after {
      text-decoration: none; }
    .menu-collapsible__title-arrow:after {
      position: absolute;
      right: 40px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .menu-collapsible__title-arrow:hover:after {
      color: #E71324; }
  .menu-collapsible__list {
    display: none;
    list-style: none;
    background-color: #B7D1DC; }
  .menu-collapsible__item {
    position: relative;
    white-space: nowrap; }
    .menu-collapsible__item:before {
      content: " ";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background-color: #B7D1DC; }
    .menu-collapsible__item:last-child:before {
      display: none; }
  .menu-collapsible__anchor {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 7rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .15rem;
    display: block; }
    .menu-collapsible__anchor:hover {
      text-decoration: underline; }
    .menu-collapsible__anchor.is-active {
      color: #E71324;
      text-decoration: underline; }
  @media screen and (max-width: 1023px) {
    .menu-collapsible__open .menu-collapsible__list {
      display: block; }
    .menu-collapsible__open .menu-collapsible__title-arrow:after {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      top: 37%; } }
  @media screen and (min-width: 1024px) {
    .menu-collapsible {
      height: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .menu-collapsible__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu-collapsible__title:before {
          width: 520px;
          height: 520px;
          top: auto;
          bottom: -190px;
          left: -150px; }
        .menu-collapsible__title:hover {
          color: #0a0a0a;
          cursor: default; }
      .menu-collapsible__title-arrow {
        display: none; }
      .menu-collapsible__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .menu-collapsible__item {
        padding-right: 30px; }
        .menu-collapsible__item:before {
          display: none; }
      .menu-collapsible__anchor {
        line-height: 2.8rem;
        padding-top: 31px;
        padding-bottom: 31px;
        display: inline-block; } }
  @media print {
    .menu-collapsible {
      height: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .menu-collapsible__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu-collapsible__title:before {
          width: 520px;
          height: 520px;
          top: auto;
          bottom: -190px;
          left: -150px; }
        .menu-collapsible__title:hover {
          color: #0a0a0a;
          cursor: default; }
      .menu-collapsible__title-arrow {
        display: none; }
      .menu-collapsible__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .menu-collapsible__item {
        padding-right: 30px; }
        .menu-collapsible__item:before {
          display: none; }
      .menu-collapsible__anchor {
        line-height: 2.8rem;
        padding-top: 31px;
        padding-bottom: 31px;
        display: inline-block; } }
  .menu-collapsible--lab-mission {
    margin-bottom: 0; }

/*

  We move this menu system into the main nav to make it sticky.

*/
.main-nav__wrapper .menu-collapsible {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 0;
  z-index: 1; }
  @media screen and (min-width: 672px) {
    .main-nav__wrapper .menu-collapsible {
      max-width: 672px; } }
  @media print {
    .main-nav__wrapper .menu-collapsible {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .main-nav__wrapper .menu-collapsible {
      max-width: 1024px; } }
  @media print {
    .main-nav__wrapper .menu-collapsible {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .main-nav__wrapper .menu-collapsible {
      max-width: 1280px; } }
  @media print {
    .main-nav__wrapper .menu-collapsible {
      max-width: 1280px; } }

@media screen and (max-width: 1023px) {
  .main-nav__wrapper .menu-collapsible__list {
    overflow-y: scroll;
    max-height: calc(100vh - 180px);
    min-height: calc(100vh - 180px);
    padding-bottom: 40px; }
  .main-nav__wrapper.off-screen .menu-collapsible__list {
    max-height: calc(100vh - 90px);
    min-height: calc(100vh - 90px); } }

/*
Related Profile

Display related profiles across the site.

markup:
<div class="main sg-example">
  <div class="sg-related-profile related-profile">
    <div class='related-profile__hero'>
      <img src='../images/fpo_images/employee_2.jpg'>
    </div>
    <div class='related-profile__content'>
      <div class='related-profile__name'>Jane A. Silwa, DO</div>
      <div class='related-profile__job-title'>Chief Medical Officer</div>
      <div class='related-profile__job-title'>Senior Vice President, Medical Affairs</div>
      <a class='cta-button'>View Profile</a>
    </div>
  </div>
</div>

Styleguide 23
*/
.sg-related-profile {
  margin: 40px;
  width: 33%; }

.related-profile {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  position: relative; }
  .related-profile__hero {
    pointer-events: none;
    position: relative;
    z-index: 1; }
    .related-profile__hero:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.25); }
    .related-profile__hero.overlay-hidden:after {
      opacity: 0; }
    .related-profile__hero img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: auto;
      min-height: 100%;
      margin: auto; }
    .related-profile__hero .default-avatar {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      height: 65%;
      max-height: 120px;
      max-width: 110px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-gray.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%; }
  .related-profile__content {
    padding: 22px 30px 86px;
    text-align: center; }
  .related-profile__name {
    font-family: "gibson-regular", sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: .0015rem;
    padding-bottom: 16px; }
    .related-profile__name a {
      text-decoration: none; }
      .related-profile__name a:hover {
        text-decoration: underline; }
  .related-profile__job-title {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .0015rem;
    color: var(--sra-gray);
    padding-bottom: 20px; }
  .related-profile .cta-button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    --sra-btn-fill-hover: #E71324;
    --sra-btn-border-hover: #E71324; }
  @media screen and (max-width: 1023px) {
    .related-profile__hero {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 75%;
      overflow: hidden; } }
  @media screen and (min-width: 1024px) {
    .related-profile__title {
      font-family: "gibson-semibold", sans-serif;
      font-size: 5.2rem;
      line-height: 5.2rem; }
    .related-profile__hero {
      height: 250px; } }
  @media print {
    .related-profile__title {
      font-family: "gibson-semibold", sans-serif;
      font-size: 5.2rem;
      line-height: 5.2rem; }
    .related-profile__hero {
      height: 250px; } }
  @media screen and (min-width: 1280px) {
    .related-profile__title {
      font-family: "gibson-semibold", sans-serif;
      font-size: 6.2rem;
      line-height: 6.2rem; }
    .related-profile__hero {
      height: 270px; } }
  @media print {
    .related-profile__title {
      font-family: "gibson-semibold", sans-serif;
      font-size: 6.2rem;
      line-height: 6.2rem; }
    .related-profile__hero {
      height: 270px; } }
  .view-search-people .related-profile.related-people__item .cta-link {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    bottom: 0;
    margin-top: unset;
    position: relative; }
    @media screen and (min-width: 64em) {
      .view-search-people .related-profile.related-people__item .cta-link {
        white-space: nowrap; } }
    .view-search-people .related-profile.related-people__item .cta-link:visited, .view-search-people .related-profile.related-people__item .cta-link:active {
      background-color: transparent;
      color: #E71324; }
    .view-search-people .related-profile.related-people__item .cta-link:hover, .view-search-people .related-profile.related-people__item .cta-link:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }

/*
Homepage Welcome (FTUE module).

markup:
<section id="ftue" class="welcome-modal modal-wrapper">
  <span class="modal-bg" aria-hidden="true"></span>
  <div class="welcome-modal__content modal-content">
    <button class="close-btn">close</button>
    <h2>Welcome to the New RIC</h2>
    <p>This move brings not only a physical change of address but a whole new model to the field of rehabilitation.</p>
    <a class="cta-button" href="/experience" title="learn more">learn more</a>
  </div>
</section>

Styleguide 20.1
*/
.welcome-modal {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease; }
  .welcome-modal.active {
    display: block; }
  .welcome-modal.visible {
    opacity: 1; }
  .welcome-modal .modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(10, 10, 10, 0.5); }
  .welcome-modal__content {
    position: relative;
    width: 80%;
    max-width: 356px;
    margin: 0 auto;
    padding: 75px 25px 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #E71324;
    text-align: center;
    overflow: hidden; }
    .welcome-modal__content a {
      color: #fefefe; }
    .welcome-modal__content svg {
      position: absolute;
      height: 170%;
      width: auto;
      top: -100px;
      left: -190px; }
    .welcome-modal__content h2 {
      font-family: "gibson-semibold", sans-serif;
      position: relative;
      font-size: 3.6rem;
      line-height: 4.4rem;
      letter-spacing: .005em;
      color: #fefefe; }
    .welcome-modal__content p {
      font-family: "gibson-light", sans-serif;
      position: relative;
      font-size: 2rem;
      line-height: 2.4rem;
      letter-spacing: .005em;
      color: #fefefe;
      margin: 20px 0 0 0; }
  .welcome-modal .close-btn {
    text-decoration: none;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    height: 0;
    padding-top: 3rem;
    width: 3rem;
    overflow: hidden; }
    .welcome-modal .close-btn:before {
      color: #fefefe;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 3rem;
      text-decoration: none; }
    .welcome-modal .close-btn:hover:before {
      text-decoration: none; }
    .welcome-modal .close-btn:before {
      position: absolute;
      top: 0;
      left: 0; }
  .welcome-modal .cta-button {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    position: relative;
    margin-top: 30px; }
    @media screen and (min-width: 64em) {
      .welcome-modal .cta-button {
        white-space: nowrap; } }
    .welcome-modal .cta-button:visited, .welcome-modal .cta-button:active {
      background-color: transparent;
      color: #fff; }
    .welcome-modal .cta-button:hover, .welcome-modal .cta-button:focus {
      background-color: #fff;
      border: 1px solid #fff;
      color: #E71324;
      text-decoration: none; }
  @media screen and (min-width: 672px) {
    .welcome-modal__content {
      max-width: 562px; }
      .welcome-modal__content svg {
        height: 200%;
        top: -170px;
        left: -150px; } }
  @media print {
    .welcome-modal__content {
      max-width: 562px; }
      .welcome-modal__content svg {
        height: 200%;
        top: -170px;
        left: -150px; } }
  @media screen and (min-width: 1024px) {
    .welcome-modal__content {
      max-width: 880px;
      padding: 80px 0 60px; }
      .welcome-modal__content svg {
        height: 210%;
        top: -300px;
        left: -150px; }
      .welcome-modal__content h2 {
        max-width: 480px;
        margin: 0 auto;
        font-size: 5.2rem;
        line-height: 5.2rem; }
      .welcome-modal__content p {
        max-width: 560px;
        margin: 40px auto 0;
        font-size: 3rem;
        line-height: 3.8rem; }
    .welcome-modal .close-btn {
      top: 4rem;
      right: 4rem; }
    .welcome-modal .cta-button {
      margin-top: 48px; } }
  @media print {
    .welcome-modal__content {
      max-width: 880px;
      padding: 80px 0 60px; }
      .welcome-modal__content svg {
        height: 210%;
        top: -300px;
        left: -150px; }
      .welcome-modal__content h2 {
        max-width: 480px;
        margin: 0 auto;
        font-size: 5.2rem;
        line-height: 5.2rem; }
      .welcome-modal__content p {
        max-width: 560px;
        margin: 40px auto 0;
        font-size: 3rem;
        line-height: 3.8rem; }
    .welcome-modal .close-btn {
      top: 4rem;
      right: 4rem; }
    .welcome-modal .cta-button {
      margin-top: 48px; } }
  .kss-modifier-example .welcome-modal {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    top: auto;
    left: auto;
    opacity: 1; }

.welcome-modal--gt .welcome-modal__content {
  background-color: #B2B4B2; }
  .welcome-modal--gt .welcome-modal__content svg.modal-bg--gt {
    height: 600px;
    left: -20px;
    top: -20px;
    width: 1000px; }
  .welcome-modal--gt .welcome-modal__content svg.giving-tuesday-logo {
    display: block;
    height: auto;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    width: calc(100% - 4px); }
    @media screen and (min-width: 672px) {
      .welcome-modal--gt .welcome-modal__content svg.giving-tuesday-logo {
        width: 95%; } }
    @media print {
      .welcome-modal--gt .welcome-modal__content svg.giving-tuesday-logo {
        width: 95%; } }
    @media screen and (min-width: 1024px) {
      .welcome-modal--gt .welcome-modal__content svg.giving-tuesday-logo {
        width: 75%; } }
    @media print {
      .welcome-modal--gt .welcome-modal__content svg.giving-tuesday-logo {
        width: 75%; } }
  .welcome-modal--gt .welcome-modal__content p {
    color: #0a0a0a; }
    @media screen and (min-width: 1024px) {
      .welcome-modal--gt .welcome-modal__content p {
        max-width: 75%; } }
    @media print {
      .welcome-modal--gt .welcome-modal__content p {
        max-width: 75%; } }
  .welcome-modal--gt .welcome-modal__content a {
    color: #E71324; }
    .welcome-modal--gt .welcome-modal__content a:focus, .welcome-modal--gt .welcome-modal__content a:hover {
      color: #0a0a0a; }
  .welcome-modal--gt .welcome-modal__content .cta-button {
    border-color: #E71324; }
  .welcome-modal--gt .welcome-modal__content .cta-button:focus,
  .welcome-modal--gt .welcome-modal__content .cta-button:hover {
    border-color: #fefefe; }

/*
Form Elements

Custom Form Elements.

Styleguide 10.0
*/
fieldset > legend {
  float: left;
  width: 100%;
  padding: 0; }
  fieldset > legend + * {
    clear: left; }

/*
Radio as Checkbox

A custom radio button that needs to look like a checkmark.

markup:
<div class="main">
  <input class="radio-check" id="example-radio-checkmark" type="radio" value="example radio as checkmark">
  <label for="example-radio-checkmark">
    <i class="aria-hidden"></i>
    <span>Example radio as checkmark</span>
  </label>
</div>

Styleguide 10.1
*/
.radio-check {
  position: absolute;
  /* Match the image dimensions */
  width: 24px;
  height: 24px;
  /* Reset anything that could peek out or interfere with dimensions */
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0; }
  .radio-check + label {
    cursor: pointer; }
  .radio-check:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight; }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .radio-check:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
  .radio-check + label {
    position: relative;
    margin: 0;
    padding-left: 3.5rem;
    font-size: 1.4rem;
    line-height: 1.8rem; }
    .radio-check + label i {
      text-decoration: none;
      text-decoration: none;
      position: absolute;
      top: -.25rem;
      left: 0;
      margin: auto;
      line-height: 1.8rem;
      text-align: center; }
      .radio-check + label i:before {
        color: #0a0a0a;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .radio-check + label i:hover:before {
        text-decoration: none; }
      .radio-check + label i:after {
        color: #0a0a0a;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .radio-check + label i:hover:after {
        text-decoration: none; }
      .radio-check + label i:after {
        position: absolute;
        width: 0;
        left: 0.3rem;
        top: 0.2rem;
        overflow: hidden;
        -webkit-transition: width .25s ease;
        transition: width .25s ease;
        font-size: 2rem; }
  .radio-check:checked + label i:after {
    width: 1.4rem; }

/*
Checkbox as Flag

A checkbox input that needs to look like one of our flags.

markup:
<div class="main">
  <input class="custom-input check-flag" id="example-checkbox-flag" type="checkbox" value="example checkbox as flag">
  <label for="example-checkbox-flag">Example checkbox as flag</label>
</div>

Styleguide 10.2
*/
.check-flag {
  position: absolute;
  /* Match the image dimensions */
  width: 24px;
  height: 24px;
  /* Reset anything that could peek out or interfere with dimensions */
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0; }
  .check-flag + label {
    cursor: pointer; }
  .check-flag:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight; }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .check-flag:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
  .check-flag + label {
    text-decoration: none; }
    .check-flag + label:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .check-flag + label:hover:before {
      text-decoration: none; }
  .check-flag:checked + label {
    text-decoration: none; }
    .check-flag:checked + label:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .check-flag:checked + label:hover:before {
      text-decoration: none; }

/*
Select

A stylized select box

markup:
<div class="main">
  <div class="dropdown">
    <select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
  </div>
  <br />
  <br />
  <br />
  <div class="dropdown dropdown--disabled">
    <select disabled>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
  </div>
  <br />
  <br />
  <br />
  <div class="dropdown dropdown--focus">
    <select disabled>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
  </div>
</div>

Styleguide 10.5
*/
.dropdown {
  font-family: "gt-sectra-fine", serif;
  font-size: 2rem;
  letter-spacing: .015em;
  padding: 0;
  margin: 0;
  border: 0;
  height: 4rem;
  border-bottom: 1px solid var(--sra-border-color);
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: var(--sra-border-color);
  overflow: hidden;
  padding-right: 24px; }
  .dropdown.placeholder {
    text-transform: capitalize; }
  .dropdown:-moz-placeholder {
    text-transform: capitalize; }
  .dropdown::-moz-placeholder {
    text-transform: capitalize; }
  .dropdown::-webkit-input-placeholder {
    text-transform: capitalize; }
  .dropdown:-ms-input-placeholder {
    text-transform: capitalize; }
  .dropdown.placeholder {
    color: var(--sra-gray); }
  .dropdown:-moz-placeholder {
    color: var(--sra-gray); }
  .dropdown::-moz-placeholder {
    color: var(--sra-gray); }
  .dropdown::-webkit-input-placeholder {
    color: var(--sra-gray); }
  .dropdown:-ms-input-placeholder {
    color: var(--sra-gray); }
  .dropdown:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    text-decoration: none; }
  .dropdown:hover:before {
    text-decoration: none; }
  .dropdown:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .dropdown:before, .dropdown:after {
    pointer-events: none; }
  .dropdown:before {
    z-index: 2; }
  .dropdown:after {
    content: " ";
    display: block;
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    width: 15px;
    background-color: #fefefe;
    z-index: 1; }
  .dropdown select {
    font-size: 1.2rem;
    line-height: 3rem;
    color: var(--sra-text-gray-color);
    text-transform: uppercase;
    letter-spacing: .18rem;
    font-family: "gibson-regular", sans-serif;
    line-height: 50px;
    height: 50px;
    padding: 0 4px;
    border: 0;
    margin: 0;
    width: calc(100% + 60px);
    outline: none;
    background-color: transparent;
    position: relative;
    top: -5px; }
  .dropdown.dropdown-active select {
    color: #0a0a0a; }
  .dropdown--focus {
    border-color: transparent;
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight; }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .dropdown--focus {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
  .dropdown--disabled {
    border-color: #B2B4B2; }
    .dropdown--disabled:before {
      color: #B2B4B2; }
    .dropdown--disabled select {
      color: #B2B4B2; }

/*
Search Input

A stylized search input

markup:
<div class="main">
  <div class="search {{modifier_class}}">
    <input type="text" placeholder="Sample Text">
  </div>
</div>

.search--no-icon    - Search field with no icon.

Styleguide 10.6
*/
.search {
  text-decoration: none;
  position: relative;
  display: inline-block; }
  .search:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .search:hover:before {
    text-decoration: none; }
  .search:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .search:before {
    right: 15px; }
  .search [type='text'] {
    font-size: 1.2rem;
    line-height: 3rem;
    color: var(--sra-text-gray-color);
    text-transform: uppercase;
    letter-spacing: .18rem;
    font-family: "gt-sectra-fine", serif;
    font-size: 2rem;
    letter-spacing: .015em;
    padding: 0;
    margin: 0;
    border: 0;
    height: 4rem;
    border-bottom: 1px solid var(--sra-border-color);
    font-family: "gibson-regular", sans-serif;
    height: 50px; }
    .search [type='text'].placeholder {
      text-transform: capitalize; }
    .search [type='text']:-moz-placeholder {
      text-transform: capitalize; }
    .search [type='text']::-moz-placeholder {
      text-transform: capitalize; }
    .search [type='text']::-webkit-input-placeholder {
      text-transform: capitalize; }
    .search [type='text']:-ms-input-placeholder {
      text-transform: capitalize; }
    .search [type='text'].placeholder {
      color: var(--sra-gray); }
    .search [type='text']:-moz-placeholder {
      color: var(--sra-gray); }
    .search [type='text']::-moz-placeholder {
      color: var(--sra-gray); }
    .search [type='text']::-webkit-input-placeholder {
      color: var(--sra-gray); }
    .search [type='text']:-ms-input-placeholder {
      color: var(--sra-gray); }
    .search [type='text']:focus {
      border-color: transparent;
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .search [type='text']:focus {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }

.search--no-icon {
  text-decoration: none;
  position: relative;
  display: inline-block; }
  .search--no-icon:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .search--no-icon:hover:before {
    text-decoration: none; }
  .search--no-icon:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .search--no-icon:before {
    right: 15px; }
  .search--no-icon [type='text'] {
    font-size: 1.2rem;
    line-height: 3rem;
    color: var(--sra-text-gray-color);
    text-transform: uppercase;
    letter-spacing: .18rem;
    font-family: "gt-sectra-fine", serif;
    font-size: 2rem;
    letter-spacing: .015em;
    padding: 0;
    margin: 0;
    border: 0;
    height: 4rem;
    border-bottom: 1px solid var(--sra-border-color);
    font-family: "gibson-regular", sans-serif;
    height: 50px; }
    .search--no-icon [type='text'].placeholder {
      text-transform: capitalize; }
    .search--no-icon [type='text']:-moz-placeholder {
      text-transform: capitalize; }
    .search--no-icon [type='text']::-moz-placeholder {
      text-transform: capitalize; }
    .search--no-icon [type='text']::-webkit-input-placeholder {
      text-transform: capitalize; }
    .search--no-icon [type='text']:-ms-input-placeholder {
      text-transform: capitalize; }
    .search--no-icon [type='text'].placeholder {
      color: var(--sra-gray); }
    .search--no-icon [type='text']:-moz-placeholder {
      color: var(--sra-gray); }
    .search--no-icon [type='text']::-moz-placeholder {
      color: var(--sra-gray); }
    .search--no-icon [type='text']::-webkit-input-placeholder {
      color: var(--sra-gray); }
    .search--no-icon [type='text']:-ms-input-placeholder {
      color: var(--sra-gray); }
    .search--no-icon [type='text']:focus {
      border-color: transparent;
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .search--no-icon [type='text']:focus {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
  .search--no-icon:before {
    content: "";
    display: none; }

/*
Submit

A styled submit button

markup:
<div class="main">
  <input type="submit" placeholder="Submit">
</div>

Styleguide 10.7
*/
[type='submit'] {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  @media screen and (min-width: 64em) {
    [type='submit'] {
      white-space: nowrap; } }
  [type='submit']:visited, [type='submit']:active {
    background-color: transparent;
    color: #E71324; }
  [type='submit']:hover, [type='submit']:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

/*
Text input

A styled text input box. Width and Margin should be established by parent wrapper. Sg-Wrapper is for example only.

markup:
<div class="sg-form-wrapper">
  <label for="example-text-input">Label Text</label>
  <input type="text" placeholder="Sample Text">
</div>

Styleguide 10.3
*/
.sg-form-wrapper {
  max-width: 400px; }

label,
legend {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  letter-spacing: .18em;
  text-transform: uppercase; }

[type='textfield'],
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'] {
  font-family: "gt-sectra-fine", serif;
  font-size: 2rem;
  letter-spacing: .015em;
  padding: 0;
  margin: 0;
  border: 0;
  height: 4rem;
  border-bottom: 1px solid var(--sra-border-color); }
  [type='textfield'].placeholder,
  [type='text'].placeholder,
  [type='password'].placeholder,
  [type='date'].placeholder,
  [type='datetime'].placeholder,
  [type='datetime-local'].placeholder,
  [type='month'].placeholder,
  [type='week'].placeholder,
  [type='email'].placeholder,
  [type='number'].placeholder,
  [type='search'].placeholder,
  [type='tel'].placeholder,
  [type='time'].placeholder,
  [type='url'].placeholder,
  [type='color'].placeholder {
    text-transform: capitalize; }
  [type='textfield']:-moz-placeholder,
  [type='text']:-moz-placeholder,
  [type='password']:-moz-placeholder,
  [type='date']:-moz-placeholder,
  [type='datetime']:-moz-placeholder,
  [type='datetime-local']:-moz-placeholder,
  [type='month']:-moz-placeholder,
  [type='week']:-moz-placeholder,
  [type='email']:-moz-placeholder,
  [type='number']:-moz-placeholder,
  [type='search']:-moz-placeholder,
  [type='tel']:-moz-placeholder,
  [type='time']:-moz-placeholder,
  [type='url']:-moz-placeholder,
  [type='color']:-moz-placeholder {
    text-transform: capitalize; }
  [type='textfield']::-moz-placeholder,
  [type='text']::-moz-placeholder,
  [type='password']::-moz-placeholder,
  [type='date']::-moz-placeholder,
  [type='datetime']::-moz-placeholder,
  [type='datetime-local']::-moz-placeholder,
  [type='month']::-moz-placeholder,
  [type='week']::-moz-placeholder,
  [type='email']::-moz-placeholder,
  [type='number']::-moz-placeholder,
  [type='search']::-moz-placeholder,
  [type='tel']::-moz-placeholder,
  [type='time']::-moz-placeholder,
  [type='url']::-moz-placeholder,
  [type='color']::-moz-placeholder {
    text-transform: capitalize; }
  [type='textfield']::-webkit-input-placeholder,
  [type='text']::-webkit-input-placeholder,
  [type='password']::-webkit-input-placeholder,
  [type='date']::-webkit-input-placeholder,
  [type='datetime']::-webkit-input-placeholder,
  [type='datetime-local']::-webkit-input-placeholder,
  [type='month']::-webkit-input-placeholder,
  [type='week']::-webkit-input-placeholder,
  [type='email']::-webkit-input-placeholder,
  [type='number']::-webkit-input-placeholder,
  [type='search']::-webkit-input-placeholder,
  [type='tel']::-webkit-input-placeholder,
  [type='time']::-webkit-input-placeholder,
  [type='url']::-webkit-input-placeholder,
  [type='color']::-webkit-input-placeholder {
    text-transform: capitalize; }
  [type='textfield']:-ms-input-placeholder,
  [type='text']:-ms-input-placeholder,
  [type='password']:-ms-input-placeholder,
  [type='date']:-ms-input-placeholder,
  [type='datetime']:-ms-input-placeholder,
  [type='datetime-local']:-ms-input-placeholder,
  [type='month']:-ms-input-placeholder,
  [type='week']:-ms-input-placeholder,
  [type='email']:-ms-input-placeholder,
  [type='number']:-ms-input-placeholder,
  [type='search']:-ms-input-placeholder,
  [type='tel']:-ms-input-placeholder,
  [type='time']:-ms-input-placeholder,
  [type='url']:-ms-input-placeholder,
  [type='color']:-ms-input-placeholder {
    text-transform: capitalize; }
  [type='textfield'].placeholder,
  [type='text'].placeholder,
  [type='password'].placeholder,
  [type='date'].placeholder,
  [type='datetime'].placeholder,
  [type='datetime-local'].placeholder,
  [type='month'].placeholder,
  [type='week'].placeholder,
  [type='email'].placeholder,
  [type='number'].placeholder,
  [type='search'].placeholder,
  [type='tel'].placeholder,
  [type='time'].placeholder,
  [type='url'].placeholder,
  [type='color'].placeholder {
    color: var(--sra-gray); }
  [type='textfield']:-moz-placeholder,
  [type='text']:-moz-placeholder,
  [type='password']:-moz-placeholder,
  [type='date']:-moz-placeholder,
  [type='datetime']:-moz-placeholder,
  [type='datetime-local']:-moz-placeholder,
  [type='month']:-moz-placeholder,
  [type='week']:-moz-placeholder,
  [type='email']:-moz-placeholder,
  [type='number']:-moz-placeholder,
  [type='search']:-moz-placeholder,
  [type='tel']:-moz-placeholder,
  [type='time']:-moz-placeholder,
  [type='url']:-moz-placeholder,
  [type='color']:-moz-placeholder {
    color: var(--sra-gray); }
  [type='textfield']::-moz-placeholder,
  [type='text']::-moz-placeholder,
  [type='password']::-moz-placeholder,
  [type='date']::-moz-placeholder,
  [type='datetime']::-moz-placeholder,
  [type='datetime-local']::-moz-placeholder,
  [type='month']::-moz-placeholder,
  [type='week']::-moz-placeholder,
  [type='email']::-moz-placeholder,
  [type='number']::-moz-placeholder,
  [type='search']::-moz-placeholder,
  [type='tel']::-moz-placeholder,
  [type='time']::-moz-placeholder,
  [type='url']::-moz-placeholder,
  [type='color']::-moz-placeholder {
    color: var(--sra-gray); }
  [type='textfield']::-webkit-input-placeholder,
  [type='text']::-webkit-input-placeholder,
  [type='password']::-webkit-input-placeholder,
  [type='date']::-webkit-input-placeholder,
  [type='datetime']::-webkit-input-placeholder,
  [type='datetime-local']::-webkit-input-placeholder,
  [type='month']::-webkit-input-placeholder,
  [type='week']::-webkit-input-placeholder,
  [type='email']::-webkit-input-placeholder,
  [type='number']::-webkit-input-placeholder,
  [type='search']::-webkit-input-placeholder,
  [type='tel']::-webkit-input-placeholder,
  [type='time']::-webkit-input-placeholder,
  [type='url']::-webkit-input-placeholder,
  [type='color']::-webkit-input-placeholder {
    color: var(--sra-gray); }
  [type='textfield']:-ms-input-placeholder,
  [type='text']:-ms-input-placeholder,
  [type='password']:-ms-input-placeholder,
  [type='date']:-ms-input-placeholder,
  [type='datetime']:-ms-input-placeholder,
  [type='datetime-local']:-ms-input-placeholder,
  [type='month']:-ms-input-placeholder,
  [type='week']:-ms-input-placeholder,
  [type='email']:-ms-input-placeholder,
  [type='number']:-ms-input-placeholder,
  [type='search']:-ms-input-placeholder,
  [type='tel']:-ms-input-placeholder,
  [type='time']:-ms-input-placeholder,
  [type='url']:-ms-input-placeholder,
  [type='color']:-ms-input-placeholder {
    color: var(--sra-gray); }
  [type='textfield']::-ms-clear,
  [type='text']::-ms-clear,
  [type='password']::-ms-clear,
  [type='date']::-ms-clear,
  [type='datetime']::-ms-clear,
  [type='datetime-local']::-ms-clear,
  [type='month']::-ms-clear,
  [type='week']::-ms-clear,
  [type='email']::-ms-clear,
  [type='number']::-ms-clear,
  [type='search']::-ms-clear,
  [type='tel']::-ms-clear,
  [type='time']::-ms-clear,
  [type='url']::-ms-clear,
  [type='color']::-ms-clear {
    display: none; }

[type='date'] {
  text-transform: uppercase; }

textarea {
  font-family: "gt-sectra-fine", serif;
  font-size: 2rem;
  letter-spacing: .015em;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 2rem;
  min-height: 150px; }
  textarea.placeholder {
    text-transform: capitalize; }
  textarea:-moz-placeholder {
    text-transform: capitalize; }
  textarea::-moz-placeholder {
    text-transform: capitalize; }
  textarea::-webkit-input-placeholder {
    text-transform: capitalize; }
  textarea:-ms-input-placeholder {
    text-transform: capitalize; }
  textarea.placeholder {
    color: var(--sra-gray); }
  textarea:-moz-placeholder {
    color: var(--sra-gray); }
  textarea::-moz-placeholder {
    color: var(--sra-gray); }
  textarea::-webkit-input-placeholder {
    color: var(--sra-gray); }
  textarea:-ms-input-placeholder {
    color: var(--sra-gray); }

/*
Text input -- Material Style.

A styled text input box. Width and Margin should be established by parent wrapper. Sg-Wrapper is for example only. **This example is modeled on the Material behavior.
Wrap elements in a class of 'form-group'.** Do NOT include placeholder text, the label should also come after the input.

markup:
<div class="sg-form-wrapper">
  <div class="form-group js-form-item form-item js-form-type-textfield form-type-textfield">
    <label for="example-text-input">Label Text</label>
    <input type="text" placeholder="Label Text">
  </div>
</div>

Styleguide 10.4
*/
.form-item.js-textfield-enabled {
  position: relative; }
  .form-item.js-textfield-enabled .form-item__inner {
    margin-top: 2.1rem;
    position: relative; }
  .form--full-page--custom .form-item.js-textfield-enabled label,
  .form--full-page .form-item.js-textfield-enabled label,
  .form-item.js-textfield-enabled label {
    font-family: "gt-sectra-fine", serif;
    font-size: 2rem;
    letter-spacing: .015em;
    position: absolute;
    top: 0.5rem;
    pointer-events: none;
    z-index: 1;
    color: var(--sra-gray);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-transform: none; }
    .form--full-page--custom .form-item.js-textfield-enabled label.placeholder,
    .form--full-page .form-item.js-textfield-enabled label.placeholder,
    .form-item.js-textfield-enabled label.placeholder {
      text-transform: capitalize; }
    .form--full-page--custom .form-item.js-textfield-enabled label:-moz-placeholder,
    .form--full-page .form-item.js-textfield-enabled label:-moz-placeholder,
    .form-item.js-textfield-enabled label:-moz-placeholder {
      text-transform: capitalize; }
    .form--full-page--custom .form-item.js-textfield-enabled label::-moz-placeholder,
    .form--full-page .form-item.js-textfield-enabled label::-moz-placeholder,
    .form-item.js-textfield-enabled label::-moz-placeholder {
      text-transform: capitalize; }
    .form--full-page--custom .form-item.js-textfield-enabled label::-webkit-input-placeholder,
    .form--full-page .form-item.js-textfield-enabled label::-webkit-input-placeholder,
    .form-item.js-textfield-enabled label::-webkit-input-placeholder {
      text-transform: capitalize; }
    .form--full-page--custom .form-item.js-textfield-enabled label:-ms-input-placeholder,
    .form--full-page .form-item.js-textfield-enabled label:-ms-input-placeholder,
    .form-item.js-textfield-enabled label:-ms-input-placeholder {
      text-transform: capitalize; }
    .form--full-page--custom .form-item.js-textfield-enabled label.placeholder,
    .form--full-page .form-item.js-textfield-enabled label.placeholder,
    .form-item.js-textfield-enabled label.placeholder {
      color: var(--sra-gray); }
    .form--full-page--custom .form-item.js-textfield-enabled label:-moz-placeholder,
    .form--full-page .form-item.js-textfield-enabled label:-moz-placeholder,
    .form-item.js-textfield-enabled label:-moz-placeholder {
      color: var(--sra-gray); }
    .form--full-page--custom .form-item.js-textfield-enabled label::-moz-placeholder,
    .form--full-page .form-item.js-textfield-enabled label::-moz-placeholder,
    .form-item.js-textfield-enabled label::-moz-placeholder {
      color: var(--sra-gray); }
    .form--full-page--custom .form-item.js-textfield-enabled label::-webkit-input-placeholder,
    .form--full-page .form-item.js-textfield-enabled label::-webkit-input-placeholder,
    .form-item.js-textfield-enabled label::-webkit-input-placeholder {
      color: var(--sra-gray); }
    .form--full-page--custom .form-item.js-textfield-enabled label:-ms-input-placeholder,
    .form--full-page .form-item.js-textfield-enabled label:-ms-input-placeholder,
    .form-item.js-textfield-enabled label:-ms-input-placeholder {
      color: var(--sra-gray); }
  .form-item.js-textfield-enabled .form-highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 0;
    margin: auto;
    border-bottom: 1px solid #E71324;
    -webkit-transition: width 0.25s ease;
    transition: width 0.25s ease; }
    .registration-form .form-item.js-textfield-enabled .form-highlight {
      border-bottom: 2px solid #E71324; }
  .form-item.js-textfield-enabled [type='textfield'],
  .form-item.js-textfield-enabled [type='text'],
  .form-item.js-textfield-enabled [type='password'],
  .form-item.js-textfield-enabled [type='date'],
  .form-item.js-textfield-enabled [type='datetime'],
  .form-item.js-textfield-enabled [type='datetime-local'],
  .form-item.js-textfield-enabled [type='month'],
  .form-item.js-textfield-enabled [type='week'],
  .form-item.js-textfield-enabled [type='email'],
  .form-item.js-textfield-enabled [type='number'],
  .form-item.js-textfield-enabled [type='search'],
  .form-item.js-textfield-enabled [type='tel'],
  .form-item.js-textfield-enabled [type='time'],
  .form-item.js-textfield-enabled [type='url'],
  .form-item.js-textfield-enabled [type='color'] {
    position: relative; }
    .form-item.js-textfield-enabled [type='textfield'].placeholder,
    .form-item.js-textfield-enabled [type='text'].placeholder,
    .form-item.js-textfield-enabled [type='password'].placeholder,
    .form-item.js-textfield-enabled [type='date'].placeholder,
    .form-item.js-textfield-enabled [type='datetime'].placeholder,
    .form-item.js-textfield-enabled [type='datetime-local'].placeholder,
    .form-item.js-textfield-enabled [type='month'].placeholder,
    .form-item.js-textfield-enabled [type='week'].placeholder,
    .form-item.js-textfield-enabled [type='email'].placeholder,
    .form-item.js-textfield-enabled [type='number'].placeholder,
    .form-item.js-textfield-enabled [type='search'].placeholder,
    .form-item.js-textfield-enabled [type='tel'].placeholder,
    .form-item.js-textfield-enabled [type='time'].placeholder,
    .form-item.js-textfield-enabled [type='url'].placeholder,
    .form-item.js-textfield-enabled [type='color'].placeholder {
      color: #fefefe;
      -webkit-transition: color 0.25s ease;
      transition: color 0.25s ease; }
    .form-item.js-textfield-enabled [type='textfield']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='text']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='password']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='date']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='datetime']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='datetime-local']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='month']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='week']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='email']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='number']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='search']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='tel']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='time']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='url']:-moz-placeholder,
    .form-item.js-textfield-enabled [type='color']:-moz-placeholder {
      color: #fefefe;
      -webkit-transition: color 0.25s ease;
      transition: color 0.25s ease; }
    .form-item.js-textfield-enabled [type='textfield']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='text']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='password']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='date']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='datetime']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='datetime-local']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='month']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='week']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='email']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='number']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='search']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='tel']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='time']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='url']::-moz-placeholder,
    .form-item.js-textfield-enabled [type='color']::-moz-placeholder {
      color: #fefefe;
      -webkit-transition: color 0.25s ease;
      transition: color 0.25s ease; }
    .form-item.js-textfield-enabled [type='textfield']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='text']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='password']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='date']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='datetime']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='datetime-local']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='month']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='week']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='email']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='number']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='search']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='tel']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='time']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='url']::-webkit-input-placeholder,
    .form-item.js-textfield-enabled [type='color']::-webkit-input-placeholder {
      color: #fefefe;
      -webkit-transition: color 0.25s ease;
      transition: color 0.25s ease; }
    .form-item.js-textfield-enabled [type='textfield']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='text']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='password']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='date']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='datetime']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='datetime-local']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='month']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='week']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='email']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='number']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='search']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='tel']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='time']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='url']:-ms-input-placeholder,
    .form-item.js-textfield-enabled [type='color']:-ms-input-placeholder {
      color: #fefefe;
      -webkit-transition: color 0.25s ease;
      transition: color 0.25s ease; }
  .form-item.js-textfield-enabled.js-textfield-focused input {
    border: 0;
    border-bottom: 1px solid var(--sra-border-color);
    -webkit-box-shadow: none;
    box-shadow: none; }
    .form-item.js-textfield-enabled.js-textfield-focused input.placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-focused input:-moz-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-focused input::-moz-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-focused input::-webkit-input-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-focused input:-ms-input-placeholder {
      color: var(--sra-gray); }
  .form-item.js-textfield-enabled.js-textfield-focused label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    top: -2rem; }
    .registration-form .form-item.js-textfield-enabled.js-textfield-focused label {
      font-family: "gibson-light", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .1rem;
      text-transform: uppercase; }
  .form-item.js-textfield-enabled.js-textfield-focused .form-highlight {
    width: 100%; }
  .form-item.js-textfield-enabled.js-textfield-populated input {
    border: 0;
    border-bottom: 1px solid var(--sra-border-color);
    -webkit-box-shadow: none;
    box-shadow: none; }
    .form-item.js-textfield-enabled.js-textfield-populated input.placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-populated input:-moz-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-populated input::-moz-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-populated input::-webkit-input-placeholder {
      color: var(--sra-gray); }
    .form-item.js-textfield-enabled.js-textfield-populated input:-ms-input-placeholder {
      color: var(--sra-gray); }
  .form-item.js-textfield-enabled.js-textfield-populated label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    top: -2rem; }
    .registration-form .form-item.js-textfield-enabled.js-textfield-populated label {
      font-family: "gibson-light", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .1rem;
      text-transform: uppercase; }
  .form-item.js-textfield-enabled.js-textfield-populated .form-highlight {
    width: 0; }
  .form-item.js-textfield-enabled.js-textfield-populated.js-textfield-focused .form-highlight {
    width: 100%; }

/*
Large Form -- A full page form.

Each top level form element (with a class of `form-item`) will have border. Interior
form items will not. Padding is applied to the parent form-item. Adding a class of full-width to a fieldset will allow it to be full-width and the form items inside
will a be a third width.

markup:
<div class="main">
  <section class="form--full-page">
    <header class="header">
      <h2 class="form-title">rehabilitation measures submission form</h2>
      <p class="form-cta">Fill out below</p>
    </header>
    <div class="container form-container">
    <form>
      <div class="form-msg">
        <p>Please note, this is a legend for the form. Donec sed odio dui.</p>
      </div>
      <div class="form-content">
        <div class="form-item">
          <label>Sample Label</label>
          <input type="text" placeholder="Placeholder Text">
          <div class="description">This is help text</div>
        </div>
        <div class="form-item">
          <label>Sample Label</label>
          <input type="text" placeholder="Placeholder Text">
          <div class="description">This is help text</div>
        </div>
        <div class="form-item">
          <label>Description</label>
          <div class="form-textarea-wrapper">
            <textarea placeholder="This is a textarea with placeholder."></textarea>
          </div>
          <div class="description">
            <p>Make sure to include</p>
            <ul>
              <li>Fermentum Consectetur Mollis</li>
              <li>Malesuada Nibh</li>
              <li>Nullam id dolor id nibh ultricies vehicula ut id elit.</li>
            </ul>
          </div>
        </div>
        <fieldset class="form-item">
          <legend>
            <span>Radio Buttons</span>
          </legend>
          <div class="fieldset-wrapper">
            <div class="form-checkboxes">
              <div class="form-item form-type-radio">
                <input type="radio" class="form-radio" id="example-radio-1" name="example-radio-1">
                <label for="example-radio-1">radio label 1</label>
              </div>
              <div class="form-item form-type-radio">
                <input type="radio" class="form-radio" id="example-radio-2" name="example-radio-2">
                <label for="example-radio-2">radio label 2</label>
              </div>
            </div>
          </div>
        </fieldset>
        <fieldset class="form-item full-width">
          <legend>
            <span>Checkboxes with a full-width wrapper</span>
          </legend>
          <div class="fieldset-wrapper">
            <div class="form-checkboxes">
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-1" name="example-checkbox-1" checked="checked">
                <label for="example-checkbox-1">checkbox label 1</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-2" name="example-checkbox-2">
                <label for="example-checkbox-2">checkbox label 2</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-3" name="example-checkbox-3">
                <label for="example-checkbox-3">checkbox label 3</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-4" name="example-checkbox-4">
                <label for="example-checkbox-4">checkbox label 4</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-5" name="example-checkbox-5">
                <label for="example-checkbox-5">checkbox label 5</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-6" name="example-checkbox-6">
                <label for="example-checkbox-6">checkbox label 6</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" class="form-checkbox" id="example-checkbox-7" name="example-checkbox-7">
                <label for="example-checkbox-7">checkbox label 7</label>
              </div>
            </div>
          </div>
        </fieldset>
        <div class="form-actions">
          <input type="submit" value="save for later">
          <input type="submit" value="submit">
        </div>
      </div>
    </form>
    </div>
  </section>
</div>

Styleguide 10.8
*/
/*
  Form base styles take care of the wrapper styles, headers and custom cta area
  just above the actual form.
*/
/*
  Default styles are for any form that we did not specifically style.
*/
/*
  Custom is ONLY for
  - Request an Appointment
  - Patient Referral Form
  - Rehab Measures Item
  - Contact Form (Ask Us Anything).
*/
.form--full-page {
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  /*
    GRAPHICS reddish swooshes on left and right.
  */
  --sra-heading-color: var(--sra-black); }
  @media screen and (min-width: 672px) {
    .form--full-page {
      padding-left: 55px;
      padding-right: 55px; } }
  @media print {
    .form--full-page {
      padding-left: 55px;
      padding-right: 55px; } }
  @media screen and (min-width: 1024px) {
    .form--full-page {
      padding-left: 88px;
      padding-right: 88px; } }
  @media print {
    .form--full-page {
      padding-left: 88px;
      padding-right: 88px; } }
  @media screen and (min-width: 1280px) {
    .form--full-page {
      padding-left: 120px;
      padding-right: 120px; } }
  @media print {
    .form--full-page {
      padding-left: 120px;
      padding-right: 120px; } }
  .form--full-page:before {
    content: "";
    display: block;
    position: absolute;
    top: -120px;
    left: 0;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -100px 0; }
  .form--full-page:after {
    content: "";
    display: block;
    position: absolute;
    top: 230px;
    right: -.2rem;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -70px 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .form--full-page .section-title {
    margin: 25px 0; }
  .form--full-page .container {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2; }
  @media screen and (min-width: 1024px) {
    .form--full-page:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .form--full-page:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .form--full-page .header {
      margin-bottom: 0; }
    .form--full-page .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media print {
    .form--full-page:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .form--full-page:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .form--full-page .header {
      margin-bottom: 0; }
    .form--full-page .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media screen and (min-width: 1280px) {
    .form--full-page .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media print {
    .form--full-page .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  .form--full-page .form-title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase; }
  .form--full-page .form-cta {
    --sra-heading-color: var(--sra-black);
    font-family: "gibson-semibold", sans-serif;
    font-size: 4rem;
    letter-spacing: 0.015em;
    line-height: 1.2;
    margin-bottom: 0.375em;
    text-align: center;
    margin: 25px 0; }
    @media screen and (min-width: 1024px) {
      .form--full-page .form-cta {
        font-size: 6.2rem; } }
    @media screen and (min-width: 1280px) {
      .form--full-page .form-cta {
        font-size: 7.2rem; } }
  .form--full-page .form-msg {
    border-bottom: 1px solid var(--sra-border-color);
    margin: 0;
    padding: 80px 60px 60px;
    position: relative;
    text-align: center; }
    .form--full-page .form-msg p {
      font-family: "gibson-light", sans-serif;
      font-size: 2.4rem;
      line-height: 3rem;
      color: #0a0a0a;
      margin-bottom: 0;
      text-transform: none; }
    @media (max-width: 1024px) {
      .form--full-page .form-msg {
        padding: 60px 40px; } }
    @media (max-width: 672px) {
      .form--full-page .form-msg {
        padding: 40px 24px; } }
  .form--full-page fieldset fieldset {
    padding: 0; }
    .form--full-page fieldset fieldset label,
    .form--full-page fieldset fieldset legend {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
  .form--full-page fieldset.required legend:before {
    content: "*";
    display: inline-block; }
  .form--full-page fieldset .form-item label,
  .form--full-page fieldset .form-item legend {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase; }
  .form--full-page fieldset .form-type-select label,
  .form--full-page fieldset .form-type-textfield label,
  .form--full-page fieldset .form-type-email label,
  .form--full-page fieldset .form-type-number label,
  .form--full-page fieldset .form-type-date label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 0; }
  .form--full-page fieldset .form-type-radio label,
  .form--full-page fieldset .form-type-checkbox label {
    font-family: "gt-sectra-fine", serif;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .015em;
    text-transform: none; }
    .form--full-page fieldset .form-type-radio label span,
    .form--full-page fieldset .form-type-checkbox label span {
      text-decoration: underline; }
  .form--full-page label.form-required:before {
    content: "*";
    display: inline-block; }
  .form--full-page .yamlform-progress {
    display: none; }
  .form--full-page .form-type-radio input {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .form--full-page .form-type-radio input + label {
      cursor: pointer; }
    .form--full-page .form-type-radio input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .form--full-page .form-type-radio input:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .form--full-page .form-type-radio input + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .form--full-page .form-type-radio input + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .form--full-page .form-type-radio input + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page .form-type-radio input + label i:hover:before {
          text-decoration: none; }
        .form--full-page .form-type-radio input + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page .form-type-radio input + label i:hover:after {
          text-decoration: none; }
        .form--full-page .form-type-radio input + label i:after {
          position: absolute;
          width: 0;
          left: 0.5rem;
          top: 0.5rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 1.4rem; }
    .form--full-page .form-type-radio input:checked + label i:after {
      width: 1.4rem; }
  .form--full-page .form-type-checkbox input {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .form--full-page .form-type-checkbox input + label {
      cursor: pointer; }
    .form--full-page .form-type-checkbox input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .form--full-page .form-type-checkbox input:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .form--full-page .form-type-checkbox input + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .form--full-page .form-type-checkbox input + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .form--full-page .form-type-checkbox input + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page .form-type-checkbox input + label i:hover:before {
          text-decoration: none; }
        .form--full-page .form-type-checkbox input + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page .form-type-checkbox input + label i:hover:after {
          text-decoration: none; }
        .form--full-page .form-type-checkbox input + label i:after {
          position: absolute;
          width: 0;
          left: 0.3rem;
          top: 0.2rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 2rem; }
    .form--full-page .form-type-checkbox input:checked + label i:after {
      width: 1.4rem; }
  .form--full-page .form-type-radio label,
  .form--full-page .form-type-checkbox label {
    font-family: "gibson-light", sans-serif;
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: .015em;
    text-transform: capitalize; }
    .form--full-page .form-type-radio label span,
    .form--full-page .form-type-checkbox label span {
      text-decoration: underline; }
  .form--full-page .dropdown select {
    font-family: "gt-sectra-fine", serif;
    font-size: 2rem;
    color: var(--sra-form-text);
    text-transform: none;
    letter-spacing: .015em; }
  .form--full-page .dropdown.dropdown-active select {
    color: #0a0a0a; }
  .form--full-page .description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    letter-spacing: .015em;
    line-height: 2rem;
    margin-top: 15px; }
  .form--full-page .form-actions {
    padding: 40px 24px;
    border-top: 1px solid var(--sra-border-color);
    margin-top: -1px;
    text-align: center; }
    .form--full-page .form-actions input {
      display: inline-block; }
      .form--full-page .form-actions input + input {
        margin-top: 30px; }
  @media screen and (min-width: 1024px) {
    .form--full-page .form-cta {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media print {
    .form--full-page .form-cta {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media screen and (min-width: 1280px) {
    .form--full-page .form-cta {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media print {
    .form--full-page .form-cta {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  .form--full-page .form-content > .form-item {
    margin-top: 0 !important; }
  .form--full-page .form-item,
  .form--full-page fieldset {
    border-top: 1px solid var(--sra-border-color); }
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0;
      border-top: 0; }
    .form--full-page .form-item:first-child,
    .form--full-page fieldset:first-child {
      border-top: none; }
    .form--full-page .form-item > legend,
    .form--full-page fieldset > legend {
      font-family: "gibson-semibold", sans-serif;
      display: block;
      margin-bottom: 0;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin-bottom: 2rem; }
  .form--full-page .form-item,
  .form--full-page .form-item.js-textfield-enabled .form-item__inner {
    margin-top: 3rem; }
  .form--full-page label + .form-type-select {
    margin-top: 0; }
  .form--full-page [class*="webform-options-"] .form-type-checkbox,
  .form--full-page [class*="webform-options-"] .form-type-radio {
    margin-bottom: 3rem; }
  @media screen and (min-width: 672px) {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  @media print {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  @media print {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  @media screen and (min-width: 1280px) {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  @media print {
    .form--full-page .form-msg .form-item,
    .form--full-page .form-item .form-item,
    .form--full-page fieldset .form-item {
      padding: 0; } }
  .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) {
    border: 1px solid #455560;
    height: 40px; }
    @media screen and (min-width: 672px) {
      .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) {
        height: 42px; } }
    @media print {
      .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) {
        height: 42px; } }
    .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) [class*="MuiDatePicker__DateTimeWrapper"] {
      height: 100%; }
      .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) [class*="MuiDatePicker__DateTimeWrapper"] [class*="MuiFormControl"] {
        height: 100%; }
        .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) [class*="MuiDatePicker__DateTimeWrapper"] [class*="MuiFormControl"] [class*="MuiInputBase"] {
          height: 100%; }
          .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) [class*="MuiDatePicker__DateTimeWrapper"] [class*="MuiFormControl"] [class*="MuiInputBase"] input:focus {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0; }
          .form--full-page div[class*="MuiDatePicker__FlexWrapper"]:not(.fsHidden) [class*="MuiDatePicker__DateTimeWrapper"] [class*="MuiFormControl"] [class*="MuiInputBase"] fieldset {
            display: none; }

.form--full-page--custom {
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  /*
    GRAPHICS reddish swooshes on left and right.
  */ }
  @media screen and (min-width: 672px) {
    .form--full-page--custom {
      padding-left: 55px;
      padding-right: 55px; } }
  @media print {
    .form--full-page--custom {
      padding-left: 55px;
      padding-right: 55px; } }
  @media screen and (min-width: 1024px) {
    .form--full-page--custom {
      padding-left: 88px;
      padding-right: 88px; } }
  @media print {
    .form--full-page--custom {
      padding-left: 88px;
      padding-right: 88px; } }
  @media screen and (min-width: 1280px) {
    .form--full-page--custom {
      padding-left: 120px;
      padding-right: 120px; } }
  @media print {
    .form--full-page--custom {
      padding-left: 120px;
      padding-right: 120px; } }
  .form--full-page--custom:before {
    content: "";
    display: block;
    position: absolute;
    top: -120px;
    left: 0;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -100px 0; }
  .form--full-page--custom:after {
    content: "";
    display: block;
    position: absolute;
    top: 230px;
    right: -.2rem;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -70px 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .form--full-page--custom .section-title {
    margin: 25px 0; }
  .form--full-page--custom .container {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2; }
  @media screen and (min-width: 1024px) {
    .form--full-page--custom:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .form--full-page--custom:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .form--full-page--custom .header {
      margin-bottom: 0; }
    .form--full-page--custom .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media print {
    .form--full-page--custom:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .form--full-page--custom:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .form--full-page--custom .header {
      margin-bottom: 0; }
    .form--full-page--custom .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media screen and (min-width: 1280px) {
    .form--full-page--custom .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media print {
    .form--full-page--custom .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  .form--full-page--custom .form-title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase; }
  .form--full-page--custom .form-cta {
    --sra-heading-color: var(--sra-black);
    font-family: "gibson-semibold", sans-serif;
    font-size: 4rem;
    letter-spacing: 0.015em;
    line-height: 1.2;
    margin-bottom: 0.375em;
    text-align: center;
    margin: 25px 0; }
    @media screen and (min-width: 1024px) {
      .form--full-page--custom .form-cta {
        font-size: 6.2rem; } }
    @media screen and (min-width: 1280px) {
      .form--full-page--custom .form-cta {
        font-size: 7.2rem; } }
  .form--full-page--custom .form-msg {
    border-bottom: 1px solid var(--sra-border-color);
    margin: 0;
    padding: 80px 60px 60px;
    position: relative;
    text-align: center; }
    .form--full-page--custom .form-msg p {
      font-family: "gibson-light", sans-serif;
      font-size: 2.4rem;
      line-height: 3rem;
      color: #0a0a0a;
      margin-bottom: 0;
      text-transform: none; }
    @media (max-width: 1024px) {
      .form--full-page--custom .form-msg {
        padding: 60px 40px; } }
    @media (max-width: 672px) {
      .form--full-page--custom .form-msg {
        padding: 40px 24px; } }
  .form--full-page--custom fieldset fieldset {
    padding: 0; }
    .form--full-page--custom fieldset fieldset label,
    .form--full-page--custom fieldset fieldset legend {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
  .form--full-page--custom fieldset.required legend:before {
    content: "*";
    display: inline-block; }
  .form--full-page--custom fieldset .form-item label,
  .form--full-page--custom fieldset .form-item legend {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase; }
  .form--full-page--custom fieldset .form-type-select label,
  .form--full-page--custom fieldset .form-type-textfield label,
  .form--full-page--custom fieldset .form-type-email label,
  .form--full-page--custom fieldset .form-type-number label,
  .form--full-page--custom fieldset .form-type-date label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 0; }
  .form--full-page--custom fieldset .form-type-radio label,
  .form--full-page--custom fieldset .form-type-checkbox label {
    font-family: "gt-sectra-fine", serif;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .015em;
    text-transform: none; }
    .form--full-page--custom fieldset .form-type-radio label span,
    .form--full-page--custom fieldset .form-type-checkbox label span {
      text-decoration: underline; }
  .form--full-page--custom label.form-required:before {
    content: "*";
    display: inline-block; }
  .form--full-page--custom .yamlform-progress {
    display: none; }
  .form--full-page--custom .form-type-radio input {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .form--full-page--custom .form-type-radio input + label {
      cursor: pointer; }
    .form--full-page--custom .form-type-radio input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .form--full-page--custom .form-type-radio input:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .form--full-page--custom .form-type-radio input + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .form--full-page--custom .form-type-radio input + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .form--full-page--custom .form-type-radio input + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page--custom .form-type-radio input + label i:hover:before {
          text-decoration: none; }
        .form--full-page--custom .form-type-radio input + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page--custom .form-type-radio input + label i:hover:after {
          text-decoration: none; }
        .form--full-page--custom .form-type-radio input + label i:after {
          position: absolute;
          width: 0;
          left: 0.5rem;
          top: 0.5rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 1.4rem; }
    .form--full-page--custom .form-type-radio input:checked + label i:after {
      width: 1.4rem; }
  .form--full-page--custom .form-type-checkbox input {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .form--full-page--custom .form-type-checkbox input + label {
      cursor: pointer; }
    .form--full-page--custom .form-type-checkbox input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .form--full-page--custom .form-type-checkbox input:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .form--full-page--custom .form-type-checkbox input + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .form--full-page--custom .form-type-checkbox input + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .form--full-page--custom .form-type-checkbox input + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page--custom .form-type-checkbox input + label i:hover:before {
          text-decoration: none; }
        .form--full-page--custom .form-type-checkbox input + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .form--full-page--custom .form-type-checkbox input + label i:hover:after {
          text-decoration: none; }
        .form--full-page--custom .form-type-checkbox input + label i:after {
          position: absolute;
          width: 0;
          left: 0.3rem;
          top: 0.2rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 2rem; }
    .form--full-page--custom .form-type-checkbox input:checked + label i:after {
      width: 1.4rem; }
  .form--full-page--custom .form-type-radio label,
  .form--full-page--custom .form-type-checkbox label {
    font-family: "gibson-light", sans-serif;
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: .015em;
    text-transform: capitalize; }
    .form--full-page--custom .form-type-radio label span,
    .form--full-page--custom .form-type-checkbox label span {
      text-decoration: underline; }
  .form--full-page--custom .dropdown select {
    font-family: "gt-sectra-fine", serif;
    font-size: 2rem;
    color: var(--sra-form-text);
    text-transform: none;
    letter-spacing: .015em; }
  .form--full-page--custom .dropdown.dropdown-active select {
    color: #0a0a0a; }
  .form--full-page--custom .description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    letter-spacing: .015em;
    line-height: 2rem;
    margin-top: 15px; }
  .form--full-page--custom .form-actions {
    padding: 40px 24px;
    border-top: 1px solid var(--sra-border-color);
    margin-top: -1px;
    text-align: center; }
    .form--full-page--custom .form-actions input {
      display: inline-block; }
      .form--full-page--custom .form-actions input + input {
        margin-top: 30px; }
  @media screen and (min-width: 1024px) {
    .form--full-page--custom .form-cta {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media print {
    .form--full-page--custom .form-cta {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media screen and (min-width: 1280px) {
    .form--full-page--custom .form-cta {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media print {
    .form--full-page--custom .form-cta {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  .form--full-page--custom .form-item {
    padding: 40px 24px;
    border-bottom: 1px solid var(--sra-border-color); }
    .form--full-page--custom .form-item .description {
      margin-top: 15px; }
      .form--full-page--custom .form-item .description ul {
        padding: 0;
        margin: 0 0 20px 60px;
        margin-top: 20px; }
        .form--full-page--custom .form-item .description ul li {
          font-family: "gt-sectra-fine", serif;
          margin-bottom: 1rem;
          font-size: 1.6rem;
          line-height: 1.5;
          position: relative; }
          @media screen and (min-width: 1440px) {
            .form--full-page--custom .form-item .description ul li {
              font-size: 1.8rem; } }
        @media screen and (min-width: 1280px) {
          .form--full-page--custom .form-item .description ul {
            margin-bottom: 30px; } }
        @media print {
          .form--full-page--custom .form-item .description ul {
            margin-bottom: 30px; } }
        .form--full-page--custom .form-item .description ul li {
          font-size: 1.4rem;
          line-height: 1.6rem; }
    .form--full-page--custom .form-item .form-textarea-wrapper {
      margin-top: 30px; }
    .form--full-page--custom .form-item.full-width {
      width: auto;
      max-width: 100%;
      left: auto;
      right: auto;
      margin: 0; }
  .form--full-page--custom .dropdown {
    width: 100%; }
  .form--full-page--custom fieldset legend {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase; }
    .form--full-page--custom fieldset legend + .fieldset-wrapper {
      margin-top: 20px;
      float: left; }
      .form--full-page--custom fieldset legend + .fieldset-wrapper .fieldset-wrapper {
        margin-top: 0; }
      .form--full-page--custom fieldset legend + .fieldset-wrapper + * {
        clear: left; }
  .form--full-page--custom fieldset .form-item label,
  .form--full-page--custom fieldset .form-item legend {
    font-family: "gt-sectra-fine", serif;
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 2rem;
    text-transform: none;
    letter-spacing: .015em; }
  .form--full-page--custom fieldset .form-type-textfield label,
  .form--full-page--custom fieldset .form-type-email label,
  .form--full-page--custom fieldset .form-type-number label,
  .form--full-page--custom fieldset .form-type-date label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 0; }
  .form--full-page--custom .fieldset-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%; }
    .form--full-page--custom .fieldset-wrapper .form-item {
      padding: 0;
      border: 0;
      max-width: none; }
      .form--full-page--custom .fieldset-wrapper .form-item + .form-item {
        margin-top: 30px; }
        .form--full-page--custom .fieldset-wrapper .form-item + .form-item.form-type-checkbox, .form--full-page--custom .fieldset-wrapper .form-item + .form-item.form-type-radio {
          margin-top: 15px; }
  @media screen and (min-width: 672px) {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 40px 24px; } }
  @media print {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 40px 24px; } }
  @media screen and (min-width: 1024px) {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 60px 40px; } }
  @media print {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 60px 40px; } }
  @media screen and (min-width: 1280px) {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 80px 60px 60px; } }
  @media print {
    .form--full-page--custom .form-msg,
    .form--full-page--custom .form-actions,
    .form--full-page--custom .form-item {
      padding: 80px 60px 60px; } }
  @media screen and (min-width: 672px) {
    .form--full-page--custom .form-actions input + input {
      margin-top: 0;
      margin-left: 32px; } }
  @media print {
    .form--full-page--custom .form-actions input + input {
      margin-top: 0;
      margin-left: 32px; } }
  @media screen and (min-width: 1024px) {
    .form--full-page--custom form {
      overflow: hidden; }
      .form--full-page--custom form .form-msg p {
        font-size: 3.4rem;
        line-height: 3.6rem;
        margin-bottom: 0; }
    .form--full-page--custom .form-content,
    .form--full-page--custom form[class^='webform'] {
      position: relative;
      margin-left: -1px;
      margin-right: -1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .form--full-page--custom .form-item {
      min-width: calc(50% + 1px);
      max-width: 418px;
      border-right: 1px solid var(--sra-border-color);
      border-left: 1px solid var(--sra-border-color);
      margin-left: -1px; }
      .form--full-page--custom .form-item.form-type-textarea {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        border-right: 0;
        border-left: 0; }
      .form--full-page--custom .form-item .form-item {
        border-right: 0;
        border-left: 0; }
      .form--full-page--custom .form-item.full-width {
        left: auto;
        right: auto;
        min-width: 100%;
        max-width: 100%;
        border-right: 0;
        margin: 0; }
        .form--full-page--custom .form-item.full-width legend {
          max-width: 50%;
          padding-right: 32px; }
        .form--full-page--custom .form-item.full-width .fieldset-wrapper:after {
          content: "";
          display: table;
          clear: both; }
        .form--full-page--custom .form-item.full-width .form-item {
          min-width: 0;
          width: 33.33%;
          float: left;
          margin-top: 15px; }
          .form--full-page--custom .form-item.full-width .form-item:nth-child(1), .form--full-page--custom .form-item.full-width .form-item:nth-child(2), .form--full-page--custom .form-item.full-width .form-item:nth-child(3) {
            margin-top: 0; }
    .form--full-page--custom .form-actions {
      min-width: 100%; } }
  @media print {
    .form--full-page--custom form {
      overflow: hidden; }
      .form--full-page--custom form .form-msg p {
        font-size: 3.4rem;
        line-height: 3.6rem;
        margin-bottom: 0; }
    .form--full-page--custom .form-content,
    .form--full-page--custom form[class^='webform'] {
      position: relative;
      margin-left: -1px;
      margin-right: -1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .form--full-page--custom .form-item {
      min-width: calc(50% + 1px);
      max-width: 418px;
      border-right: 1px solid var(--sra-border-color);
      border-left: 1px solid var(--sra-border-color);
      margin-left: -1px; }
      .form--full-page--custom .form-item.form-type-textarea {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        border-right: 0;
        border-left: 0; }
      .form--full-page--custom .form-item .form-item {
        border-right: 0;
        border-left: 0; }
      .form--full-page--custom .form-item.full-width {
        left: auto;
        right: auto;
        min-width: 100%;
        max-width: 100%;
        border-right: 0;
        margin: 0; }
        .form--full-page--custom .form-item.full-width legend {
          max-width: 50%;
          padding-right: 32px; }
        .form--full-page--custom .form-item.full-width .fieldset-wrapper:after {
          content: "";
          display: table;
          clear: both; }
        .form--full-page--custom .form-item.full-width .form-item {
          min-width: 0;
          width: 33.33%;
          float: left;
          margin-top: 15px; }
          .form--full-page--custom .form-item.full-width .form-item:nth-child(1), .form--full-page--custom .form-item.full-width .form-item:nth-child(2), .form--full-page--custom .form-item.full-width .form-item:nth-child(3) {
            margin-top: 0; }
    .form--full-page--custom .form-actions {
      min-width: 100%; } }
  @media screen and (min-width: 1280px) {
    .form--full-page--custom form .form-item {
      max-width: 516px; }
    .form--full-page--custom form .form-msg p {
      font-size: 3.6rem;
      line-height: 4.2rem; } }
  @media print {
    .form--full-page--custom form .form-item {
      max-width: 516px; }
    .form--full-page--custom form .form-msg p {
      font-size: 3.6rem;
      line-height: 4.2rem; } }

/*
Cards

Cards are used across the site.

Styleguide 17.0
*/
.card {
  background-color: #fefefe;
  min-width: 256px;
  position: relative;
  width: 256px; }
  .card a {
    text-decoration: none; }
    .card a:focus, .card a:hover {
      text-decoration: underline; }
  .card__content {
    padding: 20px 20px 50px; }
  .card--profile .card__image {
    position: relative;
    z-index: 1;
    height: 140px; }
    .card--profile .card__image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.25); }
    .card--profile .card__image.overlay-hidden:after {
      opacity: 0; }
    .card--profile .card__image .default-avatar {
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-gray.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
      bottom: 0;
      height: 65%;
      left: 0;
      margin: auto;
      max-height: 120px;
      max-width: 110px;
      position: absolute;
      right: 0;
      top: 0;
      width: 50%; }
  .card__date {
    font-family: "gibson-light", sans-serif;
    color: #E71324;
    font-size: 12rem;
    line-height: 12rem;
    margin-bottom: 10px; }
  .card__month-year {
    font-family: "gibson-regular", sans-serif;
    font-size: 1rem;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .card__time, .card__location {
    font-family: "gibson-semibold", sans-serif;
    color: #6D2077;
    font-size: 1.2rem;
    text-transform: uppercase; }
  .card__location {
    padding-bottom: 11px; }
  .card__title {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 1.3rem; }
    .card--graphic .card__title {
      left: 20px;
      position: absolute;
      right: 20px;
      top: 50%; }
  .card__name, .card__job-title {
    text-align: center; }
  .card__name {
    font-family: "gibson-regular", sans-serif;
    font-size: 2rem;
    padding-bottom: 10px; }
  .card__job-title {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    color: var(--sra-text-gray-color);
    margin-bottom: 1rem; }
  .card__decoration {
    background-color: #f6eaf1;
    border-radius: 100%;
    height: 80px;
    left: 50%;
    position: absolute;
    top: calc(50% - 20px);
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
    width: 80px; }
  .card__graphic {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
    .card--graphic--arm .card__graphic {
      position: absolute;
      display: block;
      height: 40px;
      width: 28px;
      pointer-events: none; }
      .card--graphic--arm .card__graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ArmsHands.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .card--graphic--face .card__graphic {
      position: absolute;
      display: block;
      height: 40px;
      width: 36px;
      pointer-events: none; }
      .card--graphic--face .card__graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-yellow.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
  .card__label, .card__type {
    font-family: "gibson-regular", sans-serif;
    color: var(--sra-gray);
    font-size: 1.2rem;
    letter-spacing: .18rem;
    text-transform: uppercase; }
  .card__label {
    text-align: center; }
  .card__type {
    bottom: 120px;
    left: 20px;
    right: 20px; }
    .card__type strong {
      font-family: "gibson-semibold", sans-serif;
      font-weight: normal; }
  .card__profile-link {
    font-family: "gibson-light", sans-serif;
    font-size: 1.6rem;
    letter-spacing: .015rem;
    text-transform: lowercase;
    text-decoration: underline !important;
    width: 142px; }
  .card__tools {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 20px;
    position: absolute;
    right: 20px; }
    .card__tools .social__toggle:before {
      font-size: 2rem; }
  .card__calendar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .card__calendar a {
      color: var(--sra-text-gray-color);
      font-size: 1.2rem;
      text-decoration: underline; }
  .card__connect {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .card__tag {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.015em;
    color: var(--sra-tag-color);
    position: relative;
    margin: 0;
    text-transform: capitalize;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 110px; }
    .card__tag i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.1rem; }
      .card__tag i:before {
        color: var(--sra-tag-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 3.4rem;
        text-decoration: none; }
      .card__tag i:hover:before {
        text-decoration: none; }
      .card__tag i:before {
        line-height: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .card__tag {
        font-size: 1.4rem; } }
    @media print {
      .card__tag {
        font-size: 1.4rem; } }
    .card__tag--circle {
      line-height: 40px;
      padding-left: 44px;
      position: relative; }
      .card__tag--circle:before {
        background-color: #f8eff5;
        border-radius: 100%;
        content: "";
        display: block;
        height: 40px;
        left: 0;
        position: absolute;
        top: 0;
        width: 40px; }
  .card .social__wrapper {
    text-align: right; }
  .card__download {
    height: 24px;
    overflow: hidden;
    padding-left: 24px;
    position: relative;
    width: 24px;
    text-decoration: none; }
    .card__download:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .card__download:hover:before {
      text-decoration: none; }
    .card__download:before {
      left: 0;
      position: absolute;
      top: 0; }
  .dashboard__cards--block .card {
    margin-bottom: 32px; }
    .dashboard__cards--block .card:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 1024px) {
      .dashboard__cards--block .card {
        margin-right: 32px; }
        .dashboard__cards--block .card:last-child {
          margin-bottom: 32px; } }
    @media print {
      .dashboard__cards--block .card {
        margin-right: 32px; }
        .dashboard__cards--block .card:last-child {
          margin-bottom: 32px; } }
    @media screen and (min-width: 1280px) {
      .dashboard__cards--block .card {
        margin-bottom: 40px;
        margin-right: 40px; }
        .dashboard__cards--block .card:last-child {
          margin-bottom: 40px; } }
    @media print {
      .dashboard__cards--block .card {
        margin-bottom: 40px;
        margin-right: 40px; }
        .dashboard__cards--block .card:last-child {
          margin-bottom: 40px; } }
  .card--life-center .card__title {
    font-size: 2.2rem;
    line-height: 2.8rem; }
  .card--life-center .card__media-type {
    font-family: "gibson-regular", sans-serif;
    bottom: 120px;
    color: #6E6259;
    font-size: 1.2rem;
    left: 20px;
    letter-spacing: .18em;
    position: absolute;
    right: 20px;
    text-transform: uppercase; }
    .card--life-center .card__media-type h4 {
      font-family: "gibson-semibold", sans-serif;
      display: inline;
      font-size: 1.2rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
      .card--life-center .card__media-type h4:after {
        content: ":"; }
  .card__middle {
    font-family: "gibson-regular", sans-serif;
    letter-spacing: .18rem; }
    .card__middle,
    .card__middle * {
      color: #6E6259;
      display: inline-block;
      font-size: 1.2rem;
      line-height: 2.2rem;
      text-transform: uppercase; }
    .card__middle strong {
      font-family: "gibson-semibold", sans-serif; }
    .card__middle .card__line {
      display: block; }
    .card__middle .card-date {
      letter-spacing: .15rem; }
  .card__cart {
    font-family: "gibson-light", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-decoration: underline;
    text-transform: lowercase; }

.shopify-product .card,
.cards__wrapper .shopify-product .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  min-height: 386px; }
  .shopify-product .card__content,
  .cards__wrapper .shopify-product .card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: calc(100% - 140px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    min-height: calc(100% - 140px);
    padding-bottom: 0; }
  .shopify-product .card__title,
  .cards__wrapper .shopify-product .card__title {
    margin-bottom: 2rem; }
  .shopify-product .card__middle,
  .cards__wrapper .shopify-product .card__middle {
    margin-bottom: 2rem; }
  .shopify-product .card__tools,
  .cards__wrapper .shopify-product .card__tools {
    bottom: auto;
    left: auto;
    padding-bottom: 20px;
    position: relative;
    right: auto;
    top: auto; }

/*
Card with Image

A card with an image

markup:
<div class="card">
  <div class="card__image">
    <img src="../images/fpo_images/card.jpg" />
  </div>
  <div class="card__content">
    <a class="card__title">Zac Vawter's Story</a>
    <div class="card__tools">
      <div class="card__tag">Patient Story</div>
      <div class="card__flag">
        <button class="content-flag content-flag--tiny [modifier class]">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        <button>
      </div>
      <div class="card__share">
        <div class="social__wrapper social__wrapper--collapsed">
          <button class="social__toggle js-dialog">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Open for Social Menu</span>
          </button>
          <div class="social js-hide js-dialog-content">
            <button class="social-toggle--close">
              <i aria-hidden="true"></i>
              <span class="show-for-sr">Close Social Menu</span>
            </button>
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="">
                  <i class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 17.1
*/
/*
Card with Event

A card with an event

markup:
<div class="card card--event">
  <div class="card__content">
    <div class="card__date">19</div>
    <div class="card__month-year">Oct 2016</div>
    <div class="card__time">1:00pm —</div>
    <div class="card__location">lurie center</div>
    <a class="card__title">Campbell Marathon</a>
    <div class="card__tools">
      <p class="card__tag">Patient Story</p>
      <button class="flag content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      </button>
      <div class="social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
        <div class="social js-hide js-dialog-content">
          <button class="social-toggle--close">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Close Social Menu</span>
          </button>
          <p class="social__cta">share</p>
          <ul class="social__items">
            <li class="social__item">
              <a href="">
                <i class="icon--facebook" aria-hidden="true"></i>
                <span class="show-for-sr">facebook</span>
              </a>
            </li>
            <li class="social__item">
              <a href="">
                <i class="icon--twitter" aria-hidden="true"></i>
                <span class="show-for-sr">twitter</span>
              </a>
            </li>
            <li class="social__item">
              <a href="">
                <i class="icon--google" aria-hidden="true"></i>
                <span class="show-for-sr">google plus</span>
              </a>
            </li>
            <li class="social__item">
              <a href="">
                <i class="icon--mail" aria-hidden="true"></i>
                <span class="show-for-sr">email</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 17.2
*/
.card--event {
  text-align: left; }
  .card--event .card__time {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 2px; }
  .card--event .addtocal-container {
    position: absolute;
    bottom: 12px;
    float: none;
    margin: 0; }
  .card--event:has(.addtocal-container) .card__tag {
    text-align: right; }
  .card--event .card__content {
    height: 100%; }
  .card--event .card__month-year {
    color: #6D2077;
    display: block;
    font-size: 1.2rem;
    letter-spacing: .0055em;
    line-height: 1.8rem;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .card--event .card__title {
    font-size: 1.4rem;
    letter-spacing: .001em;
    line-height: 1.8rem;
    margin-bottom: 0; }
  .card--event .card__tag,
  .card--event .flag,
  .card--event .social__wrapper {
    display: inline-block;
    vertical-align: middle; }
  .card--event .social__wrapper {
    text-align: right; }
    .card--event .social__wrapper .social {
      text-align: left; }
  .card--event .card__tag {
    width: auto;
    text-align: left; }

/*
Card with Media

A card with media

markup:
<div class="card card--media">
  <div class="card__content">
    <a class="card__title">Merck Manual of Medical Information</a>
    <div class="card__type"><strong>MEDIA TYPE:</strong> SURVEY</div>
    <div class="card__tools">
      <div class="card__tag card__tag--circle">LifeCenter</div>
      <div class="card__flag">
        <button class="content-flag content-flag--tiny [modifier class]">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        <button>
      </div>
      <a class="card__download">Download</a>
      <div class="card__share">
        <div class="social__wrapper social__wrapper--collapsed">
          <button class="social__toggle js-dialog">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Open for Social Menu</span>
          </button>
          <div class="social js-hide js-dialog-content">
            <button class="social-toggle--close">
              <i aria-hidden="true"></i>
              <span class="show-for-sr">Close Social Menu</span>
            </button>
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="">
                  <i class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 17.3
*/
/*
Card with Graphic

A card with graphic

markup:
<div class="card card--graphic card--graphic--{{modifier_class}}">
  <div class="card__content">
    <div class="card__label">arms + hands lab</div>
    <div class="card__decoration">
      <div class="card__graphic"></div>
    </div>
    <a class="card__title">Comparing control of
upper limb prostheses with individuals who have TMR</a>
    <div class="card__tools">
      <div class="card__tag">Trials + Studies</div>
      <div class="card__connect">
        <div class="card__flag">
          <button class="content-flag content-flag--tiny [modifier class]">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">save</span>
          <button>
        </div>
        <div class="card__share">
          <div class="social__wrapper social__wrapper--collapsed">
            <button class="social__toggle js-dialog">
              <i aria-hidden="true"></i>
              <span class="show-for-sr">Open for Social Menu</span>
            </button>
            <div class="social js-hide js-dialog-content">
              <button class="social-toggle--close">
                <i aria-hidden="true"></i>
                <span class="show-for-sr">Close Social Menu</span>
              </button>
              <p class="social__cta">share</p>
              <ul class="social__items">
                <li class="social__item">
                  <a href="">
                    <i class="icon--facebook" aria-hidden="true"></i>
                    <span class="show-for-sr">facebook</span>
                  </a>
                </li>
                <li class="social__item">
                  <a href="">
                    <i class="icon--twitter" aria-hidden="true"></i>
                    <span class="show-for-sr">twitter</span>
                  </a>
                </li>
                <li class="social__item">
                  <a href="">
                    <i class="icon--google" aria-hidden="true"></i>
                    <span class="show-for-sr">google plus</span>
                  </a>
                </li>
                <li class="social__item">
                  <a href="">
                    <i class="icon--mail" aria-hidden="true"></i>
                    <span class="show-for-sr">email</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.arm     - an icon
.face    - an icon

Styleguide 17.4
*/
/*
Card with Profile

A card with profile

markup:
<div class="card card--profile">
  <div class="card__image">
    <img src="../images/fpo_images/card_profile.jpg" />
  </div>
  <div class="card__content">
    <div class="card__name">Todd Kuiken, MD, PhD</div>
    <div class="card__job-title">Director, Center for Bionic Medicine</div>
    <div class="card__tools">
      <a class="card__profile-link">View Profile</a>
      <div class="card__flag">
        <button class="content-flag content-flag--tiny [modifier class]">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        <button>
      </div>
      <div class="card__share">
        <div class="social__wrapper social__wrapper--collapsed">
          <button class="social__toggle js-dialog">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Open for Social Menu</span>
          </button>
          <div class="social js-hide js-dialog-content">
            <button class="social-toggle--close">
              <i aria-hidden="true"></i>
              <span class="show-for-sr">Close Social Menu</span>
            </button>
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="">
                  <i class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="">
                  <i class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 17.5
*/
/*
Card with tweet

A card with a tweet.

markup:
<div class="card card--tweet">
  <span class="card--tweet__default-img"></span>
  <div class="card__content">
    <p class="card--tweet__text">
      Vestibulum id ligula porta felis <a href="#">euismod semper</a>.
    </p>
    <a href="#" class="card--tweet__handle">@twitterHandle</a>
  </div>
  <ul class="twitter-actions">
    <li>
      <a class="reply" href="#" title="reply" target="_blank">
        reply
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 72">
          <path d="M41 31h-9V19c0-1.14-.647-2.183-1.668-2.688-1.022-.507-2.243-.39-3.15.302l-21 16C5.438 33.18 5 34.064 5 35s.437 1.82 1.182 2.387l21 16c.533.405 1.174.613 1.82.613.453 0 .908-.103 1.33-.312C31.354 53.183 32 52.14 32 51V39h9c5.514 0 10 4.486 10 10 0 2.21 1.79 4 4 4s4-1.79 4-4c0-9.925-8.075-18-18-18z"/>
        </svg>
      </a>
    </li>
    <li>
      <a class="retweet" href="#" title="retweet" target="_blank">
        retweet
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 72">
          <path d="M70.676 36.644C70.166 35.636 69.13 35 68 35h-7V19c0-2.21-1.79-4-4-4H34c-2.21 0-4 1.79-4 4s1.79 4 4 4h18c.552 0 .998.446 1 .998V35h-7c-1.13 0-2.165.636-2.676 1.644-.51 1.01-.412 2.22.257 3.13l11 15C55.148 55.545 56.046 56 57 56s1.855-.455 2.42-1.226l11-15c.668-.912.767-2.122.256-3.13zM40 48H22c-.54 0-.97-.427-.992-.96L21 36h7c1.13 0 2.166-.636 2.677-1.644.51-1.01.412-2.22-.257-3.13l-11-15C18.854 15.455 17.956 15 17 15s-1.854.455-2.42 1.226l-11 15c-.667.912-.767 2.122-.255 3.13C3.835 35.365 4.87 36 6 36h7l.012 16.003c.002 2.208 1.792 3.997 4 3.997h22.99c2.208 0 4-1.79 4-4s-1.792-4-4-4z"/>
        </svg>
      </a>
    </li>
    <li>
      <a class="like" href="#" title="like" target="_blank">
        like
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 72">
          <path d="M38.723,12c-7.187,0-11.16,7.306-11.723,8.131C26.437,19.306,22.504,12,15.277,12C8.791,12,3.533,18.163,3.533,24.647 C3.533,39.964,21.891,55.907,27,56c5.109-0.093,23.467-16.036,23.467-31.353C50.467,18.163,45.209,12,38.723,12z"/>
        </svg>
      </a>
    </li>
  </ul>
</div>

Styleguide 17.6
*/
.card--tweet {
  text-align: center; }
  .cards__wrapper .card--tweet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .card--tweet__default-img {
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    height: 144px; }
    .card--tweet__default-img:before {
      color: var(--sra-gray);
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 7rem;
      text-decoration: none; }
    .card--tweet__default-img:hover:before {
      text-decoration: none; }
    .card--tweet__default-img:before {
      position: absolute;
      width: 6.2rem;
      height: 7.2rem;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto; }
  .card--tweet .card__content {
    white-space: pre-wrap; }
  .card--tweet__text {
    font-family: "gt-sectra-fine", serif;
    display: block;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .015em;
    white-space: pre-wrap;
    word-break: break-word; }
    .card--tweet__text a {
      display: inline-block;
      color: #E71324;
      text-decoration: underline;
      white-space: pre-wrap;
      word-break: break-all;
      word-break: break-word; }
      .card--tweet__text a:hover {
        color: #0a0a0a; }
      .card--tweet__text a span {
        word-break: break-all;
        word-break: break-word; }
  .card--tweet__handle {
    font-family: "gibson-regular", sans-serif;
    display: inline-block;
    color: var(--sra-gray);
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-decoration: none;
    margin-top: 35px; }
    .card--tweet__handle:hover {
      color: #E71324; }
  .card--tweet .twitter-actions {
    margin-bottom: 15px; }
  @media screen and (min-width: 672px) {
    .cards__wrapper .card--tweet {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media print {
    .cards__wrapper .card--tweet {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

/*
Packages

Packages are the larger groups of content that can be added to a page. They can
have various styles. Three-up, two, etc.

Styleguide 11.0
*/
.package {
  padding: 0 32px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (min-width: 672px) {
    .package {
      padding: 0 55px; } }
  @media print {
    .package {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .package {
      padding: 0 88px; } }
  @media print {
    .package {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .package {
      padding: 0 120px; } }
  @media print {
    .package {
      padding: 0 120px; } }
  .page-body .package {
    padding-left: 0;
    padding-right: 0; }
  @media screen and (min-width: 672px) {
    .package {
      margin-top: 50px;
      margin-bottom: 50px; } }
  @media print {
    .package {
      margin-top: 50px;
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    .package {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media print {
    .package {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (min-width: 1280px) {
    .package {
      margin-top: 80px;
      margin-bottom: 80px; } }
  @media print {
    .package {
      margin-top: 80px;
      margin-bottom: 80px; } }
  .package.package--featured-research {
    margin-top: 0;
    margin-bottom: 0; }
  .package h4 {
    text-transform: none; }

/*
Package -- Three Up.

A three-up arrangement of patient profile teasers.

markup:
<div class="main">
  <section class="package package--three-up">
    <h2 class="section-title">Three Up Title</h2>
    <p class="section-subtitle">Subtitle secion: Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
    <div class="package__items">
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Patient Name</h4>
        <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        <a href="#" class="cta-link">read more</a>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Patient Name</h4>
        <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        <a href="#" class="cta-link">read more</a>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Patient Name</h4>
        <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        <a href="#" class="cta-link">read more</a>
      </div>
    </div>
    <a class="cta-button" href="#">View All</a>
  </section>
</div>

Styleguide 11.1
*/
.package--three-up {
  text-align: center; }
  .package--three-up .package__item__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 18px 0 0;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .002em; }
    .package--three-up .package__item__title a {
      text-decoration: none; }
  .package--three-up .package__item__meta {
    margin-top: 12px; }
  .package--three-up .package__item__meta > div,
  .package--three-up .content-flag,
  .package--three-up .taxonomy-tag {
    display: inline-block;
    vertical-align: middle; }
  .package--three-up .taxonomy-tag {
    margin-right: 1rem; }
  @media screen and (min-width: 1024px) {
    .package--three-up .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--three-up .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .package--three-up .package__item__title {
      margin-top: 25px; }
    .package--three-up .package__item__meta {
      margin-top: 20px; }
    .package--three-up .cta-button,
    .package--three-up .cta-link {
      margin-top: 25px; } }
  @media print {
    .package--three-up .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--three-up .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .package--three-up .package__item__title {
      margin-top: 25px; }
    .package--three-up .package__item__meta {
      margin-top: 20px; }
    .package--three-up .cta-button,
    .package--three-up .cta-link {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .package--three-up .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--three-up .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--three-up .taxonomy-tag {
      margin-right: 2rem; } }
  @media print {
    .package--three-up .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--three-up .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--three-up .taxonomy-tag {
      margin-right: 2rem; } }
  .page-body .package--three-up {
    padding: 0; }
  .package--three-up .package__item {
    margin-top: 40px;
    text-align: center; }
    .package--three-up .package__item:first-child {
      margin-top: 0; }
    .package--three-up .package__item img {
      width: 100%;
      height: auto; }
    .package--three-up .package__item__title {
      font-family: "gibson-semibold", sans-serif;
      margin: 18px 0 0;
      color: #0a0a0a;
      font-size: 1.8rem;
      line-height: 2.4rem;
      letter-spacing: .002em;
      text-transform: none; }
    .package--three-up .package__item p, .package--three-up .package__item__descript {
      font-family: "gt-sectra-fine", serif;
      margin-top: 12px;
      color: var(--sra-gray);
      font-size: 1.4rem;
      line-height: 2rem;
      letter-spacing: .0015em; }
    .package--three-up .package__item .cta-link {
      display: inline-block;
      margin-top: 25px; }
  @media screen and (min-width: 1024px) {
    .package--three-up .package__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 0; }
      .package--three-up .package__item__title {
        margin: 28px 0 0;
        font-size: 2.4rem;
        line-height: 3.2rem; }
      .package--three-up .package__item p, .package--three-up .package__item__descript {
        margin: 20px 0;
        font-size: 1.6rem;
        line-height: 2.4rem; }
      .package--three-up .package__item .cta-link {
        margin-top: auto; } }
  @media print {
    .package--three-up .package__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 0; }
      .package--three-up .package__item__title {
        margin: 28px 0 0;
        font-size: 2.4rem;
        line-height: 3.2rem; }
      .package--three-up .package__item p, .package--three-up .package__item__descript {
        margin: 20px 0;
        font-size: 1.6rem;
        line-height: 2.4rem; }
      .package--three-up .package__item .cta-link {
        margin-top: auto; } }
  @media screen and (min-width: 1280px) {
    .package--three-up .package__item__title {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .package--three-up .package__item p, .package--three-up .package__item__descript {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media print {
    .package--three-up .package__item__title {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .package--three-up .package__item p, .package--three-up .package__item__descript {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

/*
Package -- Three Up with an Large Header Image.

Almost the same as a three up, but with an image styled similar to a header image.
The image does NOT have the same aspect ratio as a header.

markup:
<div class="main">
  <section class="package package--three-up package--three-up-w-header">
    <header class="header">
      <h2 class="section-title">
        Visit Us
      </h2>
      <p class="section-subtitle">
         AbilityLab has over 30 locations throughout Chicago. The AbilityLab flagship hospital is located in the Streeterville neighborhood of downtown Chicago.
      </p>
      <a class="cta-button" href="#">see all chicago locations</a>
      <img src="http://www.fillmurray.com/1280/640" />
    </header>
    <div class="package__body">
      <div class="package__items">
        <div class="package__item">
          <h4 class="package__item__title">Patient Name</h4>
          <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
          <a href="#" class="cta-link">read more</a>
        </div>
        <div class="package__item">
          <h4 class="package__item__title">Patient Name</h4>
          <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
          <a href="#" class="cta-link">read more</a>
        </div>
        <div class="package__item">
          <h4 class="package__item__title">Patient Name</h4>
          <p class="package__item__descript">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
          <a href="#" class="cta-link">read more</a>
        </div>
      </div>
    </div>
  </section>
</div>

Styleguide 11.10
*/
.package--three-up-w-header {
  padding: 0; }
  .package--three-up-w-header .header .section-title,
  .package--three-up-w-header .header .section-subtitle {
    padding: 0 32px; }
    @media screen and (min-width: 672px) {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 55px; } }
    @media print {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 88px; } }
    @media print {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 120px; } }
    @media print {
      .package--three-up-w-header .header .section-title,
      .package--three-up-w-header .header .section-subtitle {
        padding: 0 120px; } }
  .package--three-up-w-header .header .section-subtitle {
    margin-bottom: 0; }
  .package--three-up-w-header .header .cta-button {
    margin-top: 25px; }
  .package--three-up-w-header .header img {
    width: 100%;
    margin-top: 40px; }
  .package--three-up-w-header .package__body {
    padding: 0 12px;
    margin: 0 20px;
    position: relative;
    padding-top: 30px;
    margin-top: -30px;
    background-color: #fefefe; }
    @media screen and (min-width: 672px) {
      .package--three-up-w-header .package__body {
        padding: 0 25px; } }
    @media print {
      .package--three-up-w-header .package__body {
        padding: 0 25px; } }
    @media screen and (min-width: 1024px) {
      .package--three-up-w-header .package__body {
        padding: 0 48px; } }
    @media print {
      .package--three-up-w-header .package__body {
        padding: 0 48px; } }
    @media screen and (min-width: 1280px) {
      .package--three-up-w-header .package__body {
        padding: 0 70px; } }
    @media print {
      .package--three-up-w-header .package__body {
        padding: 0 70px; } }
    @media screen and (min-width: 672px) {
      .package--three-up-w-header .package__body {
        margin: 0 30px; } }
    @media print {
      .package--three-up-w-header .package__body {
        margin: 0 30px; } }
    @media screen and (min-width: 1024px) {
      .package--three-up-w-header .package__body {
        margin: 0 40px; } }
    @media print {
      .package--three-up-w-header .package__body {
        margin: 0 40px; } }
    @media screen and (min-width: 1280px) {
      .package--three-up-w-header .package__body {
        margin: 0 50px; } }
    @media print {
      .package--three-up-w-header .package__body {
        margin: 0 50px; } }
  .package--three-up-w-header .package__item {
    border-top: 1px solid var(--sra-border-color);
    padding-top: 40px; }
    .package--three-up-w-header .package__item:first-child {
      padding-top: 0;
      border-top: 0; }
      .package--three-up-w-header .package__item:first-child:before {
        display: none; }
  .package--three-up-w-header:after {
    display: none; }
  .package--three-up-w-header .package__item__title {
    margin-top: 0; }
  @media screen and (min-width: 672px) {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .package__body {
        padding-top: 30px;
        margin-top: -30px; } }
  @media print {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .package__body {
        padding-top: 30px;
        margin-top: -30px; } }
  @media screen and (min-width: 1024px) {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .header .cta-button {
        margin-top: 35px; }
      .package--three-up-w-header .package__body {
        padding-top: 50px;
        margin-top: -60px; }
      .package--three-up-w-header .package__items {
        position: relative;
        z-index: 1;
        margin-left: -42px;
        margin-right: -42px; }
      .package--three-up-w-header .package__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 42px;
        padding-left: 42px;
        padding-top: 0;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
        .package--three-up-w-header .package__item:first-child {
          border-left: 0; }
        .package--three-up-w-header .package__item:last-child:before {
          display: none; } }
  @media print {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .header .cta-button {
        margin-top: 35px; }
      .package--three-up-w-header .package__body {
        padding-top: 50px;
        margin-top: -60px; }
      .package--three-up-w-header .package__items {
        position: relative;
        z-index: 1;
        margin-left: -42px;
        margin-right: -42px; }
      .package--three-up-w-header .package__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 42px;
        padding-left: 42px;
        padding-top: 0;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
        .package--three-up-w-header .package__item:first-child {
          border-left: 0; }
        .package--three-up-w-header .package__item:last-child:before {
          display: none; } }
  @media screen and (min-width: 1280px) {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .cta-button {
        margin-top: 45px; }
      .package--three-up-w-header .package__body {
        padding-top: 70px;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto; }
      .package--three-up-w-header .package__items {
        position: relative;
        z-index: 1;
        margin-left: -20px;
        margin-right: -20px; }
      .package--three-up-w-header .package__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 20px;
        padding-left: 20px; } }
  @media print {
    .package--three-up-w-header {
      padding: 0; }
      .package--three-up-w-header .cta-button {
        margin-top: 45px; }
      .package--three-up-w-header .package__body {
        padding-top: 70px;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto; }
      .package--three-up-w-header .package__items {
        position: relative;
        z-index: 1;
        margin-left: -20px;
        margin-right: -20px; }
      .package--three-up-w-header .package__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 20px;
        padding-left: 20px; } }

/*
Package -- Two Up.

Standard Two up. Find mixins and base styles for two-up packages in the _two-up.scss
partial.

markup:
<div class="main">
  <section class="package package--two-up">
    <h2 class="section-title">Standard Two Up</h2>
    <p class="section-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
    <div class="package__items">
      <div class="package__item">
        <img src="http://fpoimg.com/500x281?text=16:9" />
        <div class="package__item__content">
          <h4 class="package__item__title">Euismod Cras</h4>
          <p class="package__item__description">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
          <a class="cta-link" href="#">read more</a>
        </div>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/500x281?text=16:9" />
        <div class="package__item__content">
          <h4 class="package__item__title">Fringilla Adipiscing Cras Tellus Justo</h4>
          <p class="package__item__description">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <a class="cta-link" href="#">read more</a>
        </div>
      </div>
    </div>
    <a class="cta-button" href="#">view all</a>
  </section>
</div>

Styleguide 11.2
*/
.package--two-up {
  margin: 50px 0;
  text-align: center; }
  .package--two-up .section-title,
  .package--two-up .section-subtitle {
    text-align: center; }
  .package--two-up .package__item {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1; }
    .package--two-up .package__item:last-child {
      margin-top: 40px; }
    .package--two-up .package__item img {
      width: 100%; }
    .package--two-up .package__item__title {
      font-family: "gibson-semibold", sans-serif;
      margin-top: 18px;
      color: #0a0a0a;
      font-size: 1.8rem;
      letter-spacing: .002em;
      line-height: 2.4rem; }
    .package--two-up .package__item__description {
      font-family: "gt-sectra-fine", serif;
      margin-top: 12px;
      color: var(--sra-text-lg-color);
      font-size: 1.4rem;
      letter-spacing: .0015em;
      line-height: 2rem; }
    .package--two-up .package__item__content a {
      font-family: 'gibson-light', sans-serif;
      color: #0a0a0a;
      font-size: 1.6rem;
      font-style: normal;
      letter-spacing: 0.015em;
      text-decoration: underline;
      text-transform: lowercase;
      -webkit-transition: all .15s;
      transition: all .15s; }
      .package--two-up .package__item__content a:visited, .package--two-up .package__item__content a:active {
        color: #0a0a0a; }
      .package--two-up .package__item__content a:hover, .package--two-up .package__item__content a:focus {
        color: #E71324; }
    .package--two-up .package__item__content .package__item__title a {
      font-family: "gibson-semibold", sans-serif;
      margin: 0;
      color: #0a0a0a;
      font-size: 1.8rem;
      letter-spacing: .002em;
      line-height: 2.4rem;
      text-decoration: none;
      text-transform: capitalize; }
      .package--two-up .package__item__content .package__item__title a:hover, .package--two-up .package__item__content .package__item__title a:focus {
        color: #E71324; }
  .package--two-up .package__item__content a,
  .package--two-up .cta-button,
  .package--two-up .cta-link {
    display: inline-block;
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .package--two-up {
      margin: 80px 0 60px; }
      .package--two-up .package__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
      .package--two-up .package__item {
        width: calc(((100% - 50%) / 2) - (32px * 2) / 2);
        margin-right: 32px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .package--two-up .package__item:last-child {
          margin-right: 0; }
        .package--two-up .package__item:last-child {
          margin-top: 0; }
        .package--two-up .package__item__description {
          margin-top: 20px;
          font-size: 1.6rem;
          line-height: 2.4rem; }
        .package--two-up .package__item__content .package__item__title {
          margin-top: 28px;
          font-size: 3rem;
          letter-spacing: .002em;
          line-height: 3.6rem; }
          .package--two-up .package__item__content .package__item__title a {
            font-size: 3rem;
            letter-spacing: .002em;
            line-height: 3.6rem; }
      .package--two-up .cta-button,
      .package--two-up .cta-link {
        margin-top: 25px; } }
  @media print {
    .package--two-up {
      margin: 80px 0 60px; }
      .package--two-up .package__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
      .package--two-up .package__item {
        width: calc(((100% - 50%) / 2) - (32px * 2) / 2);
        margin-right: 32px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .package--two-up .package__item:last-child {
          margin-right: 0; }
        .package--two-up .package__item:last-child {
          margin-top: 0; }
        .package--two-up .package__item__description {
          margin-top: 20px;
          font-size: 1.6rem;
          line-height: 2.4rem; }
        .package--two-up .package__item__content .package__item__title {
          margin-top: 28px;
          font-size: 3rem;
          letter-spacing: .002em;
          line-height: 3.6rem; }
          .package--two-up .package__item__content .package__item__title a {
            font-size: 3rem;
            letter-spacing: .002em;
            line-height: 3.6rem; }
      .package--two-up .cta-button,
      .package--two-up .cta-link {
        margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .package--two-up {
      margin-top: 90px;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
      .package--two-up .package__item {
        width: calc(((100% - 50%) / 2) - (40px * 2) / 2);
        margin-right: 40px; }
        .package--two-up .package__item:last-child {
          margin-right: 0; }
        .package--two-up .package__item__description {
          font-size: 1.8rem; } }
  @media print {
    .package--two-up {
      margin-top: 90px;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
      .package--two-up .package__item {
        width: calc(((100% - 50%) / 2) - (40px * 2) / 2);
        margin-right: 40px; }
        .package--two-up .package__item:last-child {
          margin-right: 0; }
        .package--two-up .package__item__description {
          font-size: 1.8rem; } }

/*
Package -- One up.

markup:
<div class="main">
  <section class="package package--one-up">
    <div class="package__items">
      <div class="package__item">
        <h2 class="section-title">About our Care</h2>
        <span class="section-subtitle">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</span>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/520x293?text=16:9" />
      </div>
    </div>
    <div class="package__item__content">
      <h4 class="package__item__title">For more about spinal service</h4>
      <a class="cta-button" href="#">learn more</a>
    </div>
  </section>
  <section class="package package--one-up package--one-up--no-image">
    <h2 class="section-title">About our Care</h2>
    <div class="package__items">
      <div class="package__item">
        <span class="section-subtitle">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</span>
      </div>
      <div class="package__item">
        <h4 class="package__item__title">For more about spinal service</h4>
        <a class="cta-button" href="#">learn more</a>
      </div>
    </div>
  </section>
</div>

Styleguide 11.3
*/
.package--one-up {
  position: relative;
  z-index: 1;
  margin: 50px 0;
  padding: 50px 0;
  border-top: 1px solid var(--sra-border-color);
  overflow: hidden; }
  .package--one-up:before, .package--one-up:after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    z-index: 1; }
  .package--one-up:before {
    top: -20px;
    right: -80px;
    height: 190px;
    width: 200px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-short-blue.svg); }
  .package--one-up:after {
    bottom: -150px;
    right: 0;
    height: 270px;
    width: 790px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-long-blue.svg); }
  .package--one-up .package__items {
    position: relative;
    z-index: 2; }
  .package--one-up .package__item img {
    width: 100%; }
  .package--one-up .section-title,
  .package--one-up .section-subtitle,
  .package--one-up .section-subtitle p,
  .package--one-up .package__item__title {
    text-align: left; }
  .package--one-up .section-subtitle {
    margin-bottom: 35px; }
    .package--one-up .section-subtitle p {
      margin-bottom: 1rem; }
      .package--one-up .section-subtitle p:last-child {
        margin-bottom: 0; }
  .package--one-up .package__item__title {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin: 28px 0 0;
    font-size: 2.4rem;
    line-height: 2.6rem; }
  .package--one-up .package__item__content {
    position: relative;
    z-index: 2; }
    .package--one-up .package__item__content a:last-child {
      font-family: 'gibson-regular', sans-serif;
      background-color: transparent;
      border: 1px solid #E71324;
      border-radius: 8px;
      color: #E71324;
      cursor: pointer;
      display: inline-block;
      font-size: 1.25rem;
      letter-spacing: 0.015em;
      line-height: 50px;
      margin: 0;
      padding: 0 50px;
      position: relative;
      vertical-align: bottom;
      width: auto;
      height: 50px;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: all 0.15s;
      transition: all 0.15s; }
      @media screen and (min-width: 64em) {
        .package--one-up .package__item__content a:last-child {
          white-space: nowrap; } }
      .package--one-up .package__item__content a:last-child:visited, .package--one-up .package__item__content a:last-child:active {
        background-color: transparent;
        color: #E71324; }
      .package--one-up .package__item__content a:last-child:hover, .package--one-up .package__item__content a:last-child:focus {
        background-color: #E71324;
        border: 1px solid #E71324;
        color: #fff;
        text-decoration: none; }
  .package--one-up .cta-button,
  .package--one-up .package__item__content a:last-child {
    display: inline-block;
    margin-top: 28px; }
  .package--one-up.package--one-up--no-image .cta-button {
    margin-top: 0;
    --sra-btn-fill-hover: #E71324;
    --sra-btn-color-hover: #fff;
    --sra-btn-border-hover: #E71324;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--sra-btn-fill);
    border: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
    box-shadow: 0 0 0 1px var(--sra-btn-border);
    color: var(--sra-btn-color);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'gibson-regular', sans-serif;
    font-size: 1.25rem;
    min-height: 48px;
    letter-spacing: 0.015em;
    line-height: 1;
    margin: 0;
    padding: 3px 2em 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
    transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
    width: auto; }
    @media screen and (min-width: 64em) {
      .package--one-up.package--one-up--no-image .cta-button {
        white-space: nowrap; } }
    .package--one-up.package--one-up--no-image .cta-button:hover, .package--one-up.package--one-up--no-image .cta-button:focus {
      background: var(--sra-btn-fill-hover);
      -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
      box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
      color: var(--sra-btn-color-hover); }
  .package--one-up.package--one-up--no-image .package__item__title + .cta-button {
    margin-top: 30px; }
  @media screen and (max-width: 1023px) {
    .package--one-up {
      text-align: center; }
      .package--one-up .package__item:first-child {
        padding: 0 12px;
        margin: 0 20px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up .package__item:first-child {
        padding: 0 25px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up .package__item:first-child {
        padding: 0 48px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up .package__item:first-child {
        padding: 0 70px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up .package__item:first-child {
        margin: 0 30px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up .package__item:first-child {
        margin: 0 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up .package__item:first-child {
        margin: 0 50px; } }
  @media screen and (max-width: 1023px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        padding: 0 12px;
        margin: 0 20px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        padding: 0 25px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        padding: 0 48px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        padding: 0 70px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        margin: 0 30px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        margin: 0 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up.package--one-up--no-image .package__item:last-child {
        margin: 0 50px; } }
  @media screen and (max-width: 1023px) {
      .package--one-up .package__item__content {
        padding: 0 12px;
        margin: 0 20px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up .package__item__content {
        padding: 0 25px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up .package__item__content {
        padding: 0 48px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up .package__item__content {
        padding: 0 70px; } }
    @media screen and (max-width: 1023px) and (min-width: 672px) {
      .package--one-up .package__item__content {
        margin: 0 30px; } }
    @media screen and (max-width: 1023px) and (min-width: 1024px) {
      .package--one-up .package__item__content {
        margin: 0 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 1280px) {
      .package--one-up .package__item__content {
        margin: 0 50px; } }
  @media screen and (min-width: 672px) {
    .package--one-up:before {
      top: -20px; }
    .package--one-up:after {
      right: 110px; }
    .package--one-up .cta-button,
    .package--one-up .package__item__content a:last-child {
      width: auto; } }
  @media print {
    .package--one-up:before {
      top: -20px; }
    .package--one-up:after {
      right: 110px; }
    .package--one-up .cta-button,
    .package--one-up .package__item__content a:last-child {
      width: auto; } }
  @media screen and (min-width: 1024px) {
    .package--one-up {
      margin: 60px 0;
      padding: 90px 0 60px; }
      .package--one-up:after {
        content: "";
        display: table;
        clear: both; }
      .package--one-up:before {
        top: 20px;
        width: 250px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        right: -50px; }
      .package--one-up:after {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        right: 190px;
        bottom: 100px;
        height: 240px;
        width: 1190px; }
      .package--one-up .section-title {
        margin-top: -1rem; }
      .package--one-up .section-subtitle {
        margin-bottom: 0;
        font-size: 2.8rem;
        line-height: 3.6rem; }
      .package--one-up .package__items {
        padding: 0 12px;
        margin: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media screen and (min-width: 1024px) and (min-width: 672px) {
      .package--one-up .package__items {
        padding: 0 25px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--one-up .package__items {
        padding: 0 48px; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .package--one-up .package__items {
        padding: 0 70px; } }
    @media screen and (min-width: 1024px) and (min-width: 672px) {
      .package--one-up .package__items {
        margin: 0 30px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--one-up .package__items {
        margin: 0 40px; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .package--one-up .package__items {
        margin: 0 50px; } }
  @media screen and (min-width: 1024px) {
      .package--one-up .package__item {
        width: 50%; }
        .package--one-up .package__item:first-child {
          padding-right: 32px; }
        .package--one-up .package__item:last-child {
          min-width: 416px;
          max-width: 416px; }
      .package--one-up .package__item__title {
        display: block; }
      .package--one-up .package__item__content {
        width: 416px;
        float: right;
        margin-top: 50px;
        margin-right: 95px; }
        .package--one-up .package__item__content:after {
          content: "";
          display: table;
          clear: both; }
      .package--one-up .cta-button,
      .package--one-up .package__item__title {
        display: block;
        float: left;
        width: 50%; }
      .package--one-up .package__item__title {
        margin: -5px 0 0;
        padding: 0 32px 0 0;
        font-size: 2rem;
        line-height: 2.6rem; }
      .package--one-up .cta-button,
      .package--one-up .package__item__content a:last-child {
        margin: 0;
        text-align: center;
        width: 50%;
        float: right;
        padding: 0; }
      .package--one-up.package--one-up--no-image .cta-button {
        margin-top: 0;
        padding: 0 50px; } }
  @media print {
    .package--one-up {
      margin: 60px 0;
      padding: 90px 0 60px; }
      .package--one-up:after {
        content: "";
        display: table;
        clear: both; }
      .package--one-up:before {
        top: 20px;
        width: 250px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        right: -50px; }
      .package--one-up:after {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        right: 190px;
        bottom: 100px;
        height: 240px;
        width: 1190px; }
      .package--one-up .section-title {
        margin-top: -1rem; }
      .package--one-up .section-subtitle {
        margin-bottom: 0;
        font-size: 2.8rem;
        line-height: 3.6rem; }
      .package--one-up .package__items {
        padding: 0 12px;
        margin: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media print {
      .package--one-up .package__items {
        padding: 0 25px; } }
    @media print {
      .package--one-up .package__items {
        padding: 0 48px; } }
    @media print {
      .package--one-up .package__items {
        padding: 0 70px; } }
    @media print {
      .package--one-up .package__items {
        margin: 0 30px; } }
    @media print {
      .package--one-up .package__items {
        margin: 0 40px; } }
    @media print {
      .package--one-up .package__items {
        margin: 0 50px; } }
  @media print {
      .package--one-up .package__item {
        width: 50%; }
        .package--one-up .package__item:first-child {
          padding-right: 32px; }
        .package--one-up .package__item:last-child {
          min-width: 416px;
          max-width: 416px; }
      .package--one-up .package__item__title {
        display: block; }
      .package--one-up .package__item__content {
        width: 416px;
        float: right;
        margin-top: 50px;
        margin-right: 95px; }
        .package--one-up .package__item__content:after {
          content: "";
          display: table;
          clear: both; }
      .package--one-up .cta-button,
      .package--one-up .package__item__title {
        display: block;
        float: left;
        width: 50%; }
      .package--one-up .package__item__title {
        margin: -5px 0 0;
        padding: 0 32px 0 0;
        font-size: 2rem;
        line-height: 2.6rem; }
      .package--one-up .cta-button,
      .package--one-up .package__item__content a:last-child {
        margin: 0;
        text-align: center;
        width: 50%;
        float: right;
        padding: 0; }
      .package--one-up.package--one-up--no-image .cta-button {
        margin-top: 0;
        padding: 0 50px; } }
  @media screen and (min-width: 1280px) {
    .package--one-up {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
      .package--one-up .section-title {
        margin-top: -.9rem; }
      .package--one-up .section-subtitle {
        font-size: 3.4rem;
        line-height: 4.2rem; }
      .package--one-up .package__item:first-child {
        padding-right: 40px; }
      .package--one-up .package__item:last-child {
        min-width: 520px;
        max-width: 520px; }
      .package--one-up .package__item__content {
        margin-top: 30px;
        width: 520px;
        margin-right: 120px; }
      .package--one-up .package__item__title {
        width: 55%;
        padding-right: 40px;
        font-size: 2.4rem;
        line-height: 3rem; }
      .package--one-up .cta-button,
      .package--one-up .package__item__content a:last-child {
        width: 45%; } }
  @media print {
    .package--one-up {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
      .package--one-up .section-title {
        margin-top: -.9rem; }
      .package--one-up .section-subtitle {
        font-size: 3.4rem;
        line-height: 4.2rem; }
      .package--one-up .package__item:first-child {
        padding-right: 40px; }
      .package--one-up .package__item:last-child {
        min-width: 520px;
        max-width: 520px; }
      .package--one-up .package__item__content {
        margin-top: 30px;
        width: 520px;
        margin-right: 120px; }
      .package--one-up .package__item__title {
        width: 55%;
        padding-right: 40px;
        font-size: 2.4rem;
        line-height: 3rem; }
      .package--one-up .cta-button,
      .package--one-up .package__item__content a:last-child {
        width: 45%; } }

.package--one-up--no-image .section-title {
  padding: 0 12px;
  margin: 0 20px;
  margin-bottom: 18px; }
  @media screen and (min-width: 672px) {
    .package--one-up--no-image .section-title {
      padding: 0 25px; } }
  @media print {
    .package--one-up--no-image .section-title {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .package--one-up--no-image .section-title {
      padding: 0 48px; } }
  @media print {
    .package--one-up--no-image .section-title {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .package--one-up--no-image .section-title {
      padding: 0 70px; } }
  @media print {
    .package--one-up--no-image .section-title {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .package--one-up--no-image .section-title {
      margin: 0 30px; } }
  @media print {
    .package--one-up--no-image .section-title {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .package--one-up--no-image .section-title {
      margin: 0 40px; } }
  @media print {
    .package--one-up--no-image .section-title {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .package--one-up--no-image .section-title {
      margin: 0 50px; } }
  @media print {
    .package--one-up--no-image .section-title {
      margin: 0 50px; } }

@media screen and (min-width: 672px) {
  .package--one-up--no-image .section-title {
    margin-bottom: 18px; } }

@media print {
  .package--one-up--no-image .section-title {
    margin-bottom: 18px; } }

@media screen and (min-width: 1024px) {
  .package--one-up--no-image {
    padding-bottom: 120px; }
    .package--one-up--no-image:after {
      bottom: 0; }
    .package--one-up--no-image .section-title {
      margin-bottom: 20px; }
    .package--one-up--no-image .package__items {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .package--one-up--no-image .package__item:first-child {
      width: 560px;
      min-width: 560px;
      max-width: 560px;
      padding-right: 64px; }
    .package--one-up--no-image .package__item:last-child {
      width: auto;
      min-width: 0;
      max-width: none; }
    .package--one-up--no-image .package__item__title,
    .package--one-up--no-image .cta-button {
      float: none;
      width: auto; }
    .package--one-up--no-image .package__item__title {
      margin-top: .9rem; }
    .package--one-up--no-image .cta-button {
      display: inline-block;
      width: auto;
      margin-top: 30px; } }

@media print {
  .package--one-up--no-image {
    padding-bottom: 120px; }
    .package--one-up--no-image:after {
      bottom: 0; }
    .package--one-up--no-image .section-title {
      margin-bottom: 20px; }
    .package--one-up--no-image .package__items {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .package--one-up--no-image .package__item:first-child {
      width: 560px;
      min-width: 560px;
      max-width: 560px;
      padding-right: 64px; }
    .package--one-up--no-image .package__item:last-child {
      width: auto;
      min-width: 0;
      max-width: none; }
    .package--one-up--no-image .package__item__title,
    .package--one-up--no-image .cta-button {
      float: none;
      width: auto; }
    .package--one-up--no-image .package__item__title {
      margin-top: .9rem; }
    .package--one-up--no-image .cta-button {
      display: inline-block;
      width: auto;
      margin-top: 30px; } }

@media screen and (min-width: 1280px) {
  .package--one-up--no-image .package__item:first-child {
    width: 720px;
    max-width: 720px;
    min-width: 720px;
    padding-right: 80px; } }

@media print {
  .package--one-up--no-image .package__item:first-child {
    width: 720px;
    max-width: 720px;
    min-width: 720px;
    padding-right: 80px; } }

/*
Package -- Abilitylabs.

The Abilitylab package contains an Innovation Center and 4 Ability Labs
associated with that Center.

**Note:** The illustrations here are FPO only.

markup:
<section class="package package--abilitylabs">
  <div class="package--abilitylabs__innovation-center">
    <div class="package--abilitylabs__img">
      <img src="#" />
    </div>
    <div class="package--abilitylabs__card-content">
      <h4>Brain Innovation Center</h4>
      <p>The entire Center is the largest of its kind in patient volume and staffing. This viberant facility offers the world’s best medical and nursing care, diagnostic support and translational neuroscience reserach.</p>
      <span class="graphic"></span>
    </div>
  </div>
  <div class="package--abilitylabs__items">
    <div class="package--abilitylabs__item arm-hand">
      <span class="graphic"></span>
      <h4>Arm & Hand Lab</h4>
      <p>Nullam quis risus eget urna mollis ornare vel eu leo.</p>
      <a href="#">learn more</a>
    </div>
    <div class="package--abilitylabs__item">
      <span class="graphic"></span>
      <h4>Leg & Walking Lab</h4>
      <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
      <a href="#">learn more</a>
    </div>
    <div class="package--abilitylabs__item">
      <span class="graphic"></span>
      <h4>Strength & Endurance Labs</h4>
      <p>Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <a href="#">learn more</a>
    </div>
    <div class="package--abilitylabs__item">
      <span class="graphic"></span>
      <h4>Think & Speak Lab</h4>
      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
      <a href="#">learn more</a>
    </div>
  </div>
</section>

Styleguide 11.9
*/
.package--abilitylabs {
  width: 80%;
  margin: 50px auto;
  padding: 0; }
  .package--abilitylabs__innovation-center {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    text-align: center; }
    .package--abilitylabs__innovation-center .graphic {
      position: absolute;
      display: block;
      height: 8px;
      width: 60px;
      pointer-events: none;
      position: relative;
      margin: 0 auto; }
      .package--abilitylabs__innovation-center .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/squiggle-red.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__innovation-center h3 {
      font-family: "gibson-semibold", sans-serif;
      margin-bottom: 30px;
      font-size: 2.4rem;
      line-height: 2.6rem;
      letter-spacing: .002em;
      text-transform: none; }
    .package--abilitylabs__innovation-center p {
      font-family: "gt-sectra-fine", serif;
      margin-bottom: 18px;
      color: #0a0a0a;
      font-size: 1.4rem;
      line-height: 2rem;
      letter-spacing: .0015em; }
  .package--abilitylabs__img {
    position: relative;
    width: 100%; }
  .package--abilitylabs__card-content {
    padding: 40px 25px; }
    .package--abilitylabs__card-content a {
      font-family: 'gibson-light', sans-serif;
      color: #0a0a0a;
      font-size: 1.6rem;
      font-style: normal;
      letter-spacing: 0.015em;
      text-decoration: underline;
      text-transform: lowercase;
      -webkit-transition: all .15s;
      transition: all .15s; }
      .package--abilitylabs__card-content a:visited, .package--abilitylabs__card-content a:active {
        color: #0a0a0a; }
      .package--abilitylabs__card-content a:hover, .package--abilitylabs__card-content a:focus {
        color: #E71324; }
  .package--abilitylabs__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    padding: 30px 25px 40px;
    text-align: center; }
    .package--abilitylabs__item .graphic {
      position: relative;
      margin: 0 auto; }
    .package--abilitylabs__item > * {
      max-width: 100%; }
    .package--abilitylabs__item.arms--hands-lab .graphic, .package--abilitylabs__item.arms--hand-lab .graphic {
      position: absolute;
      display: block;
      height: 92px;
      width: 40px;
      pointer-events: none;
      position: relative; }
      .package--abilitylabs__item.arms--hands-lab .graphic:before, .package--abilitylabs__item.arms--hand-lab .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ArmsHands.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__item.legs--walking-lab .graphic {
      position: absolute;
      display: block;
      height: 75px;
      width: 60px;
      pointer-events: none;
      position: relative; }
      .package--abilitylabs__item.legs--walking-lab .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_LegsWalking.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__item.strength--endurance-lab .graphic {
      position: absolute;
      display: block;
      height: 72px;
      width: 80px;
      pointer-events: none;
      position: relative; }
      .package--abilitylabs__item.strength--endurance-lab .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_StrengthEndurance.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__item.think--speak-lab .graphic {
      position: absolute;
      display: block;
      height: 73px;
      width: 93px;
      pointer-events: none;
      position: relative; }
      .package--abilitylabs__item.think--speak-lab .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ThinkSpeak.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__item.pediatric-lab .graphic {
      position: absolute;
      display: block;
      height: 73px;
      width: 73px;
      pointer-events: none;
      position: relative; }
      .package--abilitylabs__item.pediatric-lab .graphic:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_Pediatric.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .package--abilitylabs__item h3 {
      font-family: "gibson-light", sans-serif;
      margin: 30px 0 25px;
      color: #E71324;
      font-size: 2.4rem;
      line-height: 2.6rem;
      letter-spacing: .005em;
      text-transform: none; }
    .package--abilitylabs__item p {
      font-family: "gt-sectra-fine", serif;
      display: block;
      width: 100%;
      margin-bottom: 32px;
      color: #0a0a0a;
      font-size: 1.4rem;
      line-height: 1.8rem;
      letter-spacing: .0015em; }
    .package--abilitylabs__item a {
      font-family: 'gibson-light', sans-serif;
      color: #0a0a0a;
      font-size: 1.6rem;
      font-style: normal;
      letter-spacing: 0.015em;
      text-decoration: underline;
      text-transform: lowercase;
      -webkit-transition: all .15s;
      transition: all .15s; }
      .package--abilitylabs__item a:visited, .package--abilitylabs__item a:active {
        color: #0a0a0a; }
      .package--abilitylabs__item a:hover, .package--abilitylabs__item a:focus {
        color: #E71324; }
  .package--abilitylabs__innovation-center:before {
    content: "";
    display: block;
    position: absolute;
    height: 210px;
    width: 1000px;
    top: 250px;
    right: -370px;
    z-index: -1;
    -webkit-transform: rotate(105deg);
    transform: rotate(105deg);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-01.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
  .package--abilitylabs__item:nth-child(3):before, .package--abilitylabs__item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat; }
  .package--abilitylabs__item:nth-child(3):before {
    height: 70px;
    width: 180px;
    top: 0;
    right: -90px;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-02.svg);
    background-size: 100%; }
  .package--abilitylabs__item:nth-child(3):after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 400px;
    width: 400px;
    bottom: 0;
    left: 0;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-03.svg); }
  .package--abilitylabs__item:last-child:before {
    height: 410px;
    width: 1200px;
    top: -90px;
    right: -820px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-04.svg);
    background-size: auto 100%; }
  @media screen and (min-width: 1024px) {
    .package--abilitylabs {
      width: 720px;
      margin-top: 60px;
      margin-bottom: 80px; }
      .package--abilitylabs__innovation-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px; }
        .package--abilitylabs__innovation-center .package--abilitylabs__card-content {
          min-width: 380px;
          max-width: 380px; }
        .package--abilitylabs__innovation-center h3 {
          margin-bottom: 13px;
          font-size: 2.8rem;
          line-height: 3rem; }
        .package--abilitylabs__innovation-center p {
          margin-bottom: 28px; }
      .package--abilitylabs__img {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        padding: 0; }
        .package--abilitylabs__img img {
          position: relative; }
      .package--abilitylabs__card-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 368px;
        padding: 10px 30px; }
        .package--abilitylabs__card-content > * {
          max-width: 100%; }
      .package--abilitylabs__items {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .package--abilitylabs__item {
        position: relative;
        width: calc(50% - 20px);
        margin-top: 40px;
        padding: 50px 30px 60px; }
        .package--abilitylabs__item h3 {
          margin: 0 0 18px;
          padding: 0 50px;
          font-size: 3.8rem;
          line-height: 4.6rem; }
        .package--abilitylabs__item p {
          margin-bottom: 25px;
          font-size: 1.6rem;
          line-height: 2.2rem; }
        .package--abilitylabs__item.arms--hands-lab .graphic, .package--abilitylabs__item.arms--hand-lab .graphic {
          position: absolute;
          bottom: -10px;
          right: -30px;
          height: 152px;
          width: 70px; }
        .package--abilitylabs__item.legs--walking-lab .graphic {
          position: absolute;
          bottom: -10px;
          right: -20px;
          height: 125px;
          width: 100px; }
        .package--abilitylabs__item.strength--endurance-lab .graphic {
          position: absolute;
          top: 20px;
          left: -30px;
          height: 82px;
          width: 90px; }
        .package--abilitylabs__item.think--speak-lab .graphic {
          position: absolute;
          height: 70px;
          bottom: 30px;
          right: -35px; }
        .package--abilitylabs__item.pediatric-lab .graphic {
          position: absolute;
          bottom: 40px;
          left: -36px; }
      .package--abilitylabs__innovation-center:before {
        width: 1280px;
        height: 220px;
        top: auto;
        right: auto;
        bottom: -150px;
        left: -190px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .package--abilitylabs__item:nth-child(2):before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background-repeat: no-repeat;
        height: 180px;
        width: 750px;
        top: 280px;
        left: -230px;
        -webkit-transform: scaleY(-1) rotate(310deg);
        transform: scaleY(-1) rotate(310deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-01.svg); }
      .package--abilitylabs__item:nth-child(3):before {
        top: auto;
        right: auto;
        bottom: -30px;
        left: -60px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg); }
      .package--abilitylabs__item:nth-child(3):after {
        display: none; }
      .package--abilitylabs__item:last-child:before {
        height: 430px;
        width: 1200px;
        top: auto;
        right: -820px;
        bottom: -120px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg); } }
  @media print {
    .package--abilitylabs {
      width: 720px;
      margin-top: 60px;
      margin-bottom: 80px; }
      .package--abilitylabs__innovation-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px; }
        .package--abilitylabs__innovation-center .package--abilitylabs__card-content {
          min-width: 380px;
          max-width: 380px; }
        .package--abilitylabs__innovation-center h3 {
          margin-bottom: 13px;
          font-size: 2.8rem;
          line-height: 3rem; }
        .package--abilitylabs__innovation-center p {
          margin-bottom: 28px; }
      .package--abilitylabs__img {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        padding: 0; }
        .package--abilitylabs__img img {
          position: relative; }
      .package--abilitylabs__card-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 368px;
        padding: 10px 30px; }
        .package--abilitylabs__card-content > * {
          max-width: 100%; }
      .package--abilitylabs__items {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .package--abilitylabs__item {
        position: relative;
        width: calc(50% - 20px);
        margin-top: 40px;
        padding: 50px 30px 60px; }
        .package--abilitylabs__item h3 {
          margin: 0 0 18px;
          padding: 0 50px;
          font-size: 3.8rem;
          line-height: 4.6rem; }
        .package--abilitylabs__item p {
          margin-bottom: 25px;
          font-size: 1.6rem;
          line-height: 2.2rem; }
        .package--abilitylabs__item.arms--hands-lab .graphic, .package--abilitylabs__item.arms--hand-lab .graphic {
          position: absolute;
          bottom: -10px;
          right: -30px;
          height: 152px;
          width: 70px; }
        .package--abilitylabs__item.legs--walking-lab .graphic {
          position: absolute;
          bottom: -10px;
          right: -20px;
          height: 125px;
          width: 100px; }
        .package--abilitylabs__item.strength--endurance-lab .graphic {
          position: absolute;
          top: 20px;
          left: -30px;
          height: 82px;
          width: 90px; }
        .package--abilitylabs__item.think--speak-lab .graphic {
          position: absolute;
          height: 70px;
          bottom: 30px;
          right: -35px; }
        .package--abilitylabs__item.pediatric-lab .graphic {
          position: absolute;
          bottom: 40px;
          left: -36px; }
      .package--abilitylabs__innovation-center:before {
        width: 1280px;
        height: 220px;
        top: auto;
        right: auto;
        bottom: -150px;
        left: -190px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      .package--abilitylabs__item:nth-child(2):before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background-repeat: no-repeat;
        height: 180px;
        width: 750px;
        top: 280px;
        left: -230px;
        -webkit-transform: scaleY(-1) rotate(310deg);
        transform: scaleY(-1) rotate(310deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/how-we-heal-01.svg); }
      .package--abilitylabs__item:nth-child(3):before {
        top: auto;
        right: auto;
        bottom: -30px;
        left: -60px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg); }
      .package--abilitylabs__item:nth-child(3):after {
        display: none; }
      .package--abilitylabs__item:last-child:before {
        height: 430px;
        width: 1200px;
        top: auto;
        right: -820px;
        bottom: -120px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg); } }
  @media screen and (min-width: 1280px) {
    .package--abilitylabs {
      width: 920px;
      margin-top: 100px;
      margin-bottom: 100px; }
      .package--abilitylabs__innovation-center {
        width: 100%;
        margin-bottom: 20px;
        --sra-heading-color: #0a0a0a; }
        .package--abilitylabs__innovation-center .package--abilitylabs__card-content {
          min-width: 500px;
          max-width: 500px; }
        .package--abilitylabs__innovation-center h3 {
          font-family: 'gibson-semibold', sans-serif;
          margin-bottom: 20px;
          font-size: 3.4rem;
          line-height: 3.6rem;
          color: var(--sra-heading-color); }
        .package--abilitylabs__innovation-center p {
          margin-bottom: 26px;
          font-size: 1.6rem;
          line-height: 2.4rem; }
      .package--abilitylabs__img {
        min-width: 420px;
        max-width: 420px; }
      .package--abilitylabs__card-content {
        max-width: 580px;
        padding: 10px 40px; }
      .package--abilitylabs__items {
        padding: 0; }
      .package--abilitylabs__item {
        width: calc(50% - 40px);
        margin-bottom: 20px;
        padding: 80px 60px 78px; }
        .package--abilitylabs__item h3 {
          margin-bottom: 25px;
          padding: 0 20px;
          font-size: 4.2rem;
          line-height: 5rem; }
        .package--abilitylabs__item.think--speak-lab .graphic {
          position: absolute;
          height: 73px;
          width: 93px;
          bottom: 40px;
          right: -50px; } }
  @media print {
    .package--abilitylabs {
      width: 920px;
      margin-top: 100px;
      margin-bottom: 100px; }
      .package--abilitylabs__innovation-center {
        width: 100%;
        margin-bottom: 20px;
        --sra-heading-color: #0a0a0a; }
        .package--abilitylabs__innovation-center .package--abilitylabs__card-content {
          min-width: 500px;
          max-width: 500px; }
        .package--abilitylabs__innovation-center h3 {
          font-family: 'gibson-semibold', sans-serif;
          margin-bottom: 20px;
          font-size: 3.4rem;
          line-height: 3.6rem;
          color: var(--sra-heading-color); }
        .package--abilitylabs__innovation-center p {
          margin-bottom: 26px;
          font-size: 1.6rem;
          line-height: 2.4rem; }
      .package--abilitylabs__img {
        min-width: 420px;
        max-width: 420px; }
      .package--abilitylabs__card-content {
        max-width: 580px;
        padding: 10px 40px; }
      .package--abilitylabs__items {
        padding: 0; }
      .package--abilitylabs__item {
        width: calc(50% - 40px);
        margin-bottom: 20px;
        padding: 80px 60px 78px; }
        .package--abilitylabs__item h3 {
          margin-bottom: 25px;
          padding: 0 20px;
          font-size: 4.2rem;
          line-height: 5rem; }
        .package--abilitylabs__item.think--speak-lab .graphic {
          position: absolute;
          height: 73px;
          width: 93px;
          bottom: 40px;
          right: -50px; } }

/*
Package -- Clinical Trials.

A three-up package of clinical trial teasers.

markup:
<div class="main">
  <div class="package package--three-up package--clinical-trials">
    <div class="package__items">
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
    </div>
    <a class="cta-button" href="#">view all</a>
  </div>
</div>

Styleguide 11.4
*/
.package--with-featured.package--clinical-trials {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 130px;
  background-color: transparent;
  max-width: unset; }
  .package--with-featured.package--clinical-trials .background {
    background-color: transparent; }
    .package--with-featured.package--clinical-trials .background .graphic-01 {
      position: absolute;
      height: 256px;
      width: 476px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/top_curve.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      z-index: -1;
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      top: 0;
      left: 75px; }
    .package--with-featured.package--clinical-trials .background .graphic-02 {
      position: absolute;
      height: 224px;
      width: 416px;
      bottom: 100px;
      right: -180px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/bottom_curve.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      z-index: 20; }
  .package--with-featured.package--clinical-trials .homepage__headline,
  .package--with-featured.package--clinical-trials .homepage__subheadline {
    text-align: left;
    margin-left: 32px;
    max-width: 840px; }
  .package--with-featured.package--clinical-trials .homepage__headline {
    margin-bottom: 20px; }
  .package--with-featured.package--clinical-trials .homepage__subheadline {
    margin-bottom: 44px; }
  .package--with-featured.package--clinical-trials img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .package--with-featured.package--clinical-trials .package__item__content {
    width: 100%;
    padding: 50px 50px 100px;
    background-color: transparent;
    margin: 0;
    max-width: 730px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .package--with-featured.package--clinical-trials .package__item--featured__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 215px;
    overflow: hidden; }
  .package--with-featured.package--clinical-trials .taxonomy-tag {
    text-decoration: none; }
  .package--with-featured.package--clinical-trials .package__item--featured {
    margin-top: 0;
    background-color: #2C318C;
    color: #fff; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__content {
      padding: 38px 28px 73px; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__title {
      margin-bottom: 18px; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__title a {
        color: #fff;
        -webkit-transition: color 200ms ease-in-out;
        transition: color 200ms ease-in-out; }
        .package--with-featured.package--clinical-trials .package__item--featured .package__item__title a:hover, .package--with-featured.package--clinical-trials .package__item--featured .package__item__title a:focus {
          color: #d3e9f5; }
    .package--with-featured.package--clinical-trials .package__item--featured img {
      max-width: unset;
      max-height: 800px; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__description {
      font-family: "gibson-light", sans-serif;
      margin-bottom: 24px;
      font-size: 1.8rem;
      line-height: 2.2rem; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__eyebrow {
      font-family: "gibson-light", sans-serif;
      font-size: 1.8rem;
      letter-spacing: 0.015em;
      line-height: 1;
      text-transform: uppercase;
      margin-bottom: 15px; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__title,
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__description {
      color: #fff; }
    .package--with-featured.package--clinical-trials .package__item--featured .package__item__title {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .package--with-featured.package--clinical-trials .package__item--featured .taxonomy-tag {
      color: #fff;
      font-size: 2rem;
      line-height: 2rem;
      -webkit-transition: color 200ms ease-in-out;
      transition: color 200ms ease-in-out; }
      .package--with-featured.package--clinical-trials .package__item--featured .taxonomy-tag i::before {
        color: #fff; }
      .package--with-featured.package--clinical-trials .package__item--featured .taxonomy-tag:hover {
        color: #d3e9f5; }
  .package--with-featured.package--clinical-trials .package__items {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.1);
    width: 90%;
    margin: -39px auto 0;
    padding: 40px 21px; }
    .package--with-featured.package--clinical-trials .package__items .package__item {
      margin: 0 0 20px;
      max-width: unset; }
      .package--with-featured.package--clinical-trials .package__items .package__item:first-child {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        min-width: unset; }
        .package--with-featured.package--clinical-trials .package__items .package__item:first-child .package__item__title {
          font-size: 2rem;
          line-height: 2.6rem;
          text-align: left; }
      .package--with-featured.package--clinical-trials .package__items .package__item__eyebrow {
        font-family: "gibson-light", sans-serif;
        color: var(--sra-eyebrow-color);
        font-size: 1.4rem;
        letter-spacing: 0.015em;
        line-height: 1.5;
        text-transform: uppercase; }
      .package--with-featured.package--clinical-trials .package__items .package__item__title {
        margin-bottom: 11px;
        margin-top: 8px;
        font-size: 2rem;
        line-height: 2.6rem;
        text-align: left; }
      .package--with-featured.package--clinical-trials .package__items .package__item__description {
        color: #6E6259;
        display: none; }
      .package--with-featured.package--clinical-trials .package__items .package__item .taxonomy-tag {
        font-size: 1.4rem;
        line-height: 2.2rem; }
  @media screen and (min-width: 672px) {
    .package--with-featured.package--clinical-trials .homepage__headline {
      font-size: 6rem; } }
  @media print {
    .package--with-featured.package--clinical-trials .homepage__headline {
      font-size: 6rem; } }
  @media screen and (min-width: 1024px) {
    .package--with-featured.package--clinical-trials {
      padding-left: 0;
      padding-right: 0;
      padding-top: 130px;
      margin-top: 60px;
      margin-bottom: 0; }
      .package--with-featured.package--clinical-trials .cta-button {
        --sra-btn-fill-hover: #E71324;
        --sra-btn-color-hover: #fff;
        --sra-btn-border-hover: #E71324;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--sra-btn-fill);
        border: 0;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
        box-shadow: 0 0 0 1px var(--sra-btn-border);
        color: var(--sra-btn-color);
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: 'gibson-regular', sans-serif;
        font-size: 1.25rem;
        min-height: 48px;
        letter-spacing: 0.015em;
        line-height: 1;
        margin: 0;
        padding: 3px 2em 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none !important;
        -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
        transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
        width: auto;
        margin-top: 42px; } }
    @media screen and (min-width: 1024px) and (min-width: 64em) {
      .package--with-featured.package--clinical-trials .cta-button {
        white-space: nowrap; } }
  @media screen and (min-width: 1024px) {
        .package--with-featured.package--clinical-trials .cta-button:hover, .package--with-featured.package--clinical-trials .cta-button:focus {
          background: var(--sra-btn-fill-hover);
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
          box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
          color: var(--sra-btn-color-hover); }
      .package--with-featured.package--clinical-trials .background .graphic-01 {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        left: -50px; }
      .package--with-featured.package--clinical-trials .package__item--featured__img {
        max-height: unset; }
      .package--with-featured.package--clinical-trials .package__item__content {
        padding: 71px 83px 150px 83px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__eyebrow {
        font-size: 2.4rem;
        line-height: 4.2rem; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__title {
        font-size: 4.2rem;
        line-height: 4.6rem;
        margin-bottom: 28px; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__description {
        display: block;
        font-size: 3.4rem;
        line-height: 4.2rem;
        margin-bottom: 22px; }
      .package--with-featured.package--clinical-trials .package__item--featured .taxonomy-tag {
        font-size: 2rem;
        line-height: 2.2rem; }
      .package--with-featured.package--clinical-trials .package__item {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 314px;
        min-width: unset; }
        .package--with-featured.package--clinical-trials .package__item__description {
          display: block;
          font-size: 1.6rem;
          line-height: 1.5; }
      .package--with-featured.package--clinical-trials .package__items {
        margin: -39px auto 0;
        padding: 23px 21px; }
        .package--with-featured.package--clinical-trials .package__items .package__item__description {
          display: block; }
      .package--with-featured.package--clinical-trials .homepage__headline {
        margin-bottom: 46px; }
      .package--with-featured.package--clinical-trials .homepage__subheadline {
        max-width: 1040px;
        margin-bottom: 85px; } }
  @media print {
    .package--with-featured.package--clinical-trials {
      padding-left: 0;
      padding-right: 0;
      padding-top: 130px;
      margin-top: 60px;
      margin-bottom: 0; }
      .package--with-featured.package--clinical-trials .cta-button {
        --sra-btn-fill-hover: #E71324;
        --sra-btn-color-hover: #fff;
        --sra-btn-border-hover: #E71324;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--sra-btn-fill);
        border: 0;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
        box-shadow: 0 0 0 1px var(--sra-btn-border);
        color: var(--sra-btn-color);
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: 'gibson-regular', sans-serif;
        font-size: 1.25rem;
        min-height: 48px;
        letter-spacing: 0.015em;
        line-height: 1;
        margin: 0;
        padding: 3px 2em 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none !important;
        -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
        transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
        width: auto;
        margin-top: 42px; }
        .package--with-featured.package--clinical-trials .cta-button:hover, .package--with-featured.package--clinical-trials .cta-button:focus {
          background: var(--sra-btn-fill-hover);
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
          box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
          color: var(--sra-btn-color-hover); }
      .package--with-featured.package--clinical-trials .background .graphic-01 {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        left: -50px; }
      .package--with-featured.package--clinical-trials .package__item--featured__img {
        max-height: unset; }
      .package--with-featured.package--clinical-trials .package__item__content {
        padding: 71px 83px 150px 83px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__eyebrow {
        font-size: 2.4rem;
        line-height: 4.2rem; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__title {
        font-size: 4.2rem;
        line-height: 4.6rem;
        margin-bottom: 28px; }
      .package--with-featured.package--clinical-trials .package__item--featured .package__item__description {
        display: block;
        font-size: 3.4rem;
        line-height: 4.2rem;
        margin-bottom: 22px; }
      .package--with-featured.package--clinical-trials .package__item--featured .taxonomy-tag {
        font-size: 2rem;
        line-height: 2.2rem; }
      .package--with-featured.package--clinical-trials .package__item {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 314px;
        min-width: unset; }
        .package--with-featured.package--clinical-trials .package__item__description {
          display: block;
          font-size: 1.6rem;
          line-height: 1.5; }
      .package--with-featured.package--clinical-trials .package__items {
        margin: -39px auto 0;
        padding: 23px 21px; }
        .package--with-featured.package--clinical-trials .package__items .package__item__description {
          display: block; }
      .package--with-featured.package--clinical-trials .homepage__headline {
        margin-bottom: 46px; }
      .package--with-featured.package--clinical-trials .homepage__subheadline {
        max-width: 1040px;
        margin-bottom: 85px; } }

/*
Package -- Why SRA.

A three-up package of reasons why SRA.

markup:
<div class="main">
  <div class="package package--three-up package--clinical-trials">
    <div class="package__items">
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
      <div class="package__item">
        <img src="http://fpoimg.com/320x180?text=16:9" />
        <h4 class="package__item__title">Maecenas sed diam eget risus varius blandit sit amet non magna.</h4>
      </div>
    </div>
    <a class="cta-button" href="#">view all</a>
  </div>
</div>

Styleguide 11.18
*/
.package--why-sra {
  padding: 0 32px 15px; }
  .package--why-sra__bottom {
    position: relative; }
  .package--why-sra .background {
    position: absolute;
    top: 225px;
    left: -32px;
    bottom: 225px;
    right: -32px;
    background: -webkit-gradient(linear, left top, right top, from(#F0DCEA), to(#BFD2EB));
    background: linear-gradient(90deg, #F0DCEA 0%, #BFD2EB 100%);
    z-index: -1; }
  .package--why-sra .graphic-01 {
    position: absolute;
    width: 330px;
    height: 550px;
    left: -100px;
    bottom: -300px;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/gradient_bottom_curve.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: -2; }
  .package--why-sra .graphic-02 {
    position: absolute;
    width: 380px;
    height: 325px;
    top: -190px;
    right: -160px;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/gradient_top_curve.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: -2; }
  .package--why-sra .homepage__headline,
  .package--why-sra .homepage__subheadline {
    margin: 0;
    max-width: 800px; }
  .package--why-sra .homepage__headline {
    margin-bottom: 20px; }
  .package--why-sra .homepage__subheadline {
    margin-bottom: 44px; }
  .package--why-sra .package__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0; }
    .package--why-sra .package__items .package__item {
      margin: 0 0 20px;
      padding: 28px 37px;
      max-width: unset;
      background-color: #fefefe;
      -webkit-box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.1);
      min-height: 350px; }
      .package--why-sra .package__items .package__item:last-child {
        margin-bottom: 0; }
      .package--why-sra .package__items .package__item__img {
        min-height: 75px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .package--why-sra .package__items .package__item__image img {
        height: 74px;
        width: auto; }
      .package--why-sra .package__items .package__item__title {
        --sra-heading-color: #0a0a0a;
        font-family: "gibson-regular", sans-serif;
        margin-bottom: 20px;
        margin-top: 30px;
        font-size: 2.8rem;
        line-height: 3.5rem;
        text-align: left; }
      .package--why-sra .package__items .package__item__description {
        font-family: "gibson-semibold", sans-serif;
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: 0.015em;
        color: var(--sra-tag-color);
        position: relative;
        margin: 0;
        text-transform: capitalize;
        color: #6E6259; }
        .package--why-sra .package__items .package__item__description i {
          text-decoration: none;
          display: inline-block;
          vertical-align: middle;
          position: relative;
          top: -.1rem; }
          .package--why-sra .package__items .package__item__description i:before {
            color: var(--sra-tag-color);
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icons" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            display: inline-block;
            vertical-align: middle;
            font-size: 3.4rem;
            text-decoration: none; }
          .package--why-sra .package__items .package__item__description i:hover:before {
            text-decoration: none; }
          .package--why-sra .package__items .package__item__description i:before {
            line-height: 1.5rem; }
        @media screen and (min-width: 1024px) {
          .package--why-sra .package__items .package__item__description {
            font-size: 1.4rem; } }
        @media print {
          .package--why-sra .package__items .package__item__description {
            font-size: 1.4rem; } }
      .package--why-sra .package__items .package__item .item-link {
        text-decoration: none; }
  @media screen and (min-width: 672px) {
    .package--why-sra .background {
      left: -55px;
      right: -55px;
      top: 125px;
      bottom: 125px; }
    .package--why-sra .package__items .package__item {
      min-height: unset; } }
  @media print {
    .package--why-sra .background {
      left: -55px;
      right: -55px;
      top: 125px;
      bottom: 125px; }
    .package--why-sra .package__items .package__item {
      min-height: unset; } }
  @media screen and (min-width: 1024px) {
    .package--why-sra {
      padding: 0 50px 0; }
      .package--why-sra .background {
        left: -88px;
        right: -88px;
        top: 67px;
        bottom: 67px; }
      .package--why-sra .graphic-01 {
        width: 540px;
        height: 900px;
        bottom: -478px;
        left: -88px; }
      .package--why-sra .graphic-02 {
        width: 394px;
        height: 542px;
        right: -88px;
        top: -310px; }
      .package--why-sra .homepage__headline {
        margin-bottom: 58px; }
      .package--why-sra .homepage__subheadline {
        margin-bottom: 78px; } }
  @media print {
    .package--why-sra {
      padding: 0 50px 0; }
      .package--why-sra .background {
        left: -88px;
        right: -88px;
        top: 67px;
        bottom: 67px; }
      .package--why-sra .graphic-01 {
        width: 540px;
        height: 900px;
        bottom: -478px;
        left: -88px; }
      .package--why-sra .graphic-02 {
        width: 394px;
        height: 542px;
        right: -88px;
        top: -310px; }
      .package--why-sra .homepage__headline {
        margin-bottom: 58px; }
      .package--why-sra .homepage__subheadline {
        margin-bottom: 78px; } }
  @media screen and (min-width: 1280px) {
    .package--why-sra .background {
      left: -120px;
      right: -120px; }
    .package--why-sra .package__items {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px; }
      .package--why-sra .package__items .package__item {
        margin-bottom: 0;
        padding: 37px 41px;
        min-height: 466px; }
        .package--why-sra .package__items .package__item__title {
          margin-bottom: 30px;
          margin-top: 45px; }
    .package--why-sra .homepage__headline {
      font-size: 6rem;
      line-height: 6rem; }
    .package--why-sra .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }
  @media print {
    .package--why-sra .background {
      left: -120px;
      right: -120px; }
    .package--why-sra .package__items {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px; }
      .package--why-sra .package__items .package__item {
        margin-bottom: 0;
        padding: 37px 41px;
        min-height: 466px; }
        .package--why-sra .package__items .package__item__title {
          margin-bottom: 30px;
          margin-top: 45px; }
    .package--why-sra .homepage__headline {
      font-size: 6rem;
      line-height: 6rem; }
    .package--why-sra .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }
  @media screen and (min-width: 1440px) {
    .package--why-sra {
      padding: 0 88px 0; }
      .package--why-sra .package__items .package__item {
        min-height: unset; }
      .package--why-sra .package__items {
        gap: 92px; } }

/*
Package -- Latest Updates

The Latest Updates Package features four items, 1 featured item and 3 others,
and a background image.

markup:
<div class="package package--with-featured">
  <div class="package__item--featured__wrapper">
    <div class="background" aria-hidde="true"></div>
    <h2 class="section-title">Latest Updates</h2>
    <div class="package__item--featured">
      <div class="package__item--featured__img">
        <img src="http://fpoimg.com/720x405?text=16:9" />
      </div>
      <div class="package__item__content">
        <h4 class="package__item__title">Robotic Exoskeleton System Helps Veteran Walk Again</h4>
        <p class="package__item__description">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <div class="package__item__meta">
          <p class="taxonomy-tag">in the news</p>
          <button class="content-flag content-flag--tiny">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">save</span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="package__items">
    <div class="package__item">
      <img src="http://fpoimg.com/400x225?text=16:9" />
      <h4 class="package__item__title">Donec sed odio dui.</h4>
      <div class="package__item__meta">
        <p class="taxonomy-tag">in the news</p>
        <button class="content-flag content-flag--tiny">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        </button>
      </div>
    </div>
    <div class="package__item">
      <img src="http://fpoimg.com/280x158?text=16:9" />
      <h4 class="package__item__title">Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit.</h4>
      <div class="package__item__meta">
        <p class="taxonomy-tag">in the news</p>
        <button class="content-flag content-flag--tiny">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        </button>
      </div>
    </div>
    <div class="package__item">
      <img src="http://fpoimg.com/280x158?text=16:9" />
      <h4 class="package__item__title">Aenean lacinia bibendum nulla sed consectetur.</h4>
      <div class="package__item__meta">
        <p class="taxonomy-tag">in the news</p>
        <button class="content-flag content-flag--tiny">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">save</span>
        </button>
      </div>
    </div>
  </div>
  <a class="cta-button" href="#">view all</a>
</div>

Styleguide 11.6
*/
/*
  Use this mixin to acheive the secondary, more decorative style.
*/
.package--with-featured {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 35px 0 40px;
  text-align: center;
  overflow: hidden; }
  @media screen and (min-width: 672px) {
    .package--with-featured {
      max-width: 672px; } }
  @media print {
    .package--with-featured {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .package--with-featured {
      max-width: 1024px; } }
  @media print {
    .package--with-featured {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .package--with-featured {
      max-width: 1280px; } }
  @media print {
    .package--with-featured {
      max-width: 1280px; } }
  .package--with-featured .package__item__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 18px 0 0;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .002em; }
    .package--with-featured .package__item__title a {
      text-decoration: none; }
  .package--with-featured .package__item__meta {
    margin-top: 12px; }
  .package--with-featured .package__item__meta > div,
  .package--with-featured .content-flag,
  .package--with-featured .taxonomy-tag {
    display: inline-block;
    vertical-align: middle; }
  .package--with-featured .taxonomy-tag {
    margin-right: 1rem; }
  @media screen and (min-width: 1024px) {
    .package--with-featured .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--with-featured .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .package--with-featured .package__item__title {
      margin-top: 25px; }
    .package--with-featured .package__item__meta {
      margin-top: 20px; }
    .package--with-featured .cta-button,
    .package--with-featured .cta-link {
      margin-top: 25px; } }
  @media print {
    .package--with-featured .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--with-featured .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .package--with-featured .package__item__title {
      margin-top: 25px; }
    .package--with-featured .package__item__meta {
      margin-top: 20px; }
    .package--with-featured .cta-button,
    .package--with-featured .cta-link {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .package--with-featured .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--with-featured .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--with-featured .taxonomy-tag {
      margin-right: 2rem; } }
  @media print {
    .package--with-featured .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .package--with-featured .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--with-featured .taxonomy-tag {
      margin-right: 2rem; } }
  .package--with-featured .background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #e9f1f5; }
  .package--with-featured img {
    width: 100%;
    height: auto; }
  .package--with-featured .section-title {
    position: relative;
    font-family: "gibson-semibold", sans-serif;
    margin: 0;
    color: #0a0a0a;
    font-size: 4rem;
    line-height: 4.6rem;
    text-align: center;
    z-index: 1; }
  .package--with-featured .package__item--featured {
    position: relative;
    margin-top: 30px;
    text-align: left; }
    .package--with-featured .package__item--featured .package__item__title {
      margin: 0 0 25px;
      font-size: 2.2rem;
      line-height: 2.8rem; }
  .package--with-featured .package__item__content {
    padding: 0 12px;
    margin: 0 20px;
    position: relative;
    padding-top: 25px;
    margin-top: -20px;
    background-color: #e9f1f5;
    text-align: left; }
    @media screen and (min-width: 672px) {
      .package--with-featured .package__item__content {
        padding: 0 25px; } }
    @media print {
      .package--with-featured .package__item__content {
        padding: 0 25px; } }
    @media screen and (min-width: 1024px) {
      .package--with-featured .package__item__content {
        padding: 0 48px; } }
    @media print {
      .package--with-featured .package__item__content {
        padding: 0 48px; } }
    @media screen and (min-width: 1280px) {
      .package--with-featured .package__item__content {
        padding: 0 70px; } }
    @media print {
      .package--with-featured .package__item__content {
        padding: 0 70px; } }
    @media screen and (min-width: 672px) {
      .package--with-featured .package__item__content {
        margin: 0 30px; } }
    @media print {
      .package--with-featured .package__item__content {
        margin: 0 30px; } }
    @media screen and (min-width: 1024px) {
      .package--with-featured .package__item__content {
        margin: 0 40px; } }
    @media print {
      .package--with-featured .package__item__content {
        margin: 0 40px; } }
    @media screen and (min-width: 1280px) {
      .package--with-featured .package__item__content {
        margin: 0 50px; } }
    @media print {
      .package--with-featured .package__item__content {
        margin: 0 50px; } }
  .package--with-featured .package__items {
    position: relative;
    padding: 0 32px;
    text-align: left; }
  .package--with-featured .package__item {
    margin-top: 40px; }
  .package--with-featured .package__item__description {
    font-family: "gt-sectra-fine", serif;
    margin-bottom: 25px;
    color: #0a0a0a;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: .0015em; }
  .package--with-featured .taxonomy-tag,
  .package--with-featured .content-flag {
    display: inline-block;
    vertical-align: middle; }
  .package--with-featured .taxonomy-tag {
    margin-right: 1rem; }
  .package--with-featured .cta-button {
    -webkit-margin-before: 40px;
    margin-block-start: 40px; }
  @media screen and (min-width: 672px) {
    .package--with-featured .package__items {
      padding: 0 55px; }
    .package--with-featured .package__item__content {
      margin-top: -20px;
      padding-top: 25px; } }
  @media print {
    .package--with-featured .package__items {
      padding: 0 55px; }
    .package--with-featured .package__item__content {
      margin-top: -20px;
      padding-top: 25px; } }
  @media screen and (min-width: 1024px) {
    .package--with-featured {
      margin-bottom: 60px;
      padding: 52px 88px 60px; }
      .package--with-featured .section-title {
        font-size: 6.2rem;
        line-height: 6.6rem; }
      .package--with-featured .package__item__content,
      .package--with-featured .package__items {
        padding: 0;
        background-color: transparent; }
      .package--with-featured .package__item--featured {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 324px; }
        .package--with-featured .package__item--featured:after {
          content: "";
          display: table;
          clear: both; }
        .package--with-featured .package__item--featured .package__item__title {
          margin: -.5rem 0 0;
          font-size: 3rem;
          line-height: 3.6rem; }
      .package--with-featured .package__item--featured__img {
        width: 576px; }
      .package--with-featured .package__item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        width: 272px;
        padding-left: 32px; }
      .package--with-featured .package__item__description {
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.5; }
      .package--with-featured .package__item__meta {
        margin-bottom: -.5rem; }
      .package--with-featured .package__items {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 60px; }
      .package--with-featured .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0; }
        .package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 352px;
          max-width: 352px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
    .package--with-featured {
      margin-bottom: 60px;
      padding: 52px 88px 60px; }
      .package--with-featured .section-title {
        font-size: 6.2rem;
        line-height: 6.6rem; }
      .package--with-featured .package__item__content,
      .package--with-featured .package__items {
        padding: 0;
        background-color: transparent; }
      .package--with-featured .package__item--featured {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 324px; }
        .package--with-featured .package__item--featured:after {
          content: "";
          display: table;
          clear: both; }
        .package--with-featured .package__item--featured .package__item__title {
          margin: -.5rem 0 0;
          font-size: 3rem;
          line-height: 3.6rem; }
      .package--with-featured .package__item--featured__img {
        width: 576px; }
      .package--with-featured .package__item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        width: 272px;
        padding-left: 32px; }
      .package--with-featured .package__item__description {
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.5; }
      .package--with-featured .package__item__meta {
        margin-bottom: -.5rem; }
      .package--with-featured .package__items {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 60px; }
      .package--with-featured .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0; }
        .package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 352px;
          max-width: 352px; } }
    @media print {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1280px) {
    .package--with-featured {
      margin-bottom: 80px;
      padding: 65px 120px 80px; }
      .package--with-featured .section-title {
        font-size: 7.2rem;
        line-height: 7.6rem; }
      .package--with-featured .package__item--featured {
        min-height: 405px; }
        .package--with-featured .package__item--featured img {
          min-width: 720px;
          max-width: 720px; }
        .package--with-featured .package__item--featured .package__item__title {
          font-size: 3.6rem;
          line-height: 4.4rem; }
      .package--with-featured .package__item--featured__img {
        width: 720px; }
      .package--with-featured .package__item__content {
        width: 320px;
        padding-left: 40px; }
      .package--with-featured .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        .package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 440px;
          max-width: 440px; } }
    @media screen and (min-width: 1280px) and (min-width: 1024px) {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1280px) and (min-width: 1280px) {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1280px) {
      .package--with-featured .cta-button {
        margin-top: 70px; } }
  @media print {
    .package--with-featured {
      margin-bottom: 80px;
      padding: 65px 120px 80px; }
      .package--with-featured .section-title {
        font-size: 7.2rem;
        line-height: 7.6rem; }
      .package--with-featured .package__item--featured {
        min-height: 405px; }
        .package--with-featured .package__item--featured img {
          min-width: 720px;
          max-width: 720px; }
        .package--with-featured .package__item--featured .package__item__title {
          font-size: 3.6rem;
          line-height: 4.4rem; }
      .package--with-featured .package__item--featured__img {
        width: 720px; }
      .package--with-featured .package__item__content {
        width: 320px;
        padding-left: 40px; }
      .package--with-featured .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        .package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 440px;
          max-width: 440px; } }
    @media print {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
      .package--with-featured .cta-button {
        margin-top: 70px; } }

.package--latest-news.package--with-featured {
  max-width: unset;
  margin-bottom: 0; }
  .package--latest-news.package--with-featured .taxonomy-tag {
    font-size: 1.4rem; }
  .package--latest-news.package--with-featured .section-title {
    text-align: left;
    margin-left: 30px;
    font-size: 4.8rem; }
  .package--latest-news.package--with-featured .background {
    z-index: -1;
    top: 0 !important;
    bottom: 0 !important; }
  .package--latest-news.package--with-featured .cta-button {
    background-color: #fefefe; }
    .package--latest-news.package--with-featured .cta-button--desktop {
      display: none; }
    .package--latest-news.package--with-featured .cta-button:hover {
      background-color: #E71324; }
  .package--latest-news.package--with-featured .package__item__content {
    margin: 0;
    padding: 0; }
  .package--latest-news.package--with-featured .package__item__description {
    font-family: "gt-sectra-fine", serif;
    color: var(--sra-gray);
    font-size: 1.6rem; }
  .package--latest-news.package--with-featured .package__item__title {
    font-size: 2rem; }
  .package--latest-news.package--with-featured .package__items {
    margin-top: -40px; }
  .package--latest-news.package--with-featured .package__item:before {
    display: none !important; }
  .package--latest-news.package--with-featured .package__item--first {
    background-color: #fefefe;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 30px 15px rgba(10, 10, 10, 0.1);
    box-shadow: 0px 0px 30px 15px rgba(10, 10, 10, 0.1);
    margin: 0 -20px;
    padding: 20px;
    z-index: 1; }
    .package--latest-news.package--with-featured .package__item--first .package__item__content {
      background-color: #fefefe; }
  .package--latest-news.package--with-featured .package__item--featured:after {
    display: none !important; }
  @media screen and (max-width: 1023px) {
    .package--latest-news.package--with-featured .package__item--featured:before {
      -webkit-transform: rotate(-50deg) !important;
      transform: rotate(-50deg) !important;
      right: -70px !important;
      height: 120px !important;
      width: 160px !important;
      left: auto !important; } }
  .package--latest-news.package--with-featured .package__item--featured__wrapper,
  .package--latest-news.package--with-featured .package__items {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 672px) {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 672px; } }
    @media print {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 672px; } }
    @media screen and (min-width: 1024px) {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 1024px; } }
    @media print {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 1024px; } }
    @media screen and (min-width: 1280px) {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 1280px; } }
    @media print {
      .package--latest-news.package--with-featured .package__item--featured__wrapper,
      .package--latest-news.package--with-featured .package__items {
        max-width: 1280px; } }
  @media screen and (min-width: 1024px) {
    .package--latest-news.package--with-featured {
      padding: 50px; }
      .package--latest-news.package--with-featured .background {
        top: 308px !important; }
      .package--latest-news.package--with-featured .section-title {
        margin-left: 0;
        font-size: 6rem; }
      .package--latest-news.package--with-featured .package__item__title {
        font-size: 3.3rem; }
      .package--latest-news.package--with-featured .package__item__description {
        font-size: 1.6rem; }
      .package--latest-news.package--with-featured .cta-button--mobile {
        display: none; }
      .package--latest-news.package--with-featured .cta-button--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .package--latest-news.package--with-featured .package__item--featured__img {
        width: 100%; }
      .package--latest-news.package--with-featured img {
        min-width: unset;
        max-width: unset; }
      .package--latest-news.package--with-featured .package__items {
        margin-top: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .package--latest-news.package--with-featured .package__item--featured::after {
        display: block; }
      .package--latest-news.package--with-featured .package__item {
        width: calc(((100% - (415px - 35px)) / 2) - (35px * 2) / 2);
        padding-right: 17.5px;
        padding-left: 17.5px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-width: unset;
        min-height: unset;
        max-width: unset;
        max-height: unset; }
        .package--latest-news.package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 450px;
          max-width: 450px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1024px) {
        .package--latest-news.package--with-featured .package__item:first-child {
          min-width: unset;
          min-height: unset;
          max-width: unset;
          max-height: unset;
          -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
          order: unset; }
        .package--latest-news.package--with-featured .package__item .package__item__title {
          margin-bottom: 12px;
          font-size: 2.3rem;
          line-height: 3.6rem; }
        .package--latest-news.package--with-featured .package__item .package__item__description {
          font-size: 1.6rem; }
        .package--latest-news.package--with-featured .package__item::before {
          display: block; }
        .package--latest-news.package--with-featured .package__item--first {
          border-radius: 0px;
          margin: 0 30px 0 38px;
          padding: 50px 60px;
          width: auto; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child {
            -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
            order: unset; }
            .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__title {
              margin-top: 0;
              margin-bottom: 33px;
              font-size: 3.5rem;
              line-height: 3.9rem; }
            .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__description {
              font-size: 2.4rem;
              line-height: 1.5;
              color: var(--sra-text-lg-color); } }
  @media print {
    .package--latest-news.package--with-featured {
      padding: 50px; }
      .package--latest-news.package--with-featured .background {
        top: 308px !important; }
      .package--latest-news.package--with-featured .section-title {
        margin-left: 0;
        font-size: 6rem; }
      .package--latest-news.package--with-featured .package__item__title {
        font-size: 3.3rem; }
      .package--latest-news.package--with-featured .package__item__description {
        font-size: 1.6rem; }
      .package--latest-news.package--with-featured .cta-button--mobile {
        display: none; }
      .package--latest-news.package--with-featured .cta-button--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .package--latest-news.package--with-featured .package__item--featured__img {
        width: 100%; }
      .package--latest-news.package--with-featured img {
        min-width: unset;
        max-width: unset; }
      .package--latest-news.package--with-featured .package__items {
        margin-top: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .package--latest-news.package--with-featured .package__item--featured::after {
        display: block; }
      .package--latest-news.package--with-featured .package__item {
        width: calc(((100% - (415px - 35px)) / 2) - (35px * 2) / 2);
        padding-right: 17.5px;
        padding-left: 17.5px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-width: unset;
        min-height: unset;
        max-width: unset;
        max-height: unset; }
        .package--latest-news.package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 450px;
          max-width: 450px; } }
    @media print {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
        .package--latest-news.package--with-featured .package__item:first-child {
          min-width: unset;
          min-height: unset;
          max-width: unset;
          max-height: unset;
          -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
          order: unset; }
        .package--latest-news.package--with-featured .package__item .package__item__title {
          margin-bottom: 12px;
          font-size: 2.3rem;
          line-height: 3.6rem; }
        .package--latest-news.package--with-featured .package__item .package__item__description {
          font-size: 1.6rem; }
        .package--latest-news.package--with-featured .package__item::before {
          display: block; }
        .package--latest-news.package--with-featured .package__item--first {
          border-radius: 0px;
          margin: 0 30px 0 38px;
          padding: 50px 60px;
          width: auto; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child {
            -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
            order: unset; }
            .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__title {
              margin-top: 0;
              margin-bottom: 33px;
              font-size: 3.5rem;
              line-height: 3.9rem; }
            .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__description {
              font-size: 2.4rem;
              line-height: 1.5;
              color: var(--sra-text-lg-color); } }
  @media screen and (min-width: 1280px) {
    .package--latest-news.package--with-featured {
      padding: 65px 80px 80px; }
      .package--latest-news.package--with-featured::after {
        content: '';
        position: absolute;
        top: 308px;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #e9f1f5;
        z-index: -11; }
      .package--latest-news.package--with-featured .package__item--featured__img {
        width: 100%; }
      .package--latest-news.package--with-featured .background {
        width: 100%;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1680px !important; } }
    @media screen and (min-width: 1280px) and (min-width: 672px) {
      .package--latest-news.package--with-featured .background {
        max-width: 672px; } }
    @media screen and (min-width: 1280px) and (min-width: 1024px) {
      .package--latest-news.package--with-featured .background {
        max-width: 1024px; } }
    @media screen and (min-width: 1280px) and (min-width: 1280px) {
      .package--latest-news.package--with-featured .background {
        max-width: 1280px; } }
  @media screen and (min-width: 1280px) {
      .package--latest-news.package--with-featured .package__item {
        width: calc(((100% - (495px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-width: unset;
        min-height: unset;
        max-width: unset;
        max-height: unset; }
        .package--latest-news.package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 535px;
          max-width: 535px; } }
    @media screen and (min-width: 1280px) and (min-width: 1024px) {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1280px) and (min-width: 1280px) {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1280px) {
        .package--latest-news.package--with-featured .package__item:first-child {
          min-width: unset;
          min-height: unset;
          max-width: unset;
          max-height: unset;
          -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
          order: unset; }
        .package--latest-news.package--with-featured .package__item .package__item__title {
          font-size: 3.3rem;
          line-height: 4.6rem; }
        .package--latest-news.package--with-featured .package__item--first {
          margin: -287px 40px 0 43px;
          padding: 60px 75px;
          width: auto; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__title {
            font-size: 4.2rem;
            line-height: 4.6rem; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__description {
            font-size: 3.4rem;
            line-height: 4.2rem; } }
  @media print {
    .package--latest-news.package--with-featured {
      padding: 65px 80px 80px; }
      .package--latest-news.package--with-featured::after {
        content: '';
        position: absolute;
        top: 308px;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #e9f1f5;
        z-index: -11; }
      .package--latest-news.package--with-featured .package__item--featured__img {
        width: 100%; }
      .package--latest-news.package--with-featured .background {
        width: 100%;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1680px !important; } }
    @media print {
      .package--latest-news.package--with-featured .background {
        max-width: 672px; } }
    @media print {
      .package--latest-news.package--with-featured .background {
        max-width: 1024px; } }
    @media print {
      .package--latest-news.package--with-featured .background {
        max-width: 1280px; } }
  @media print {
      .package--latest-news.package--with-featured .package__item {
        width: calc(((100% - (495px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-width: unset;
        min-height: unset;
        max-width: unset;
        max-height: unset; }
        .package--latest-news.package--with-featured .package__item:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          min-width: 535px;
          max-width: 535px; } }
    @media print {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .package--latest-news.package--with-featured .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
        .package--latest-news.package--with-featured .package__item:first-child {
          min-width: unset;
          min-height: unset;
          max-width: unset;
          max-height: unset;
          -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
          order: unset; }
        .package--latest-news.package--with-featured .package__item .package__item__title {
          font-size: 3.3rem;
          line-height: 4.6rem; }
        .package--latest-news.package--with-featured .package__item--first {
          margin: -287px 40px 0 43px;
          padding: 60px 75px;
          width: auto; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__title {
            font-size: 4.2rem;
            line-height: 4.6rem; }
          .package--latest-news.package--with-featured .package__item--first.package__item:first-child .package__item__description {
            font-size: 3.4rem;
            line-height: 4.2rem; } }

/*
Package -- Meet our Employees.

A three-up arrangement of employee profile teasers.

markup:
<div class="main">
  <div class="package package--employees">
    <h2 class='package--employees__title'>Professional Colleagues</h2>
    <ul class='tabs' data-tabs id='accessible-tabs' role='tablist'>
      <li class='tabs-title is-active' role='presentation'><a class='tab-anchor' href='#panel1' role='tab' tabindex='0' aria-selected='true' aria-controls='panel2-1'>Tab 1</a></li>
      <li class='tabs-title' role='presentation'><a class='tab-anchor' href='#panel2' role='tab' tabindex='0' aria-selected='false' aria-controls='panel2-2'>Tab 2</a></li>
      <li class='tabs-title' role='presentation'><a class='tab-anchor' href='#panel3' role='tab' tabindex='0' aria-selected='false' aria-controls='panel2-3'>Tab 3</a></li>
    </ul>
    <div class='tabs-content' data-tabs-content='accessible-tabs'>
      <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active package--employees__item related-profile' id='panel1'>
        <div class='related-profile__hero'>
          <img src='../images/fpo_images/employee_0.jpg'>
        </div>
        <div class='related-profile__content'>
          <div class='related-profile__name'>Mark Huang, MD</div>
          <div class='related-profile__job-title'>Chief Medical Information Officer</div>
          <div class='related-profile__job-title'>Director, Medically Complex Rehabilitation Program</div>
          <a class='cta-button'>View Profile</a>
        </div>
      </section>
      <section role='tabpanel' aria-hidden='true' class='tabs-panel package--employees__item related-profile' id='panel2'>
        <div class='related-profile__hero'>
          <img src='../images/fpo_images/employee_1.jpg'>
        </div>
        <div class='related-profile__content'>
          <div class='related-profile__name'>Elliot J. Roth, MD</div>
          <div class='related-profile__job-title'>Director, Patient Recovery Unit</div>
          <div class='related-profile__job-title'>Attending Physician</div>
          <a class='cta-button'>View Profile</a>
        </div>
      </section>
      <section role='tabpanel' aria-hidden='true' class='tabs-panel package--employees__item related-profile' id='panel3'>
        <div class='related-profile__hero'>
          <img src='../images/fpo_images/employee_2.jpg'>
        </div>
        <div class='related-profile__content'>
          <div class='related-profile__name'>Jane A. Silwa, DO</div>
          <div class='related-profile__job-title'>Chief Medical Officer</div>
          <div class='related-profile__job-title'>Senior Vice President, Medical Affairs</div>
          <a class='cta-button'>View Profile</a>
        </div>
      </section>
    </div>
  </div>
</div>

Styleguide 11.5
*/
.package--employees {
  --sra-heading-color: #0a0a0a;
  text-align: center; }
  .package--employees.package {
    margin-bottom: 0; }
  .profile-section .package--employees {
    margin-top: 0; }
  .package--employees .tabs {
    margin: 0 auto 18px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .package--employees .tabs[data-tabs-length="1"] {
      display: none; }
  .package--employees .tabs-title {
    text-indent: -10000px;
    position: relative; }
    .package--employees .tabs-title * {
      background-color: transparent !important; }
    .package--employees .tabs-title:after {
      content: " ";
      height: 10px;
      width: 10px;
      background-color: var(--sra-text-gray-color);
      border-radius: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0); }
    .package--employees .tabs-title.is-active:after {
      background-color: #0a0a0a; }
  @media screen and (min-width: 1024px) {
    .package--employees:after {
      content: "";
      display: table;
      clear: both; }
    .package--employees .tabs {
      display: none; }
    .package--employees .tabs-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media print {
    .package--employees:after {
      content: "";
      display: table;
      clear: both; }
    .package--employees .tabs {
      display: none; }
    .package--employees .tabs-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .package--employees .tabs {
    left: auto;
    -webkit-transform: none;
    transform: none; }
  .package--employees__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 3.8rem;
    line-height: 3.8rem;
    letter-spacing: .005rem;
    margin-bottom: 18px;
    text-align: left; }
  .package--employees .section-subtitle {
    margin-bottom: 15px; }
  @media screen and (min-width: 1024px) {
    .package--employees__item {
      display: block;
      width: calc(33.33% - (36px * 2) / 3);
      margin-right: 36px; }
      .package--employees__item:last-child {
        margin-right: 0; } }
  @media print {
    .package--employees__item {
      display: block;
      width: calc(33.33% - (36px * 2) / 3);
      margin-right: 36px; }
      .package--employees__item:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .package--employees .section-subtitle {
      margin-bottom: 52px; } }
  @media print {
    .package--employees .section-subtitle {
      margin-bottom: 52px; } }
  .package--employees__view-all {
    text-align: center;
    --sra-btn-fill-hover: #E71324;
    --sra-btn-border-hover: #E71324; }

/*
Packages News

Packages are the larger groups of content that can be added to a page. They can
have various styles. Three-up, two, etc.

markup:
<div class="main">
  <div class="package package--news">
    <h2 class='package--news__title'>My Updates</h2>
    <div class="package--news__items">
      <section class="package--news__item">
        <div class='package--news__hero'>
          <img src='../images/fpo_images/asymmetrical_2.jpg' />
        </div>
        <div class='package--news__headline'>A Letter From the Medical Director: Dr. Richard L. Harvey</div>
        <div class='package--news__tag'><i aria-hidden="true"></i>blog</div>
        <div class="social__wrapper">
          <button class="social__toggle">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Click for Social Menu</span>
          </button>
          <div class="social hide">
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="#">
                  <i  class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <section class="package--news__item">
        <div class='package--news__hero'>
          <img src='../images/fpo_images/asymmetrical_0.jpg' />
        </div>
        <div class='package--news__headline'>Noninvasive Brain Stimulation Improves Patient Outcomes</div>
        <div class='package--news__tag'><i aria-hidden="true"></i>in the news</div>
        <div class="social__wrapper">
          <button class="social__toggle">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Click for Social Menu</span>
          </button>
          <div class="social hide">
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="#">
                  <i  class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <section class="package--news__item">
        <div class='package--news__hero'>
          <img src='../images/fpo_images/asymmetrical_1.jpg' />
        </div>
        <div class='package--news__headline'>AbilityLab Physicians Rank Among ‘Top Doctors’</div>
        <div class='package--news__tag'><i aria-hidden="true"></i>in the news</div>
        <div class="social__wrapper">
          <button class="social__toggle">
            <i aria-hidden="true"></i>
            <span class="show-for-sr">Click for Social Menu</span>
          </button>
          <div class="social hide">
            <p class="social__cta">share</p>
            <ul class="social__items">
              <li class="social__item">
                <a href="#">
                  <i  class="icon--facebook" aria-hidden="true"></i>
                  <span class="show-for-sr">facebook</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--twitter" aria-hidden="true"></i>
                  <span class="show-for-sr">twitter</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--google" aria-hidden="true"></i>
                  <span class="show-for-sr">google plus</span>
                </a>
              </li>
              <li class="social__item">
                <a href="#">
                  <i  class="icon--mail" aria-hidden="true"></i>
                  <span class="show-for-sr">email</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </div>
  </div>
</div>

Styleguide 11.7
*/
.package--news {
  text-align: center; }
  .profile-section .package--news {
    margin: 0;
    padding: 0; }
  .package--news__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 3.8rem;
    line-height: 3.8rem;
    letter-spacing: .005rem;
    margin-bottom: 18px;
    text-align: left; }
  .package--news__items {
    text-align: left; }
  .package--news__item {
    position: relative;
    margin-bottom: 40px; }
  .package--news__hero {
    margin-bottom: 16px; }
  .package--news__headline {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    padding-bottom: 26px; }
    .package--news__headline a {
      text-decoration: none; }
      .package--news__headline a:hover {
        text-decoration: underline; }
  .package--news__tag {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.015em;
    color: var(--sra-tag-color);
    position: relative;
    margin: 0;
    text-transform: capitalize; }
    .package--news__tag i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.1rem; }
      .package--news__tag i:before {
        color: var(--sra-tag-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 3.4rem;
        text-decoration: none; }
      .package--news__tag i:hover:before {
        text-decoration: none; }
      .package--news__tag i:before {
        line-height: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .package--news__tag {
        font-size: 1.4rem; } }
    @media print {
      .package--news__tag {
        font-size: 1.4rem; } }
  .package--news .social__wrapper {
    position: absolute;
    bottom: 0;
    right: 0; }
  @media screen and (min-width: 1024px) {
    .package--news {
      position: relative; }
      .package--news__title {
        font-family: "gibson-semibold", sans-serif;
        font-size: 5.2rem;
        line-height: 5.2rem; }
      .package--news__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        z-index: 1;
        margin-left: -16px;
        margin-right: -16px; }
      .package--news__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 16px;
        padding-left: 16px; }
      .package--news__headline {
        font-size: 1.6rem;
        line-height: 2.2rem;
        letter-spacing: .02em; }
      .package--news__tag,
      .package--news .social__wrapper {
        display: inline-block; }
      .package--news .social__wrapper {
        position: relative;
        top: -3px;
        left: 18px; } }
  @media print {
    .package--news {
      position: relative; }
      .package--news__title {
        font-family: "gibson-semibold", sans-serif;
        font-size: 5.2rem;
        line-height: 5.2rem; }
      .package--news__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        z-index: 1;
        margin-left: -16px;
        margin-right: -16px; }
      .package--news__item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding-right: 16px;
        padding-left: 16px; }
      .package--news__headline {
        font-size: 1.6rem;
        line-height: 2.2rem;
        letter-spacing: .02em; }
      .package--news__tag,
      .package--news .social__wrapper {
        display: inline-block; }
      .package--news .social__wrapper {
        position: relative;
        top: -3px;
        left: 18px; } }
  @media screen and (min-width: 1280px) {
    .package--news__title {
      font-size: 6.2rem;
      line-height: 6.2rem; }
    .package--news__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px; }
    .package--news__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--news__headline {
      font-size: 2rem;
      line-height: 2.6rem; } }
  @media print {
    .package--news__title {
      font-size: 6.2rem;
      line-height: 6.2rem; }
    .package--news__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px; }
    .package--news__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .package--news__headline {
      font-size: 2rem;
      line-height: 2.6rem; } }

.more-like-this {
  padding: 0 12px;
  margin: 0 20px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--sra-border-color);
  text-align: center; }
  @media screen and (min-width: 672px) {
    .more-like-this {
      padding: 0 25px; } }
  @media print {
    .more-like-this {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .more-like-this {
      padding: 0 48px; } }
  @media print {
    .more-like-this {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .more-like-this {
      padding: 0 70px; } }
  @media print {
    .more-like-this {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .more-like-this {
      margin: 0 30px; } }
  @media print {
    .more-like-this {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .more-like-this {
      margin: 0 40px; } }
  @media print {
    .more-like-this {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .more-like-this {
      margin: 0 50px; } }
  @media print {
    .more-like-this {
      margin: 0 50px; } }
  .more-like-this .package__item__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 18px 0 0;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .002em; }
    .more-like-this .package__item__title a {
      text-decoration: none; }
  .more-like-this .package__item__meta {
    margin-top: 12px; }
  .more-like-this .package__item__meta > div,
  .more-like-this .content-flag,
  .more-like-this .taxonomy-tag {
    display: inline-block;
    vertical-align: middle; }
  .more-like-this .taxonomy-tag {
    margin-right: 1rem; }
  @media screen and (min-width: 1024px) {
    .more-like-this .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .more-like-this .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .more-like-this .package__item__title {
      margin-top: 25px; }
    .more-like-this .package__item__meta {
      margin-top: 20px; }
    .more-like-this .cta-button,
    .more-like-this .cta-link {
      margin-top: 25px; } }
  @media print {
    .more-like-this .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .more-like-this .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .more-like-this .package__item__title {
      margin-top: 25px; }
    .more-like-this .package__item__meta {
      margin-top: 20px; }
    .more-like-this .cta-button,
    .more-like-this .cta-link {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .more-like-this .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .more-like-this .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .more-like-this .taxonomy-tag {
      margin-right: 2rem; } }
  @media print {
    .more-like-this .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .more-like-this .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .more-like-this .taxonomy-tag {
      margin-right: 2rem; } }
  .more-like-this .section-title {
    margin-bottom: 30px; }
  .more-like-this .package__item {
    margin-bottom: 40px;
    text-align: left; }
  .more-like-this .cta-button {
    margin-top: 40px; }
  @media screen and (min-width: 672px) {
    .more-like-this {
      margin-top: 40px;
      padding-top: 40px; } }
  @media print {
    .more-like-this {
      margin-top: 40px;
      padding-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .more-like-this {
      margin-top: 60px;
      padding-top: 60px; }
      .more-like-this .section-title {
        margin-bottom: 40px; }
      .more-like-this .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 0; }
        .more-like-this .package__item:first-child {
          min-width: 352px;
          max-width: 352px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1024px) {
        .more-like-this .package__item img {
          width: 100%;
          height: auto; } }
  @media print {
    .more-like-this {
      margin-top: 60px;
      padding-top: 60px; }
      .more-like-this .section-title {
        margin-bottom: 40px; }
      .more-like-this .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 0; }
        .more-like-this .package__item:first-child {
          min-width: 352px;
          max-width: 352px; } }
    @media print {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
        .more-like-this .package__item img {
          width: 100%;
          height: auto; } }
  @media screen and (min-width: 1280px) {
    .more-like-this {
      margin-top: 80px;
      padding-top: 80px; }
      .more-like-this .section-title {
        margin-bottom: 50px; }
      .more-like-this .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px; }
        .more-like-this .package__item:first-child {
          min-width: 440px;
          max-width: 440px; } }
    @media screen and (min-width: 1280px) and (min-width: 1024px) {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1280px) and (min-width: 1280px) {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
    .more-like-this {
      margin-top: 80px;
      padding-top: 80px; }
      .more-like-this .section-title {
        margin-bottom: 50px; }
      .more-like-this .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px; }
        .more-like-this .package__item:first-child {
          min-width: 440px;
          max-width: 440px; } }
    @media print {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .more-like-this .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }

/*
More like this, without images. Shows up on Clinical Trial pages.

This should probably be more generalized, but most instances seem to be listed
as 'More like this.'

markup:
<section class="more-like-this more-like-this--no-imgs">
  <h2 class="section-title">More like this</h2>
  <div class="package__items">
    <div class="package__item">
      <h3 class="package__item__title">
        Vestibulum id ligula porta felis euismod semper.
      </h3>
      <p class="package__item__description">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
      </p>
      <a class="cta-link" href="#">read more</a>
    </div>
    <div class="package__item">
      <h3 class="package__item__title">
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna.
      </h3>
      <a class="cta-link" href="#">read more</a>
    </div>
    <div class="package__item">
      <h3 class="package__item__title">
        Cras justo odio, dapibus ac facilisis in, egestas eget quam.
      </h3>
      <a class="cta-link" href="#">read more</a>
    </div>
  </div>
  <a class="cta-button" href="#">view all</a>
</section>

Styleguide 11.16
*/
.more-like-this--no-imgs {
  position: relative;
  margin: 50px 0 40px;
  padding: 42px 32px 50px;
  border-top: 0;
  text-align: left;
  background-color: #e9f1f5;
  overflow: hidden; }
  .more-like-this--no-imgs:after {
    content: "";
    display: table;
    clear: both; }
  .more-like-this--no-imgs .section-title {
    font-size: 4rem;
    line-height: 4.6rem;
    text-align: left;
    text-transform: capitalize; }
  .more-like-this--no-imgs .package__items {
    position: relative;
    z-index: 2; }
  .more-like-this--no-imgs .package__item:first-child .package__item__title {
    font-size: 2.2rem;
    line-height: 2.8rem;
    letter-spacing: .001em; }
  .more-like-this--no-imgs .package__item:last-child {
    margin-bottom: 0; }
  .more-like-this--no-imgs .package__item__title {
    margin-top: 0; }
    .more-like-this--no-imgs .package__item__title a {
      text-decoration: none; }
  .more-like-this--no-imgs .cta-link {
    display: inline-block;
    margin-top: 15px; }
  .more-like-this--no-imgs .package__item__description {
    font-family: "gt-sectra-fine", serif;
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .0015em; }
  .more-like-this--no-imgs .cta-button {
    margin-top: 30px; }
  .more-like-this--no-imgs:before {
    content: "";
    position: absolute;
    bottom: 60px;
    right: -740px;
    width: 1390px;
    height: 260px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this1.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100px -140px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    z-index: 1; }
  .more-like-this--no-imgs:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -120px;
    right: -700px;
    width: 1020px;
    height: 200px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this2.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 -170px;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
    z-index: 1; }
  @media screen and (min-width: 672px) {
    .more-like-this--no-imgs {
      margin: 50px 0 40px;
      padding: 42px 55px 50px; } }
  @media print {
    .more-like-this--no-imgs {
      margin: 50px 0 40px;
      padding: 42px 55px 50px; } }
  @media screen and (min-width: 1024px) {
    .more-like-this--no-imgs {
      margin: 80px 0 60px;
      padding: 50px 88px 90px; }
      .more-like-this--no-imgs:before {
        bottom: auto;
        top: 120px;
        right: -620px;
        width: 1170px;
        height: 250px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this2.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      .more-like-this--no-imgs:after {
        right: auto;
        bottom: -60px;
        left: -680px;
        width: 1380px;
        background-size: auto 100%;
        height: 380px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this1.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      .more-like-this--no-imgs .section-title {
        margin-top: 40px;
        font-size: 7.2rem;
        line-height: 7.6rem; }
      .more-like-this--no-imgs .package__items {
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top; }
      .more-like-this--no-imgs .package__item {
        padding-top: 100px; }
        .more-like-this--no-imgs .package__item:first-child {
          padding-top: 0; }
          .more-like-this--no-imgs .package__item:first-child .package__item__title {
            font-size: 3.4rem;
            line-height: 4.2rem; }
      .more-like-this--no-imgs .package__item__title {
        font-size: 2rem;
        line-height: 2.6rem; }
      .more-like-this--no-imgs .cta-button {
        float: right;
        margin-top: 70px; } }
  @media print {
    .more-like-this--no-imgs {
      margin: 80px 0 60px;
      padding: 50px 88px 90px; }
      .more-like-this--no-imgs:before {
        bottom: auto;
        top: 120px;
        right: -620px;
        width: 1170px;
        height: 250px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this2.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      .more-like-this--no-imgs:after {
        right: auto;
        bottom: -60px;
        left: -680px;
        width: 1380px;
        background-size: auto 100%;
        height: 380px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this1.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      .more-like-this--no-imgs .section-title {
        margin-top: 40px;
        font-size: 7.2rem;
        line-height: 7.6rem; }
      .more-like-this--no-imgs .package__items {
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top; }
      .more-like-this--no-imgs .package__item {
        padding-top: 100px; }
        .more-like-this--no-imgs .package__item:first-child {
          padding-top: 0; }
          .more-like-this--no-imgs .package__item:first-child .package__item__title {
            font-size: 3.4rem;
            line-height: 4.2rem; }
      .more-like-this--no-imgs .package__item__title {
        font-size: 2rem;
        line-height: 2.6rem; }
      .more-like-this--no-imgs .cta-button {
        float: right;
        margin-top: 70px; } }
  @media screen and (min-width: 1280px) {
    .more-like-this--no-imgs {
      margin: 80px 0;
      padding: 60px 120px 110px; }
      .more-like-this--no-imgs:before {
        width: 1310px; }
      .more-like-this--no-imgs:after {
        height: 400px;
        width: 1450px; }
      .more-like-this--no-imgs .package__item:first-child .package__item__title {
        font-size: 4.4rem;
        line-height: 5.2rem; }
      .more-like-this--no-imgs .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
    .more-like-this--no-imgs {
      margin: 80px 0;
      padding: 60px 120px 110px; }
      .more-like-this--no-imgs:before {
        width: 1310px; }
      .more-like-this--no-imgs:after {
        height: 400px;
        width: 1450px; }
      .more-like-this--no-imgs .package__item:first-child .package__item__title {
        font-size: 4.4rem;
        line-height: 5.2rem; }
      .more-like-this--no-imgs .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }

/*
Card List - Blue cards.

A list of blue cards showing associated services, conditions, etc.

markup:
<div class="main">
  <section class="package package--card-list">
    <h2 class="section-title">Related Items</h2>
    <div class="package__items">
      <p class="section-subtitle">
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
        ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet,
        consectetur adipiscing elit.
      </p>
      <div class="package__item blue-card__wrapper">
        <a class="blue-card" href="#">
          <div class="blue-card__bg">
            <img src="http://fillmurray.com/320/180">
          </div>
          <div class="blue-card__content">
            <h4 class="blue-card__title">Example Card title</h4>
          </div>
        </a>
      </div>
      <div class="package__item blue-card__wrapper">
        <a class="blue-card" href="#">
          <div class="blue-card__bg">
            <img src="http://fillmurray.com/320/180">
          </div>
          <div class="blue-card__content">
            <h4 class="blue-card__title">Example Card title</h4>
          </div>
        </a>
      </div>
      <div class="package__item blue-card__wrapper">
        <a class="blue-card" href="#">
          <div class="blue-card__bg">
            <img src="http://fillmurray.com/320/180">
          </div>
          <div class="blue-card__content">
            <h4 class="blue-card__title">Example Card title</h4>
          </div>
        </a>
      </div>
      <div class="package__item blue-card__wrapper">
        <a class="blue-card" href="#">
          <div class="blue-card__bg">
            <img src="http://fillmurray.com/320/180">
          </div>
          <div class="blue-card__content">
            <h4 class="blue-card__title">Example Card title</h4>
          </div>
        </a>
      </div>
      <div class="package__item blue-card__wrapper">
        <a class="blue-card" href="#">
          <div class="blue-card__bg">
            <img src="http://fillmurray.com/320/180">
          </div>
          <div class="blue-card__content">
            <h4 class="blue-card__title">Example Card title</h4>
          </div>
        </a>
      </div>
    </div>
  </section>
</div>

Styleguide 11.8
*/
.package--card-list {
  padding: 0 32px;
  margin: 50px 0; }
  @media screen and (min-width: 672px) {
    .package--card-list {
      padding: 0 55px; } }
  @media print {
    .package--card-list {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .package--card-list {
      padding: 0 88px; } }
  @media print {
    .package--card-list {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .package--card-list {
      padding: 0 120px; } }
  @media print {
    .package--card-list {
      padding: 0 120px; } }
  .package--card-list .package__items {
    position: relative; }
  .package--card-list .section-subtitle {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100%;
    max-width: 100%; }
    .package--card-list .section-subtitle p {
      text-align: left;
      margin-bottom: 0; }
  .package--card-list .blue-card__bg:after {
    -webkit-transition: background .25s ease;
    transition: background .25s ease; }
  .package--card-list .blue-card:focus:after, .package--card-list .blue-card:hover:after {
    opacity: 1; }
  .package--card-list .blue-card:focus .blue-card__bg:after, .package--card-list .blue-card:hover .blue-card__bg:after {
    background-color: rgba(22, 85, 161, 0.9); }
  .package--card-list .blue-card:focus .blue-card__title, .package--card-list .blue-card:hover .blue-card__title {
    text-decoration: underline; }
  .package--card-list .package__item:before {
    background-repeat: no-repeat;
    background-size: 100%; }
  .package--card-list .package__item:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    width: 790px;
    height: 100px;
    top: 200px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    right: -520px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/ourprograms2.svg); }
  .package--card-list .package__item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 880px;
    height: 470px;
    right: -230px;
    bottom: -250px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/our_programs1.svg); }
  @media screen and (min-width: 672px) {
    .package--card-list .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
    .package--card-list .section-subtitle {
      min-width: 100%;
      max-width: 100%; }
    .package--card-list .package__item:nth-child(2):before {
      display: none; }
    .package--card-list .package__item:nth-child(3):before {
      content: "";
      display: block;
      position: absolute;
      width: 790px;
      height: 100px;
      top: 170px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      right: -580px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/ourprograms2.svg); } }
  @media print {
    .package--card-list .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
    .package--card-list .section-subtitle {
      min-width: 100%;
      max-width: 100%; }
    .package--card-list .package__item:nth-child(2):before {
      display: none; }
    .package--card-list .package__item:nth-child(3):before {
      content: "";
      display: block;
      position: absolute;
      width: 790px;
      height: 100px;
      top: 170px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      right: -580px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/ourprograms2.svg); } }
  @media screen and (min-width: 1024px) {
    .package--card-list {
      margin: 80px 0; }
      .package--card-list .package__items {
        margin-left: -17px;
        margin-right: -17px; }
      .package--card-list .section-subtitle {
        min-width: 66.66%;
        max-width: 66.66%;
        width: 66.66%;
        margin-bottom: 34px;
        padding: 0 92px 0 17px;
        text-align: left; }
      .package--card-list .blue-card:after {
        bottom: 20px; }
      .package--card-list .package__item:nth-child(2):before {
        display: block;
        width: 790px;
        height: 190px;
        top: -30px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: -470px; }
      .package--card-list .package__item:nth-child(3):before {
        content: "";
        display: block;
        position: absolute;
        width: 880px;
        height: 470px;
        top: -70px;
        left: -270px;
        right: auto;
        bottom: auto;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/our_programs1.svg); }
      .package--card-list .package__item:nth-child(8):before {
        content: "";
        display: block;
        position: absolute;
        width: 880px;
        height: 470px;
        right: -370px;
        bottom: -200px;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/our_programs1.svg); }
      .package--card-list .package__item:last-child:before {
        display: none; }
      .package--card-list .package__item:last-child:nth-child(8):before {
        display: block; } }
  @media print {
    .package--card-list {
      margin: 80px 0; }
      .package--card-list .package__items {
        margin-left: -17px;
        margin-right: -17px; }
      .package--card-list .section-subtitle {
        min-width: 66.66%;
        max-width: 66.66%;
        width: 66.66%;
        margin-bottom: 34px;
        padding: 0 92px 0 17px;
        text-align: left; }
      .package--card-list .blue-card:after {
        bottom: 20px; }
      .package--card-list .package__item:nth-child(2):before {
        display: block;
        width: 790px;
        height: 190px;
        top: -30px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: -470px; }
      .package--card-list .package__item:nth-child(3):before {
        content: "";
        display: block;
        position: absolute;
        width: 880px;
        height: 470px;
        top: -70px;
        left: -270px;
        right: auto;
        bottom: auto;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/our_programs1.svg); }
      .package--card-list .package__item:nth-child(8):before {
        content: "";
        display: block;
        position: absolute;
        width: 880px;
        height: 470px;
        right: -370px;
        bottom: -200px;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/our_programs1.svg); }
      .package--card-list .package__item:last-child:before {
        display: none; }
      .package--card-list .package__item:last-child:nth-child(8):before {
        display: block; } }
  @media screen and (min-width: 1280px) {
    .package--card-list {
      margin: 100px 0 80px; }
      .package--card-list .section-subtitle {
        margin-bottom: 40px;
        padding-right: 100px; }
      .package--card-list .blue-card:after {
        bottom: 30px; }
      .package--card-list .package__item:nth-child(2):before {
        right: -410px; }
      .package--card-list .package__item:nth-child(3):before {
        top: -90px;
        left: -230px; }
      .package--card-list .package__item:nth-child(8):before {
        right: -230px;
        bottom: -90px; } }
  @media print {
    .package--card-list {
      margin: 100px 0 80px; }
      .package--card-list .section-subtitle {
        margin-bottom: 40px;
        padding-right: 100px; }
      .package--card-list .blue-card:after {
        bottom: 30px; }
      .package--card-list .package__item:nth-child(2):before {
        right: -410px; }
      .package--card-list .package__item:nth-child(3):before {
        top: -90px;
        left: -230px; }
      .package--card-list .package__item:nth-child(8):before {
        right: -230px;
        bottom: -90px; } }

/*
Package -- tabbed.

A package with a tabbed interface.

markup:
<div class="main">
  <section class='package package--tabbed-content'>
    <div class='package--tabbed-content__top'>
      <h3 class='homepage__headline'>Patient Outcomes</h3>
      <p class='homepage__subheadline'>At AbilityLab, you become part of a community that will celebrate and champion your successes.</p>
    </div>
    <div class='package--tabbed-content__layout'>
      <ul class='tabs' data-tabs id='accessible-tabs' role='tablist'>
        <li class='tabs-title is-active' role='presentation'>
          <a class='tab-anchor' href='#outcome1' role='tab' tabindex='0' aria-selected='true' aria-controls='outcome1'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-1.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Lauren Niimi — Participating in this magical time in her children’s lives</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class='tabs-title' role='presentation'>
          <a class='tab-anchor' href='#outcome2' role='tab' tabindex='0' aria-selected='false' aria-controls='outcome2'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-2.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class='tabs-title' role='presentation'>
          <a class='tab-anchor' href='#outcome3' role='tab' tabindex='0' aria-selected='false' aria-controls='outcome3'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-3.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
      <div class='tabs-content' data-tabs-content='accessible-tabs'>
        <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active' id='outcome1'>
          <div class='package--tabbed-content__story'>
            <div class='package--tabbed-content__image' aria-hidden='true'>
              <img class='package--tabbed-content__img' src='../images/fpo_images/patient-1.jpg'>
            </div>
            <div class='package--tabbed-content__content'>
              <a class='package--tabbed-content__title' href='http://google.com'>Lauren Niimi — Participating in this magical time in her children’s lives</a>
              <div class='package--tabbed-content__tag'>patient story</div>
            </div>
            <div class='package--tabbed-content__staff'>
              <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/employee_0.jpg'>
              </div>
              <div class='package--tabbed-content__details'>
                <div class='package--tabbed-content__name'>Dr. Pellentesque Commodo Cursus</div>
                <div class='package--tabbed-content__job'>Vestibulum id ligula porta felis euismod semper</div>
                <a class='cta-button' href='http://google.com'>View Profile</a>
              </div>
            </div>
          </div>
        </section>
        <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='outcome2'>
          <div class='package--tabbed-content__story'>
            <div class='package--tabbed-content__image' aria-hidden='true'>
              <img class='package--tabbed-content__img' src='../images/fpo_images/patient-2.jpg'>
            </div>
            <div class='package--tabbed-content__content'>
              <a class='package--tabbed-content__title' href='http://google.com'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</a>
              <div class='package--tabbed-content__tag'>patient story</div>
            </div>
            <div class='package--tabbed-content__staff'>
              <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/employee_1.jpg'>
              </div>
              <div class='package--tabbed-content__details'>
                <div class='package--tabbed-content__name'>Dr. Mattis Vehicula Lorem</div>
                <div class='package--tabbed-content__job'>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</div>
                <a class='cta-button' href='http://google.com'>View Profile</a>
              </div>
            </div>
          </div>
        </section>
        <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='outcome3'>
          <div class='package--tabbed-content__story'>
            <div  class='package--tabbed-content__image' aria-hidden='true'>
              <img class='package--tabbed-content__img' src='../images/fpo_images/patient-3.jpg'>
            </div>
            <div class='package--tabbed-content__content'>
              <a class='package--tabbed-content__title' href='http://google.com'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</a>
              <div class='package--tabbed-content__tag'>patient story</div>
            </div>
            <div class='package--tabbed-content__staff'>
              <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/employee_2.jpg'>
              </div>
              <div class='package--tabbed-content__details'>
                <div class='package--tabbed-content__name'>Dr. Fusce Sit Tortor</div>
                <div class='package--tabbed-content__job'>Sed posuere consectetur est at lobortis</div>
                <a class='cta-button' href='http://google.com'>View Profile</a>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </section>
</div>

Styleguide 11.13
*/
.package--tabbed-content {
  position: relative;
  overflow: hidden; }
  .package--tabbed-content.package {
    padding: 0; }
  .package--tabbed-content .homepage__headline {
    text-align: left;
    margin: 0 32px 15px;
    max-width: 840px; }
  .package--tabbed-content__layout {
    position: relative;
    margin-right: 30px;
    padding-top: 30px; }
    .package--tabbed-content__layout:after {
      content: " ";
      width: 260px;
      height: 354px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/apply2.svg");
      background-size: cover;
      display: block;
      position: absolute;
      bottom: auto;
      top: -45px;
      right: -35px;
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg); }
  .package--tabbed-content__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
    .package--tabbed-content__image img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover";
      height: 80%; }
  .package--tabbed-content__content {
    position: absolute;
    z-index: 2;
    right: -30px;
    width: calc(100% + 30px);
    max-width: unset;
    top: auto;
    bottom: 0;
    left: auto;
    padding: 35px 35px 30px 95px;
    min-height: 170px;
    max-width: 1102px; }
    .package--tabbed-content__content::before {
      content: "";
      background: rgba(35, 143, 207, 0.8);
      border-radius: 125px 0 0 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1; }
    .package--tabbed-content__content::after {
      font-family: "gibson-semibold", sans-serif;
      content: "\201D";
      color: #fefefe;
      font-size: 105px;
      height: 55px;
      width: 55px;
      font-weight: 600;
      top: -35px;
      left: 40px;
      position: absolute; }
  .package--tabbed-content__story {
    width: 100%;
    padding-top: 0;
    margin-bottom: 0;
    position: relative;
    height: 333px; }
    .package--tabbed-content--wide .package--tabbed-content__story .package--tabbed-content__content::after,
    .package--tabbed-content--wide .package--tabbed-content__story .package--tabbed-content__content::before {
      display: none; }
  .package--tabbed-content__title {
    font-family: "gibson-light", sans-serif;
    color: #fff;
    line-height: inherit;
    text-decoration: underline;
    text-decoration-thickness: 0.04em;
    text-underline-offset: 0.125em;
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 0;
    text-decoration: none; }
    .package--tabbed-content__title:hover, .package--tabbed-content__title:focus {
      color: #fff; }
    .package--tabbed-content__title:hover, .package--tabbed-content__title:focus {
      text-decoration: underline;
      text-decoration-thickness: 0.04em;
      text-underline-offset: 0.125em; }
  .package--tabbed-content__tag {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.015em;
    color: var(--sra-tag-color);
    position: relative;
    margin: 0;
    text-transform: capitalize;
    color: #fefefe;
    font-size: 1.2rem; }
    .package--tabbed-content__tag i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.1rem; }
      .package--tabbed-content__tag i:before {
        color: var(--sra-tag-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 3.4rem;
        text-decoration: none; }
      .package--tabbed-content__tag i:hover:before {
        text-decoration: none; }
      .package--tabbed-content__tag i:before {
        line-height: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .package--tabbed-content__tag {
        font-size: 1.4rem; } }
    @media print {
      .package--tabbed-content__tag {
        font-size: 1.4rem; } }
    .package--tabbed-content__tag i:before {
      color: #fefefe; }
  .package--tabbed-content__staff {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 3;
    left: 20px;
    right: 20px;
    bottom: 20px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    min-height: 100px; }
  .package--tabbed-content__headshot {
    position: relative;
    z-index: 1;
    height: 60px;
    width: 60px;
    margin-top: 20px;
    margin-left: 20px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
    .package--tabbed-content__headshot:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.25); }
    .package--tabbed-content__headshot.overlay-hidden:after {
      opacity: 0; }
  .package--tabbed-content__details {
    margin: 20px 20px 20px 110px; }
  .package--tabbed-content__name {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.6rem;
    line-height: 2rem; }
  .package--tabbed-content__job {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--sra-text-gray-color); }
  .package--tabbed-content .cta-button {
    display: none; }
  .package--tabbed-content .tabs {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px; }
  .package--tabbed-content .tabs-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    padding-right: 80px; }
    .package--tabbed-content .tabs-buttons .tab-prev i {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      margin-left: 7px; }
    .package--tabbed-content .tabs-buttons .tab-next i {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg);
      margin-right: 7px; }
    .package--tabbed-content .tabs-buttons .tab-next,
    .package--tabbed-content .tabs-buttons .tab-prev {
      position: relative;
      border-radius: 0px;
      border: 1px solid #E71324;
      height: 42px;
      width: 42px; }
      .package--tabbed-content .tabs-buttons .tab-next i,
      .package--tabbed-content .tabs-buttons .tab-prev i {
        display: inline-block;
        height: 14px;
        position: relative;
        width: 14px;
        margin-top: 2px; }
        .package--tabbed-content .tabs-buttons .tab-next i::after,
        .package--tabbed-content .tabs-buttons .tab-prev i::after {
          content: "";
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-right-style: solid;
          border-right-width: 1px;
          display: inline-block;
          height: 14px;
          left: 0;
          position: absolute;
          top: 0;
          width: 14px;
          border-color: #E71324; }
    .package--tabbed-content .tabs-buttons--mobile {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      z-index: 10;
      left: 25px;
      bottom: 35px;
      padding: 0; }
      @media screen and (min-width: 1024px) {
        .package--tabbed-content .tabs-buttons--mobile {
          display: none; } }
      @media print {
        .package--tabbed-content .tabs-buttons--mobile {
          display: none; } }
      .package--tabbed-content .tabs-buttons--mobile .tab-next,
      .package--tabbed-content .tabs-buttons--mobile .tab-prev {
        border: 1px solid #fefefe;
        height: 30px;
        width: 30px; }
        .package--tabbed-content .tabs-buttons--mobile .tab-next i::after,
        .package--tabbed-content .tabs-buttons--mobile .tab-prev i::after {
          border-color: #fefefe;
          font-size: 2.8rem; }
      .package--tabbed-content .tabs-buttons--mobile .tab-prev {
        margin-bottom: 15px; }
    .package--tabbed-content .tabs-buttons--desktop {
      display: none; }
      @media screen and (min-width: 1024px) {
        .package--tabbed-content .tabs-buttons--desktop {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      @media print {
        .package--tabbed-content .tabs-buttons--desktop {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
  @media screen and (min-width: 672px) {
    .package--tabbed-content .homepage__headline {
      font-size: 6rem; }
    .package--tabbed-content__title {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .package--tabbed-content__story {
      height: 550px; }
    .package--tabbed-content__image img {
      height: 90%; } }
  @media print {
    .package--tabbed-content .homepage__headline {
      font-size: 6rem; }
    .package--tabbed-content__title {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .package--tabbed-content__story {
      height: 550px; }
    .package--tabbed-content__image img {
      height: 90%; } }
  @media screen and (min-width: 1024px) {
    .package--tabbed-content .tabs-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 12px;
      padding-right: 45px; }
      .package--tabbed-content .tabs-buttons .tab-prev {
        margin-right: 30px; }
        .package--tabbed-content .tabs-buttons .tab-prev i {
          margin-left: 8px; }
      .package--tabbed-content .tabs-buttons .tab-next i {
        margin-right: 8px; }
      .package--tabbed-content .tabs-buttons .tab-next,
      .package--tabbed-content .tabs-buttons .tab-prev {
        position: relative;
        border-radius: 0px;
        border: 1px solid #E71324;
        height: 42px;
        width: 42px; }
        .package--tabbed-content .tabs-buttons .tab-next i,
        .package--tabbed-content .tabs-buttons .tab-prev i {
          height: 16px;
          width: 16px; }
          .package--tabbed-content .tabs-buttons .tab-next i::after,
          .package--tabbed-content .tabs-buttons .tab-prev i::after {
            height: 16px;
            width: 16px; }
      .package--tabbed-content .tabs-buttons--mobile {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 10;
        left: 25px;
        bottom: 35px;
        padding: 0; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--tabbed-content .tabs-buttons--mobile {
        display: none; } }
  @media screen and (min-width: 1024px) {
        .package--tabbed-content .tabs-buttons--mobile .tab-next,
        .package--tabbed-content .tabs-buttons--mobile .tab-prev {
          border: 1px solid #fefefe;
          height: 30px;
          width: 30px; }
          .package--tabbed-content .tabs-buttons--mobile .tab-next i::after,
          .package--tabbed-content .tabs-buttons--mobile .tab-prev i::after {
            border-color: #fefefe;
            font-size: 2.8rem; }
        .package--tabbed-content .tabs-buttons--mobile .tab-prev {
          margin-bottom: 15px; }
      .package--tabbed-content .tabs-buttons--desktop {
        display: none; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .package--tabbed-content .tabs-buttons--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media screen and (min-width: 1024px) {
    .package--tabbed-content__content {
      right: 0;
      width: 75%;
      padding: 45px 48px 53px 111px;
      min-height: unset; }
      .package--tabbed-content__content::before {
        border-radius: 150px 0 0 0; }
      .package--tabbed-content__content::after {
        font-size: 175px;
        height: 261px;
        width: 363px;
        left: 5px;
        top: -65px;
        pointer-events: none; }
    .package--tabbed-content__image img {
      height: 100%; }
    .package--tabbed-content__story {
      height: 510px; }
    .package--tabbed-content__layout {
      margin-right: 120px;
      padding-bottom: 210px; }
      .package--tabbed-content__layout:before {
        content: " ";
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply3.svg);
        background-size: 100%;
        display: block;
        position: absolute;
        top: -55px;
        left: 0;
        width: 280px;
        height: 280px;
        background-repeat: space; }
      .package--tabbed-content__layout:after {
        right: -90px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        top: -175px;
        width: 305px;
        height: 415px; }
    .package--tabbed-content .cta-button {
      display: inline-block;
      position: absolute;
      bottom: 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .package--tabbed-content .tabs {
      position: absolute;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-top: 0; }
    .package--tabbed-content__staff {
      width: 260px;
      top: 20px;
      left: auto;
      right: -20px;
      bottom: 20px;
      -webkit-transform: none;
      transform: none;
      text-align: center; }
      .js-animate .package--tabbed-content__staff {
        right: -40px; }
    .package--tabbed-content__headshot {
      height: 190px;
      width: 100%;
      margin-top: 0;
      margin-left: 0;
      border-radius: 0;
      overflow: hidden;
      position: relative;
      top: auto;
      left: auto; }
    .package--tabbed-content__details {
      margin: 20px 20px 90px; }
    .package--tabbed-content__name {
      font-size: 2.6rem;
      line-height: 3.2rem;
      margin-bottom: 10px; }
    .package--tabbed-content__job {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media print {
    .package--tabbed-content .tabs-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 12px;
      padding-right: 45px; }
      .package--tabbed-content .tabs-buttons .tab-prev {
        margin-right: 30px; }
        .package--tabbed-content .tabs-buttons .tab-prev i {
          margin-left: 8px; }
      .package--tabbed-content .tabs-buttons .tab-next i {
        margin-right: 8px; }
      .package--tabbed-content .tabs-buttons .tab-next,
      .package--tabbed-content .tabs-buttons .tab-prev {
        position: relative;
        border-radius: 0px;
        border: 1px solid #E71324;
        height: 42px;
        width: 42px; }
        .package--tabbed-content .tabs-buttons .tab-next i,
        .package--tabbed-content .tabs-buttons .tab-prev i {
          height: 16px;
          width: 16px; }
          .package--tabbed-content .tabs-buttons .tab-next i::after,
          .package--tabbed-content .tabs-buttons .tab-prev i::after {
            height: 16px;
            width: 16px; }
      .package--tabbed-content .tabs-buttons--mobile {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 10;
        left: 25px;
        bottom: 35px;
        padding: 0; } }
    @media print {
      .package--tabbed-content .tabs-buttons--mobile {
        display: none; } }
  @media print {
        .package--tabbed-content .tabs-buttons--mobile .tab-next,
        .package--tabbed-content .tabs-buttons--mobile .tab-prev {
          border: 1px solid #fefefe;
          height: 30px;
          width: 30px; }
          .package--tabbed-content .tabs-buttons--mobile .tab-next i::after,
          .package--tabbed-content .tabs-buttons--mobile .tab-prev i::after {
            border-color: #fefefe;
            font-size: 2.8rem; }
        .package--tabbed-content .tabs-buttons--mobile .tab-prev {
          margin-bottom: 15px; }
      .package--tabbed-content .tabs-buttons--desktop {
        display: none; } }
    @media print {
      .package--tabbed-content .tabs-buttons--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media print {
    .package--tabbed-content__content {
      right: 0;
      width: 75%;
      padding: 45px 48px 53px 111px;
      min-height: unset; }
      .package--tabbed-content__content::before {
        border-radius: 150px 0 0 0; }
      .package--tabbed-content__content::after {
        font-size: 175px;
        height: 261px;
        width: 363px;
        left: 5px;
        top: -65px;
        pointer-events: none; }
    .package--tabbed-content__image img {
      height: 100%; }
    .package--tabbed-content__story {
      height: 510px; }
    .package--tabbed-content__layout {
      margin-right: 120px;
      padding-bottom: 210px; }
      .package--tabbed-content__layout:before {
        content: " ";
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply3.svg);
        background-size: 100%;
        display: block;
        position: absolute;
        top: -55px;
        left: 0;
        width: 280px;
        height: 280px;
        background-repeat: space; }
      .package--tabbed-content__layout:after {
        right: -90px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        top: -175px;
        width: 305px;
        height: 415px; }
    .package--tabbed-content .cta-button {
      display: inline-block;
      position: absolute;
      bottom: 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .package--tabbed-content .tabs {
      position: absolute;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-top: 0; }
    .package--tabbed-content__staff {
      width: 260px;
      top: 20px;
      left: auto;
      right: -20px;
      bottom: 20px;
      -webkit-transform: none;
      transform: none;
      text-align: center; }
      .js-animate .package--tabbed-content__staff {
        right: -40px; }
    .package--tabbed-content__headshot {
      height: 190px;
      width: 100%;
      margin-top: 0;
      margin-left: 0;
      border-radius: 0;
      overflow: hidden;
      position: relative;
      top: auto;
      left: auto; }
    .package--tabbed-content__details {
      margin: 20px 20px 90px; }
    .package--tabbed-content__name {
      font-size: 2.6rem;
      line-height: 3.2rem;
      margin-bottom: 10px; }
    .package--tabbed-content__job {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media screen and (min-width: 1280px) {
    .package--tabbed-content .tabs-buttons {
      padding-right: 80px; }
    .package--tabbed-content__layout {
      padding-bottom: 185px; }
    .package--tabbed-content__story {
      height: 630px; }
    .package--tabbed-content__staff {
      width: 320px;
      top: 40px;
      bottom: 40px; }
    .package--tabbed-content__headshot {
      height: 234px; } }
  @media print {
    .package--tabbed-content .tabs-buttons {
      padding-right: 80px; }
    .package--tabbed-content__layout {
      padding-bottom: 185px; }
    .package--tabbed-content__story {
      height: 630px; }
    .package--tabbed-content__staff {
      width: 320px;
      top: 40px;
      bottom: 40px; }
    .package--tabbed-content__headshot {
      height: 234px; } }
  @media screen and (min-width: 1440px) {
    .package--tabbed-content__story {
      height: 930px; }
    .package--tabbed-content__layout {
      padding-bottom: 145px; } }
  .package--tabbed-content.package--patient-outcomes .package--tabbed-content__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .package--tabbed-content.package--patient-outcomes .tabs-content .package--tabbed-content__tag {
    display: none; }
  .package--tabbed-content.package--patient-outcomes .package--tabbed-content__layout {
    padding-top: 0; }
    .package--tabbed-content.package--patient-outcomes .package--tabbed-content__layout:after {
      width: 157px;
      height: 214px;
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg); }
  @media screen and (min-width: 1024px) {
    .package--tabbed-content.package--patient-outcomes .package--tabbed-content__layout:after {
      right: -90px;
      top: -175px;
      width: 305px;
      height: 415px; }
    .package--tabbed-content.package--patient-outcomes .homepage__headline {
      margin-bottom: 46px; }
    .package--tabbed-content.package--patient-outcomes .homepage__subheadline {
      max-width: 1040px;
      margin-bottom: 85px; } }
  @media print {
    .package--tabbed-content.package--patient-outcomes .package--tabbed-content__layout:after {
      right: -90px;
      top: -175px;
      width: 305px;
      height: 415px; }
    .package--tabbed-content.package--patient-outcomes .homepage__headline {
      margin-bottom: 46px; }
    .package--tabbed-content.package--patient-outcomes .homepage__subheadline {
      max-width: 1040px;
      margin-bottom: 85px; } }
  .package--tabbed-content.package--patient-outcomes .tabs-title.is-active {
    opacity: unset; }

@media screen and (min-width: 1024px) {
  .package--tabbed-hero.package--tabbed-content .tabs {
    left: auto; } }

@media print {
  .package--tabbed-hero.package--tabbed-content .tabs {
    left: auto; } }

.package--tabbed-hero.package--tabbed-content ul.tabs {
  padding-top: 30px; }
  @media screen and (max-width: 1023px) {
    .package--tabbed-hero.package--tabbed-content ul.tabs {
      left: auto; } }

.package--tabbed-hero.package--tabbed-content .tab-next,
.package--tabbed-hero.package--tabbed-content .tab-prev {
  border: 1px solid #E71324;
  -webkit-transition: all .15s;
  transition: all .15s; }
  .package--tabbed-hero.package--tabbed-content .tab-next:hover,
  .package--tabbed-hero.package--tabbed-content .tab-prev:hover {
    background: #E71324; }
    .package--tabbed-hero.package--tabbed-content .tab-next:hover i::after,
    .package--tabbed-hero.package--tabbed-content .tab-prev:hover i::after {
      border-color: #fefefe; }
  .package--tabbed-hero.package--tabbed-content .tab-next i::after,
  .package--tabbed-hero.package--tabbed-content .tab-prev i::after {
    border-color: #E71324; }

.package--tabbed-hero.package--tabbed-content .tabs-buttons--desktop {
  padding-left: 45px;
  padding-right: 80px; }

.package--tabbed-hero.package--tabbed-content .tabs-buttons--mobile {
  left: 60px; }

.package--tabbed-hero.package--tabbed-content li.tabs-title {
  padding-top: 0; }

@media screen and (max-width: 671px) {
  .package--tabbed-hero.package--tabbed-content .package--tabbed-content__story {
    height: auto; } }

@media screen and (max-width: 1023px) {
  .package--tabbed-hero .package--tabbed-content__image {
    position: relative; } }

@media screen and (max-width: 1023px) {
  .package--tabbed-hero div.package--tabbed-content__content {
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 30px;
    padding-left: 80px;
    -webkit-transform: none;
    transform: none; } }

@media screen and (max-width: 671px) {
  .package--tabbed-hero div.package--tabbed-content__content {
    position: relative;
    margin-top: -30px; } }

.what-sets-us-apart {
  position: relative;
  overflow: hidden; }
  .what-sets-us-apart__bullets {
    position: absolute;
    z-index: 1; }
    .what-sets-us-apart__bullets .bullet-graphic {
      display: block;
      cursor: pointer;
      height: 17.53px;
      width: 17.53px;
      border-radius: 100%;
      border: 2px solid #2590CE;
      background-color: #ffffff;
      margin-bottom: 20px;
      margin-left: 21px;
      position: relative;
      margin-right: 5.5px;
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .what-sets-us-apart__bullets .bullet-graphic.last, .what-sets-us-apart__bullets .bullet-graphic.last-even {
        margin-bottom: 0; }
        .what-sets-us-apart__bullets .bullet-graphic.last::before, .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
          content: '';
          pointer-events: none;
          display: block;
          position: absolute;
          width: 44px;
          height: 37.5px;
          right: -22.5px;
          top: 6.5px;
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
          background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/curve-around-bullet.png");
          background-repeat: no-repeat;
          background-position-y: 100%;
          background-size: auto 200%; }
      .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); }
      .what-sets-us-apart__bullets .bullet-graphic:nth-child(even) {
        margin-left: 38px; }
        .what-sets-us-apart__bullets .bullet-graphic:nth-child(even)::before {
          content: '';
          pointer-events: none;
          display: block;
          position: absolute;
          width: 44px;
          height: 75px;
          left: -25px;
          top: -31px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/curve-around-bullet.png");
          background-repeat: repeat;
          background-size: auto 100%; }
      .what-sets-us-apart__bullets .bullet-graphic.active {
        background-color: #2590CE; }
    .what-sets-us-apart__bullets .bullet-guide-line--top,
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      background-repeat: repeat-y;
      background-position: -20px 0;
      height: 272px;
      margin-left: auto;
      width: 20px; }
    .what-sets-us-apart__bullets .bullet-guide-line--top {
      margin-bottom: 29px;
      background-size: auto 52.1%;
      background-position: -5.9px 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/blue-lines-top.png"); }
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      margin-top: 28.5px;
      height: 1000px;
      background-position: 1.23px 0;
      background-size: auto 24px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/blue-lines-bottom.png"); }
      .what-sets-us-apart__bullets .bullet-guide-line--bottom.left {
        background-position: -0.25px 0;
        background-size: auto 2.39%;
        margin-right: 24px;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); }
  .what-sets-us-apart__content {
    padding: 40px 0 40px 110px;
    z-index: 0; }
    .what-sets-us-apart__content .section-title,
    .what-sets-us-apart__content .section-subtitle {
      text-align: left;
      margin: 0; }
    .what-sets-us-apart__content .section-title {
      padding-bottom: 20px;
      padding-right: 40px;
      font-size: 4.8rem;
      line-height: 4.8rem; }
    .what-sets-us-apart__content .section-subtitle {
      padding-bottom: 16px;
      padding-right: 40px;
      color: var(--sra-gray);
      font-size: 1.5rem;
      line-height: 1.9rem; }
  .what-sets-us-apart__inner-content, .what-sets-us-apart__image--mobile, .what-sets-us-apart__image--desktop {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .what-sets-us-apart__image--mobile, .what-sets-us-apart__image--desktop {
    position: relative;
    min-width: 290px;
    min-height: 190px;
    -webkit-clip-path: inset(0 round 120px 0 0 120px);
    clip-path: inset(0 round 120px 0 0 120px);
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 29px;
    margin-left: auto;
    padding: 8px 0 8px 8px; }
    .what-sets-us-apart__image--mobile > .item-image, .what-sets-us-apart__image--desktop > .item-image {
      position: absolute;
      top: 8px;
      bottom: 8px;
      right: 8px;
      left: 8px;
      -webkit-clip-path: inset(0 round 120px 0 0 120px);
      clip-path: inset(0 round 120px 0 0 120px);
      z-index: -1;
      width: 100%;
      opacity: 0;
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .what-sets-us-apart__image--mobile > .item-image img, .what-sets-us-apart__image--desktop > .item-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-clip-path: inset(0 round 120px 0 0 120px);
        clip-path: inset(0 round 120px 0 0 120px); }
      .what-sets-us-apart__image--mobile > .item-image.active, .what-sets-us-apart__image--desktop > .item-image.active {
        z-index: 1;
        opacity: 1; }
  .what-sets-us-apart__image--desktop {
    display: none; }
  .what-sets-us-apart__items {
    padding-right: 40px; }
  .what-sets-us-apart__item {
    margin-bottom: 33px; }
    .what-sets-us-apart__item .what-sets-us-apart__description {
      height: 0;
      overflow: hidden; }
    .what-sets-us-apart__item.active {
      width: 100%; }
      .what-sets-us-apart__item.active .what-sets-us-apart__title {
        color: #2590CE; }
      .what-sets-us-apart__item.active .what-sets-us-apart__description {
        height: 7.6rem;
        overflow: auto;
        padding-bottom: 10px;
        padding-top: 7px;
        border-bottom: 1px solid #2590CE; }
  .what-sets-us-apart__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.4rem;
    line-height: 1; }
  .what-sets-us-apart__description {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.5rem;
    line-height: 1.9rem; }
  .what-sets-us-apart .background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #F2F8FC;
    z-index: -1; }
  @media screen and (min-width: 1024px) {
    .what-sets-us-apart__bullets .bullet-graphic {
      height: 43px;
      width: 43px;
      margin-bottom: 47px;
      margin-left: 109px;
      margin-right: 14px; }
      .what-sets-us-apart__bullets .bullet-graphic.last, .what-sets-us-apart__bullets .bullet-graphic.last-even {
        margin-bottom: 0; }
        .what-sets-us-apart__bullets .bullet-graphic.last::before, .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
          width: 103px;
          height: 90px;
          right: -49px;
          top: 21px;
          background-size: unset;
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
      .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); }
      .what-sets-us-apart__bullets .bullet-graphic:nth-child(even) {
        margin-left: 149px; }
        .what-sets-us-apart__bullets .bullet-graphic:nth-child(even)::before {
          width: 103px;
          height: 180px;
          left: -55px;
          top: -69px;
          background-size: unset; }
    .what-sets-us-apart__bullets .bullet-guide-line--top,
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      width: 62px;
      height: 331px;
      background-size: auto 100%; }
    .what-sets-us-apart__bullets .bullet-guide-line--top {
      margin-bottom: 67px;
      background-position: 0 0; }
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      margin-top: 70px;
      height: 1000px;
      background-position: 17px 0;
      background-size: auto 57px; }
      .what-sets-us-apart__bullets .bullet-guide-line--bottom.left {
        background-size: auto 57px;
        margin-right: 53px;
        background-position: 9px 0; }
    .what-sets-us-apart__image--mobile, .what-sets-us-apart__image--desktop {
      padding: 0;
      margin-bottom: 0;
      -webkit-clip-path: none;
      clip-path: none;
      border-radius: 100% 0 0 100%;
      border: 17px solid #ffffff;
      border-right: 0; }
      .what-sets-us-apart__image--mobile > .item-image, .what-sets-us-apart__image--desktop > .item-image {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        -webkit-clip-path: none;
        clip-path: none; }
        .what-sets-us-apart__image--mobile > .item-image img, .what-sets-us-apart__image--desktop > .item-image img {
          -webkit-clip-path: none;
          clip-path: none; }
    .what-sets-us-apart__image--mobile {
      display: none; }
    .what-sets-us-apart__image--desktop {
      display: block;
      max-width: 613px;
      max-height: 639px;
      position: relative; }
    .what-sets-us-apart__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 90px 0 106px 320px;
      position: relative; }
      .what-sets-us-apart__content::before {
        content: '';
        pointer-events: none;
        display: block;
        position: absolute;
        width: 400px;
        height: 335px;
        bottom: 0;
        right: 0;
        background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/rectangle.svg");
        background-repeat: no-repeat;
        background-size: 100%; }
      .what-sets-us-apart__content .section-title {
        padding-bottom: 50px;
        padding-right: 0;
        font-size: 6rem;
        line-height: 6rem; }
      .what-sets-us-apart__content .section-subtitle {
        padding-bottom: 65px;
        padding-right: 0;
        font-size: 2.6rem;
        line-height: 4.2rem; }
    .what-sets-us-apart__inner-content {
      padding-right: 25px; }
    .what-sets-us-apart__title {
      font-size: 3.8rem;
      line-height: 4.6rem; }
    .what-sets-us-apart__description {
      font-size: 1.7rem; }
    .what-sets-us-apart__item.active .what-sets-us-apart__description {
      padding-top: 14px; } }
  @media print {
    .what-sets-us-apart__bullets .bullet-graphic {
      height: 43px;
      width: 43px;
      margin-bottom: 47px;
      margin-left: 109px;
      margin-right: 14px; }
      .what-sets-us-apart__bullets .bullet-graphic.last, .what-sets-us-apart__bullets .bullet-graphic.last-even {
        margin-bottom: 0; }
        .what-sets-us-apart__bullets .bullet-graphic.last::before, .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
          width: 103px;
          height: 90px;
          right: -49px;
          top: 21px;
          background-size: unset;
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
      .what-sets-us-apart__bullets .bullet-graphic.last-even::before {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); }
      .what-sets-us-apart__bullets .bullet-graphic:nth-child(even) {
        margin-left: 149px; }
        .what-sets-us-apart__bullets .bullet-graphic:nth-child(even)::before {
          width: 103px;
          height: 180px;
          left: -55px;
          top: -69px;
          background-size: unset; }
    .what-sets-us-apart__bullets .bullet-guide-line--top,
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      width: 62px;
      height: 331px;
      background-size: auto 100%; }
    .what-sets-us-apart__bullets .bullet-guide-line--top {
      margin-bottom: 67px;
      background-position: 0 0; }
    .what-sets-us-apart__bullets .bullet-guide-line--bottom {
      margin-top: 70px;
      height: 1000px;
      background-position: 17px 0;
      background-size: auto 57px; }
      .what-sets-us-apart__bullets .bullet-guide-line--bottom.left {
        background-size: auto 57px;
        margin-right: 53px;
        background-position: 9px 0; }
    .what-sets-us-apart__image--mobile, .what-sets-us-apart__image--desktop {
      padding: 0;
      margin-bottom: 0;
      -webkit-clip-path: none;
      clip-path: none;
      border-radius: 100% 0 0 100%;
      border: 17px solid #ffffff;
      border-right: 0; }
      .what-sets-us-apart__image--mobile > .item-image, .what-sets-us-apart__image--desktop > .item-image {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        -webkit-clip-path: none;
        clip-path: none; }
        .what-sets-us-apart__image--mobile > .item-image img, .what-sets-us-apart__image--desktop > .item-image img {
          -webkit-clip-path: none;
          clip-path: none; }
    .what-sets-us-apart__image--mobile {
      display: none; }
    .what-sets-us-apart__image--desktop {
      display: block;
      max-width: 613px;
      max-height: 639px;
      position: relative; }
    .what-sets-us-apart__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 90px 0 106px 320px;
      position: relative; }
      .what-sets-us-apart__content::before {
        content: '';
        pointer-events: none;
        display: block;
        position: absolute;
        width: 400px;
        height: 335px;
        bottom: 0;
        right: 0;
        background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/rectangle.svg");
        background-repeat: no-repeat;
        background-size: 100%; }
      .what-sets-us-apart__content .section-title {
        padding-bottom: 50px;
        padding-right: 0;
        font-size: 6rem;
        line-height: 6rem; }
      .what-sets-us-apart__content .section-subtitle {
        padding-bottom: 65px;
        padding-right: 0;
        font-size: 2.6rem;
        line-height: 4.2rem; }
    .what-sets-us-apart__inner-content {
      padding-right: 25px; }
    .what-sets-us-apart__title {
      font-size: 3.8rem;
      line-height: 4.6rem; }
    .what-sets-us-apart__description {
      font-size: 1.7rem; }
    .what-sets-us-apart__item.active .what-sets-us-apart__description {
      padding-top: 14px; } }
  .what-sets-us-apart__learn-more {
    font-family: "gibson-light", sans-serif;
    display: inline-block;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.6rem; }
  @media screen and (min-width: 1280px) {
    .what-sets-us-apart__content::before {
      width: 500px;
      height: 420px; } }
  @media print {
    .what-sets-us-apart__content::before {
      width: 500px;
      height: 420px; } }
  @media screen and (min-width: 1440px) {
    .what-sets-us-apart__container {
      max-width: 2560px;
      margin: 0 auto; } }

.package--tabbed-content .tabs-panel {
  position: relative;
  padding: 0; }

.package--tabbed-content .tabs-title {
  position: relative; }
  .package--tabbed-content .tabs-title * {
    background-color: transparent !important; }

.page--give .package--tabbed-content .tabs {
  width: 100%; }

.package--tabbed-content .tabs-content {
  position: relative; }

.package--tabbed-content .tabs-title {
  margin-bottom: 20px; }
  .package--tabbed-content .tabs-title.is-active {
    opacity: .5; }

.package--tabbed-content .tab-anchor {
  padding: 0;
  text-decoration: none;
  overflow: hidden; }

.package--tabbed-content__title {
  z-index: 1; }

.package--tabbed-content-tab {
  position: relative; }
  .package--tabbed-content-tab__image {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 32px; }
    .package--tabbed-content-tab__image img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }
  .package--tabbed-content-tab__content {
    margin-left: 90px;
    margin-right: 20px;
    min-height: 50px; }
  .package--tabbed-content-tab__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    z-index: 1; }
  .package--tabbed-content-tab__tag {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.015em;
    color: var(--sra-tag-color);
    position: relative;
    margin: 0;
    text-transform: capitalize; }
    .package--tabbed-content-tab__tag i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.1rem; }
      .package--tabbed-content-tab__tag i:before {
        color: var(--sra-tag-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 3.4rem;
        text-decoration: none; }
      .package--tabbed-content-tab__tag i:hover:before {
        text-decoration: none; }
      .package--tabbed-content-tab__tag i:before {
        line-height: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .package--tabbed-content-tab__tag {
        font-size: 1.4rem; } }
    @media print {
      .package--tabbed-content-tab__tag {
        font-size: 1.4rem; } }

@media screen and (min-width: 672px) {
  .package--tabbed-content-tab__title {
    font-size: 1.8rem;
    line-height: 2rem; } }

@media print {
  .package--tabbed-content-tab__title {
    font-size: 1.8rem;
    line-height: 2rem; } }

@media screen and (min-width: 1024px) {
  .package--tabbed-content .tabs {
    padding-top: 30px;
    right: 0;
    left: 88px; }
    .package--tabbed-content .tabs::before {
      content: " ";
      width: 116px;
      height: 116px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply1.svg);
      background-size: cover;
      display: block;
      position: absolute;
      top: -45px;
      left: -132px; }
  .package--tabbed-content .tabs-title {
    width: 33%;
    border-right: 1px solid var(--sra-border-color);
    margin-bottom: 0; }
    .package--tabbed-content .tabs-title:last-child {
      border-right: 0; }
      .package--tabbed-content .tabs-title:last-child .package--tabbed-content-tab__content {
        margin-right: 0; }
    .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__image {
      left: 0; }
    .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__content {
      margin-left: 88px; }
  .package--tabbed-content .tab-anchor {
    height: 180px; }
  .package--tabbed-content-tab__title {
    padding-bottom: 20px; } }

@media print {
  .package--tabbed-content .tabs {
    padding-top: 30px;
    right: 0;
    left: 88px; }
    .package--tabbed-content .tabs::before {
      content: " ";
      width: 116px;
      height: 116px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply1.svg);
      background-size: cover;
      display: block;
      position: absolute;
      top: -45px;
      left: -132px; }
  .package--tabbed-content .tabs-title {
    width: 33%;
    border-right: 1px solid var(--sra-border-color);
    margin-bottom: 0; }
    .package--tabbed-content .tabs-title:last-child {
      border-right: 0; }
      .package--tabbed-content .tabs-title:last-child .package--tabbed-content-tab__content {
        margin-right: 0; }
    .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__image {
      left: 0; }
    .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__content {
      margin-left: 88px; }
  .package--tabbed-content .tab-anchor {
    height: 180px; }
  .package--tabbed-content-tab__title {
    padding-bottom: 20px; } }

@media screen and (min-width: 1280px) {
  .package--tabbed-content-tab__image {
    width: 60px;
    height: 60px; }
  .package--tabbed-content-tab__content {
    margin-left: 120px;
    margin-right: 40px; }
  .package--tabbed-content .tab-anchor {
    height: 170px; }
  .package--tabbed-content .tabs-title:last-child .package--tabbed-content-tab__content {
    margin-right: 0; }
  .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__image {
    left: 0; }
  .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__content {
    margin-left: 88px; } }

@media print {
  .package--tabbed-content-tab__image {
    width: 60px;
    height: 60px; }
  .package--tabbed-content-tab__content {
    margin-left: 120px;
    margin-right: 40px; }
  .package--tabbed-content .tab-anchor {
    height: 170px; }
  .package--tabbed-content .tabs-title:last-child .package--tabbed-content-tab__content {
    margin-right: 0; }
  .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__image {
    left: 0; }
  .package--tabbed-content .tabs-title:first-child .package--tabbed-content-tab__content {
    margin-left: 88px; } }

@media screen and (min-width: 1440px) {
  .package--tabbed-content .tabs {
    left: 110px; }
    .package--tabbed-content .tabs::before {
      left: -154px; }
  .package--tabbed-content .tab-anchor {
    height: 115px; } }

@media screen and (min-width: 1600px) {
  .package--tabbed-content .tabs {
    left: 275px; }
    .package--tabbed-content .tabs::before {
      left: -340px;
      top: -60px;
      width: 160px;
      height: 160px; } }

/*
Package -- tabbed & wide.

A package with a tabbed interface.

markup:
<div class="main">
  <div class='package--tabbed-content--wide'>
    <section class='package package--tabbed-content'>
      <div class='package--tabbed-content__layout'>
        <div class='tabs-content' data-tabs-content='accessible-tabs'>
          <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active' id='lab-tab-1'>
            <div class='package--tabbed-content__story'>
              <div class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-1.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <h4 class='package--tabbed-content__title'>Lauren Niimi — Participating in this magical time in her children’s lives</h4>
                <div class='package--tabbed-content__subtitle'>Aenean lacinia bibendum nulla sed consectetur.</div>
                <a class='package--tabbed-content___read-more' href='http://google.com'>read more</a>
              </div>
            </div>
          </section>
          <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='lab-tab-2'>
            <div class='package--tabbed-content__story'>
              <div class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-2.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <h4 class='package--tabbed-content__title'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</h4>
                <div class='package--tabbed-content__subtitle'>Nulla vitae elit libero, a pharetra augue.</div>
                <a class='package--tabbed-content___read-more' href='http://google.com'>read more</a>
              </div>
            </div>
          </section>
          <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='lab-tab-3'>
            <div class='package--tabbed-content__story'>
              <div  class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-3.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <h4 class='package--tabbed-content__title'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</h4>
                <div class='package--tabbed-content__subtitle'>Praesent commodo cursus magna, vel scelerisque nisl consectetur et</div>
                <a class='package--tabbed-content___read-more' href='http://google.com'>read more</a>
              </div>
            </div>
          </section>
        </div>
      </div>
      <ul class='tabs' data-tabs id='accessible-tabs' role='tablist'>
        <li class='tabs-title is-active' role='presentation'>
          <a class='tab-anchor' href='#lab-tab-1' role='tab' tabindex='0' aria-selected='true' aria-controls='lab-tab-1'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-1.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Lauren Niimi — Participating in this magical time in her children’s lives</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class='tabs-title' role='presentation'>
          <a class='tab-anchor' href='#lab-tab-2' role='tab' tabindex='0' aria-selected='false' aria-controls='lab-tab-2'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-2.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class='tabs-title' role='presentation'>
          <a class='tab-anchor' href='#lab-tab-3' role='tab' tabindex='0' aria-selected='false' aria-controls='lab-tab-3'>
            <div class='tab-anchor__content'>
              <div class='package--tabbed-content-tab'>
                <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                  <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-3.jpg'>
                </div>
                <div class='package--tabbed-content-tab__content'>
                  <div class='package--tabbed-content-tab__title'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</div>
                  <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </section>
  </div>
</div>

Styleguide 11.17
*/
.package--tabbed-content--wide .package--tabbed-content {
  background-color: #B2B4B2;
  padding-bottom: 38px;
  position: relative; }
  .package--tabbed-content--wide .package--tabbed-content:after {
    content: " ";
    display: block;
    width: 384px;
    height: 219px;
    background-image: url("../images/svgs/wave-form-2.svg");
    position: absolute;
    z-index: 0;
    bottom: 30px;
    right: -60px;
    pointer-events: none; }
  .package--tabbed-content--wide .package--tabbed-content .tabs {
    background-color: #B2B4B2;
    margin: 0;
    z-index: 1; }
    .package--tabbed-content--wide .package--tabbed-content .tabs .tabs-title {
      cursor: pointer; }
  .package--tabbed-content--wide .package--tabbed-content__layout {
    position: relative; }
    .package--tabbed-content--wide .package--tabbed-content__layout:before, .package--tabbed-content--wide .package--tabbed-content__layout:after {
      display: none; }
  .package--tabbed-content--wide .package--tabbed-content__image {
    bottom: auto; }
  .package--tabbed-content--wide .package--tabbed-content__content {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    top: 100%;
    -webkit-transform: translate(-50%, -40px);
    transform: translate(-50%, -40px);
    padding: 40px;
    text-align: center;
    position: relative;
    z-index: 1; }
    .package--tabbed-content--wide .package--tabbed-content__content:before {
      content: " ";
      display: block;
      width: 50px;
      height: 43px;
      background-image: url("../images/svgs/hexagon-blue.svg");
      position: absolute;
      z-index: 2;
      top: 24px;
      right: -26px;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .package--tabbed-content--wide .package--tabbed-content__story {
    margin-bottom: 0;
    background-color: #f3f3f3;
    position: relative; }
    .package--tabbed-content--wide .package--tabbed-content__story:before {
      content: " ";
      display: block;
      width: 136px;
      height: 162px;
      background-image: url("../images/svgs/cells-green.svg");
      position: absolute;
      z-index: 0;
      bottom: 0;
      left: 4px; }
    .package--tabbed-content--wide .package--tabbed-content--wide .package--tabbed-content__story .package--tabbed-content__content::after,
    .package--tabbed-content--wide .package--tabbed-content--wide .package--tabbed-content__story .package--tabbed-content__content::before {
      display: none; }
  .package--tabbed-content--wide .package--tabbed-content__title {
    color: #0a0a0a;
    font-size: 3rem;
    line-height: 3.8rem;
    margin-bottom: 20px; }
  .package--tabbed-content--wide .package--tabbed-content__subtitle {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 30px; }
  .package--tabbed-content--wide .package--tabbed-content___read-more {
    font-size: 1.6rem;
    line-height: 2.7rem; }
  @media screen and (min-width: 1024px) {
    .package--tabbed-content--wide .package--tabbed-content {
      padding-bottom: 180px; }
      .package--tabbed-content--wide .package--tabbed-content:after {
        right: -106px;
        top: 27px; }
      .package--tabbed-content--wide .package--tabbed-content .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        background-color: #fefefe; }
        .package--tabbed-content--wide .package--tabbed-content .tabs:before {
          display: none; }
      .package--tabbed-content--wide .package--tabbed-content__layout {
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0; }
      .package--tabbed-content--wide .package--tabbed-content__story {
        margin-bottom: 0;
        background-color: #f3f3f3;
        position: relative; }
        .package--tabbed-content--wide .package--tabbed-content__story:before {
          z-index: 2;
          bottom: auto;
          left: 49%;
          top: 147px;
          width: 296px;
          height: 353px; }
      .package--tabbed-content--wide .package--tabbed-content__content {
        position: absolute;
        top: 50%;
        left: 54.6875%;
        right: 9.375%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        text-align: left;
        z-index: 3; }
      .package--tabbed-content--wide .package--tabbed-content__image {
        bottom: 0;
        right: 32.8125%; }
      .package--tabbed-content--wide .package--tabbed-content-tab__title {
        font-size: 1.6rem; } }
  @media print {
    .package--tabbed-content--wide .package--tabbed-content {
      padding-bottom: 180px; }
      .package--tabbed-content--wide .package--tabbed-content:after {
        right: -106px;
        top: 27px; }
      .package--tabbed-content--wide .package--tabbed-content .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        background-color: #fefefe; }
        .package--tabbed-content--wide .package--tabbed-content .tabs:before {
          display: none; }
      .package--tabbed-content--wide .package--tabbed-content__layout {
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0; }
      .package--tabbed-content--wide .package--tabbed-content__story {
        margin-bottom: 0;
        background-color: #f3f3f3;
        position: relative; }
        .package--tabbed-content--wide .package--tabbed-content__story:before {
          z-index: 2;
          bottom: auto;
          left: 49%;
          top: 147px;
          width: 296px;
          height: 353px; }
      .package--tabbed-content--wide .package--tabbed-content__content {
        position: absolute;
        top: 50%;
        left: 54.6875%;
        right: 9.375%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        text-align: left;
        z-index: 3; }
      .package--tabbed-content--wide .package--tabbed-content__image {
        bottom: 0;
        right: 32.8125%; }
      .package--tabbed-content--wide .package--tabbed-content-tab__title {
        font-size: 1.6rem; } }
  @media screen and (min-width: 1280px) {
    .package--tabbed-content--wide .package--tabbed-content {
      padding-bottom: 185px; }
      .package--tabbed-content--wide .package--tabbed-content__content {
        padding: 40px 60px; }
      .package--tabbed-content--wide .package--tabbed-content__story:before {
        top: 266px; }
      .package--tabbed-content--wide .package--tabbed-content__title {
        font-size: 4rem;
        line-height: 4.8rem;
        margin-bottom: 20px; }
      .package--tabbed-content--wide .package--tabbed-content__subtitle {
        font-size: 2.3rem;
        line-height: 3rem;
        margin-bottom: 30px; }
      .package--tabbed-content--wide .package--tabbed-content___read-more {
        font-size: 1.6rem;
        line-height: 2.7rem; } }
  @media print {
    .package--tabbed-content--wide .package--tabbed-content {
      padding-bottom: 185px; }
      .package--tabbed-content--wide .package--tabbed-content__content {
        padding: 40px 60px; }
      .package--tabbed-content--wide .package--tabbed-content__story:before {
        top: 266px; }
      .package--tabbed-content--wide .package--tabbed-content__title {
        font-size: 4rem;
        line-height: 4.8rem;
        margin-bottom: 20px; }
      .package--tabbed-content--wide .package--tabbed-content__subtitle {
        font-size: 2.3rem;
        line-height: 3rem;
        margin-bottom: 30px; }
      .package--tabbed-content--wide .package--tabbed-content___read-more {
        font-size: 1.6rem;
        line-height: 2.7rem; } }
  @media screen and (min-width: 1440px) {
    .package--tabbed-content--wide .package--tabbed-content {
      padding-bottom: 145px; } }

/*
Circular Items List.

A visual index representing page content with icons inside circles. Represented
on the Learn landing page and Research landing page.

.package--circular-items--learn - Add this class when you are using the learn graphics.
.package--circular-items--research - Add this class when you are using the abilitylab graphics.

markup:
<div class="main">
  <section class="package package--circular-items {{modifier_class}}">
    <div class="package__items">
        <div class="package__item">
          <a class="patient-education" href="#">
            <span class="graphic" aria-hidden="true"></span>
            <p>patient education</p>
          </a>
        </div>
        <div class="package__item">
          <a class="clinical-education" href="#">
            <span class="graphic" aria-hidden="true"></span>
            <p>clinical education</p>
          </a>
        </div>
        <div class="package__item">
          <a class="academic-partners" href="#">
            <span class="graphic" aria-hidden="true"></span>
            <p>academic partners</p>
          </a>
        </div>
        <div class="package__item">
          <a class="health-system-partners" href="#">
            <span class="graphic" aria-hidden="true"></span>
            <p>health systems partners</p>
          </a>
        </div>
      </div>
  </section>
</div>

Styleguide 11.12
*/
.package--circular-items {
  margin-top: 0; }

.package--circular-items--learn {
  text-align: center; }
  .package--circular-items--learn .package__items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    width: 100%;
    max-width: 130px;
    margin: 0 auto; }
  .package--circular-items--learn .graphic {
    display: block;
    width: 100%;
    padding-top: 100%;
    height: 0;
    border-radius: 50%; }
  .package--circular-items--learn .package__item {
    display: block;
    width: 130px;
    margin-top: 40px;
    margin: 40px 0 0;
    text-align: center; }
    .package--circular-items--learn .package__item:nth-child(1) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/patient_education.svg);
      background-size: 47px 50px; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--learn .package__item:nth-child(1) .graphic {
          background-size: 61px 65px; } }
      @media print {
        .package--circular-items--learn .package__item:nth-child(1) .graphic {
          background-size: 61px 65px; } }
    .package--circular-items--learn .package__item:nth-child(2) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/clincical_education.svg);
      background-size: 52px 60px; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--learn .package__item:nth-child(2) .graphic {
          background-size: 61px 71px; } }
      @media print {
        .package--circular-items--learn .package__item:nth-child(2) .graphic {
          background-size: 61px 71px; } }
    .package--circular-items--learn .package__item:nth-child(3) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/academic_partners.svg);
      background-size: 64px 47px; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--learn .package__item:nth-child(3) .graphic {
          background-size: 77px 57px; } }
      @media print {
        .package--circular-items--learn .package__item:nth-child(3) .graphic {
          background-size: 77px 57px; } }
    .package--circular-items--learn .package__item:nth-child(4) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/alliance_network.svg);
      background-size: 65px 45px; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--learn .package__item:nth-child(4) .graphic {
          background-size: 75px 71px; } }
      @media print {
        .package--circular-items--learn .package__item:nth-child(4) .graphic {
          background-size: 75px 71px; } }
  .package--circular-items--learn a {
    text-decoration: none; }
  .package--circular-items--learn p {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.8rem;
    letter-spacing: .01em;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px; }
  @media screen and (min-width: 672px) {
    .package--circular-items--learn .package__items {
      max-width: 340px; }
    .package--circular-items--learn .package__item {
      max-width: 130px;
      min-width: 130px;
      margin-left: 20px;
      margin-right: 20px; } }
  @media print {
    .package--circular-items--learn .package__items {
      max-width: 340px; }
    .package--circular-items--learn .package__item {
      max-width: 130px;
      min-width: 130px;
      margin-left: 20px;
      margin-right: 20px; } }
  @media screen and (min-width: 1024px) {
    .package--circular-items--learn .package__items {
      max-width: 736px; }
    .package--circular-items--learn .package__item {
      max-width: 130px;
      min-width: 130px;
      margin-left: 27px;
      margin-right: 27px; } }
  @media print {
    .package--circular-items--learn .package__items {
      max-width: 736px; }
    .package--circular-items--learn .package__item {
      max-width: 130px;
      min-width: 130px;
      margin-left: 27px;
      margin-right: 27px; } }
  @media screen and (min-width: 1280px) {
    .package--circular-items--learn .package__items {
      max-width: 852px; }
    .package--circular-items--learn .package__item {
      max-width: 143px;
      min-width: 143px;
      margin-left: 35px;
      margin-right: 35px; } }
  @media print {
    .package--circular-items--learn .package__items {
      max-width: 852px; }
    .package--circular-items--learn .package__item {
      max-width: 143px;
      min-width: 143px;
      margin-left: 35px;
      margin-right: 35px; } }
  @media screen and (max-width: 1023px) {
    .package--circular-items--learn .package__item:nth-child(1), .package--circular-items--learn .package__item:nth-child(2) {
      margin-top: 0; } }
  @media screen and (max-width: 671px) {
    .package--circular-items--learn .package__item:nth-child(2) {
      margin-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .package--circular-items--learn {
      margin-top: 100px;
      border-top: 1px solid var(--sra-border-color); }
      .package--circular-items--learn .package__items {
        margin-top: -105px;
        background-color: #fefefe; } }
  @media print {
    .package--circular-items--learn {
      margin-top: 100px;
      border-top: 1px solid var(--sra-border-color); }
      .package--circular-items--learn .package__items {
        margin-top: -105px;
        background-color: #fefefe; } }
  @media screen and (min-width: 1280px) {
    .package--circular-items--learn {
      margin-top: 145px; }
      .package--circular-items--learn .package__items {
        margin-top: -110px; } }
  @media print {
    .package--circular-items--learn {
      margin-top: 145px; }
      .package--circular-items--learn .package__items {
        margin-top: -110px; } }

.package--circular-items--research {
  text-align: center; }
  .package--circular-items--research .package__items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    width: 100%;
    max-width: 316px;
    margin: 0 auto; }
  .package--circular-items--research .graphic {
    display: block;
    width: 100%;
    padding-top: 100%;
    height: 0;
    border-radius: 50%; }
  .package--circular-items--research .package__item {
    display: block;
    width: 108px;
    margin-top: 40px;
    margin: 40px 25px 0;
    text-align: center; }
    .package--circular-items--research .package__item:nth-child(1) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ArmsHands.svg);
      background-size: auto 70%; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--research .package__item:nth-child(1) .graphic {
          background-size: auto 70%; } }
      @media print {
        .package--circular-items--research .package__item:nth-child(1) .graphic {
          background-size: auto 70%; } }
    .package--circular-items--research .package__item:nth-child(2) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_LegsWalking.svg);
      background-size: auto 60%; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--research .package__item:nth-child(2) .graphic {
          background-size: auto 60%; } }
      @media print {
        .package--circular-items--research .package__item:nth-child(2) .graphic {
          background-size: auto 60%; } }
    .package--circular-items--research .package__item:nth-child(3) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_StrengthEndurance.svg);
      background-size: auto 50%; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--research .package__item:nth-child(3) .graphic {
          background-size: auto 50%; } }
      @media print {
        .package--circular-items--research .package__item:nth-child(3) .graphic {
          background-size: auto 50%; } }
    .package--circular-items--research .package__item:nth-child(4) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_ThinkSpeak.svg);
      background-size: auto 45%; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--research .package__item:nth-child(4) .graphic {
          background-size: auto 45%; } }
      @media print {
        .package--circular-items--research .package__item:nth-child(4) .graphic {
          background-size: auto 45%; } }
    .package--circular-items--research .package__item:nth-child(5) .graphic {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fef3ed;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/AL_Pediatric.svg);
      background-size: auto 50%; }
      @media screen and (min-width: 1280px) {
        .package--circular-items--research .package__item:nth-child(5) .graphic {
          background-size: auto 50%; } }
      @media print {
        .package--circular-items--research .package__item:nth-child(5) .graphic {
          background-size: auto 50%; } }
  .package--circular-items--research a {
    text-decoration: none; }
  .package--circular-items--research p {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.8rem;
    letter-spacing: .01em;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px; }
  @media screen and (min-width: 672px) {
    .package--circular-items--research .package__items {
      max-width: 474px; }
    .package--circular-items--research .package__item {
      max-width: 108px;
      min-width: 108px;
      margin-left: 25px;
      margin-right: 25px; } }
  @media print {
    .package--circular-items--research .package__items {
      max-width: 474px; }
    .package--circular-items--research .package__item {
      max-width: 108px;
      min-width: 108px;
      margin-left: 25px;
      margin-right: 25px; } }
  @media screen and (min-width: 1024px) {
    .package--circular-items--research .package__items {
      max-width: 810px; }
    .package--circular-items--research .package__item {
      max-width: 112px;
      min-width: 112px;
      margin-left: 25px;
      margin-right: 25px; } }
  @media print {
    .package--circular-items--research .package__items {
      max-width: 810px; }
    .package--circular-items--research .package__item {
      max-width: 112px;
      min-width: 112px;
      margin-left: 25px;
      margin-right: 25px; } }
  @media screen and (min-width: 1280px) {
    .package--circular-items--research .package__items {
      max-width: 1030px; }
    .package--circular-items--research .package__item {
      max-width: 150px;
      min-width: 150px;
      margin-left: 28px;
      margin-right: 28px; } }
  @media print {
    .package--circular-items--research .package__items {
      max-width: 1030px; }
    .package--circular-items--research .package__item {
      max-width: 150px;
      min-width: 150px;
      margin-left: 28px;
      margin-right: 28px; } }
  .package--circular-items--research p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-left: -10px;
    margin-right: -10px; }
  @media screen and (min-width: 1280px) {
    .package--circular-items--research p {
      font-size: 2.4rem;
      line-height: 3rem; } }
  @media print {
    .package--circular-items--research p {
      font-size: 2.4rem;
      line-height: 3rem; } }

/*
Cards inside a wrapper.

Cards sometimes appear in a grey section with background textures. You can see an
example on the Rehab Measure Landing page.

markup:
<div class="main sg-example">
  <section class="package package--cards">
    <header class="header">
      <h2 class="section-title">Updates + Additions</h2>
      <p class="section-subtitle">Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
    </header>
    <div class="cards__wrapper">
      <span class="cards__wrapper__graphic graphic-01" aria-hidden="true"></span>
      <span class="cards__wrapper__graphic graphic-02" aria-hidden="true"></span>
      <div class="cards">
        <div class="card">
        </div>
        <div class="card">
        </div>
        <div class="card">
        </div>
      </div>
      <a class="cta-button" href="#">view all</a>
    </div>
  </section>
</div>

Styleguide 17.7
*/
.package--cards {
  border-top: 1px solid var(--sra-border-color);
  padding: 50px 0 0;
  margin-top: 40px;
  margin-bottom: 40px; }
  .package--cards .header {
    padding: 0 32px; }
    @media screen and (min-width: 672px) {
      .package--cards .header {
        padding: 0 55px; } }
    @media print {
      .package--cards .header {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .package--cards .header {
        padding: 0 88px; } }
    @media print {
      .package--cards .header {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .package--cards .header {
        padding: 0 120px; } }
    @media print {
      .package--cards .header {
        padding: 0 120px; } }
  @media screen and (min-width: 1024px) {
    .package--cards {
      padding-top: 60px;
      margin-top: 50px;
      margin-bottom: 50px; } }
  @media print {
    .package--cards {
      padding-top: 60px;
      margin-top: 50px;
      margin-bottom: 50px; } }

.cards__wrapper {
  padding: 0 32px;
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
  background-color: #f3f3f3;
  text-align: center;
  overflow: hidden; }
  @media screen and (min-width: 672px) {
    .cards__wrapper {
      padding: 0 55px; } }
  @media print {
    .cards__wrapper {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .cards__wrapper {
      padding: 0 88px; } }
  @media print {
    .cards__wrapper {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .cards__wrapper {
      padding: 0 120px; } }
  @media print {
    .cards__wrapper {
      padding: 0 120px; } }
  .cards__wrapper__graphic {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%; }
    .cards__wrapper__graphic.graphic-01 {
      height: 330px;
      width: 840px;
      top: 90px;
      left: -320px; }
      .cards__wrapper__graphic.graphic-01 .st0 {
        fill: #D0D2D3; }
      .cards__wrapper__graphic.graphic-01 .st1 {
        fill: none; }
    .cards__wrapper__graphic.graphic-02 {
      bottom: 75px;
      right: -52%;
      width: 500px;
      height: 290px; }
      .cards__wrapper__graphic.graphic-02 svg .st0 {
        fill: #D0D2D3; }
      .cards__wrapper__graphic.graphic-02 svg .st1 {
        fill: none; }
  .cards__wrapper .cards {
    position: relative;
    z-index: 2;
    width: 256px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
  .cards__wrapper .card {
    display: inline-block;
    margin-top: 35px;
    height: auto; }
    .cards__wrapper .card:first-child {
      margin-top: 0; }
    .cards__wrapper .card:only-child {
      margin-right: 0; }
  .cards__wrapper .cta-button {
    position: relative;
    z-index: 2;
    margin-top: 40px; }
  .cards__wrapper .views-element-container {
    position: relative;
    z-index: 2; }
  .cards__wrapper .view-empty h3 {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem; }
  @media screen and (min-width: 672px) {
    .cards__wrapper {
      padding-top: 100px;
      padding-bottom: 50px; }
      .cards__wrapper:after {
        right: -65%; }
      .cards__wrapper .cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        width: 552px; }
        .cards__wrapper .cards:after {
          content: "";
          display: table;
          clear: both; }
      .cards__wrapper .card {
        display: block;
        height: auto;
        min-width: 256px;
        max-width: 256px;
        margin-top: 50px;
        margin-right: 40px; }
        .cards__wrapper .card:nth-child(2) {
          margin-top: 0; }
        .cards__wrapper .card--tweet {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .cards__wrapper__graphic.graphic-02 {
        right: -200px; } }
  @media print {
    .cards__wrapper {
      padding-top: 100px;
      padding-bottom: 50px; }
      .cards__wrapper:after {
        right: -65%; }
      .cards__wrapper .cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        width: 552px; }
        .cards__wrapper .cards:after {
          content: "";
          display: table;
          clear: both; }
      .cards__wrapper .card {
        display: block;
        height: auto;
        min-width: 256px;
        max-width: 256px;
        margin-top: 50px;
        margin-right: 40px; }
        .cards__wrapper .card:nth-child(2) {
          margin-top: 0; }
        .cards__wrapper .card--tweet {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .cards__wrapper__graphic.graphic-02 {
        right: -200px; } }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .cards__wrapper .card:nth-child(2n) {
      margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .cards__wrapper {
      padding-top: 60px;
      padding-bottom: 60px; }
      .cards__wrapper__graphic.graphic-01 {
        display: block;
        height: 330px;
        width: 840px;
        top: 90px;
        left: -320px; }
      .cards__wrapper__graphic.graphic-02 {
        right: -370px;
        bottom: 145px;
        width: 640px; }
      .cards__wrapper .cards {
        width: 848px; }
      .cards__wrapper .card:nth-child(3) {
        margin-top: 0; }
      .cards__wrapper .card:nth-child(3n) {
        margin-right: 0; } }
  @media print {
    .cards__wrapper {
      padding-top: 60px;
      padding-bottom: 60px; }
      .cards__wrapper__graphic.graphic-01 {
        display: block;
        height: 330px;
        width: 840px;
        top: 90px;
        left: -320px; }
      .cards__wrapper__graphic.graphic-02 {
        right: -370px;
        bottom: 145px;
        width: 640px; }
      .cards__wrapper .cards {
        width: 848px; }
      .cards__wrapper .card:nth-child(3) {
        margin-top: 0; }
      .cards__wrapper .card:nth-child(3n) {
        margin-right: 0; } }
  @media screen and (min-width: 1280px) {
    .cards__wrapper {
      padding: 60px 216px; }
      .cards__wrapper__graphic.graphic-01 {
        top: 100px;
        left: -280px; }
      .cards__wrapper__graphic.graphic-02 {
        right: -250px; } }
  @media print {
    .cards__wrapper {
      padding: 60px 216px; }
      .cards__wrapper__graphic.graphic-01 {
        top: 100px;
        left: -280px; }
      .cards__wrapper__graphic.graphic-02 {
        right: -250px; } }

/*
Cards inside a wrapper -- Social.

Cards sometimes appear in a grey section with background textures. You can see an
example on the Rehab Measure Landing page.

markup:
<div class="main sg-example">
  <section class="package package--cards package--cards--social">
    <header class="header">
      <h2 class="section-title">Updates + Additions</h2>
      <p class="section-subtitle">Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
    </header>
    <div class="cards__wrapper">
      <div class="cards">
        <div class="card">
        </div>
        <div class="card">
        </div>
        <div class="card">
        </div>
      </div>
      <div class="package--cards__follow">
        <h4 class="package--cards__follow__title">
          Follow Us
        </h4>
        <ul>
          <li>
            <a class="follow follow--facebook" href="#" target="_blank">facebook</a>
          </li>
          <li>
            <a class="follow follow--twitter" href="#" target="_blank">twitter</a>
          </li>
          <li>
            <a class="follow follow--blog" href="#" target="_blank">blog</a>
          </li>
        </ul>
      </div>
      <span class="graphic-01" aria-hidden="true"></span>
      <span class="graphic-02" aria-hidden="true"></span>
      <span class="graphic-03" aria-hidden="true"></span>
    </div>
  </section>
</div>

Styleguide 17.8
*/
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.package--cards--social .cards__wrapper {
  background-color: #e9f1f5;
  padding: 40px 32px; }
  .package--cards--social .cards__wrapper:before, .package--cards--social .cards__wrapper:after {
    display: none; }

.package--cards--social .cards {
  position: relative;
  z-index: 2; }

.package--cards--social .card--tweet > * {
  -webkit-animation: .5s ease fadein;
  animation: .5s ease fadein; }

.package--cards--social .card--tweet__img-mask {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden; }
  .package--cards--social .card--tweet__img-mask img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none; }

.package--cards--social .package--cards__follow {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 256px;
  margin: 35px auto 0;
  padding: 0 28px; }
  .package--cards--social .package--cards__follow__title,
  .package--cards--social .package--cards__follow ul,
  .package--cards--social .package--cards__follow li {
    display: inline-block;
    vertical-align: middle; }
  .package--cards--social .package--cards__follow__title,
  .package--cards--social .package--cards__follow a {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase; }
  .package--cards--social .package--cards__follow__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    text-align: left; }
  .package--cards--social .package--cards__follow ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .package--cards--social .package--cards__follow li {
    margin-left: 1rem; }
    .package--cards--social .package--cards__follow li:first-child {
      margin-left: 0; }
  .package--cards--social .package--cards__follow a {
    text-decoration: none; }
    .package--cards--social .package--cards__follow a:focus, .package--cards--social .package--cards__follow a:hover {
      color: #E71324; }
  .package--cards--social .package--cards__follow .follow {
    position: relative;
    display: block;
    height: 0;
    width: 2.52rem;
    padding-top: 2.4rem;
    overflow: hidden; }
    .package--cards--social .package--cards__follow .follow:before {
      position: absolute;
      top: 0;
      left: 0; }
  .package--cards--social .package--cards__follow .follow--facebook {
    text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--facebook:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--facebook:hover:before {
      text-decoration: none; }
  .package--cards--social .package--cards__follow .follow--twitter {
    text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--twitter:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--twitter:hover:before {
      text-decoration: none; }
  .package--cards--social .package--cards__follow .follow--blog {
    text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--blog:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .package--cards--social .package--cards__follow .follow--blog:hover:before {
      text-decoration: none; }

.package--cards--social .graphic-01,
.package--cards--social .graphic-02,
.package--cards--social .graphic-03 {
  position: absolute;
  z-index: 1;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%; }

.package--cards--social .graphic-01 {
  top: 20px;
  left: -50px;
  height: 230px;
  width: 45%;
  background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social1.svg); }

.package--cards--social .graphic-02 {
  top: 0;
  right: -50px;
  bottom: -180px;
  height: 210px;
  width: 160px;
  margin: auto;
  background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }

.package--cards--social .graphic-03 {
  bottom: 130px;
  left: -10px;
  height: 120px;
  width: 120px;
  background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }

@media screen and (min-width: 672px) {
  .package--cards--social .cards__wrapper {
    padding: 40px 55px; }
    .package--cards--social .cards__wrapper .graphic-01 {
      left: -70px;
      height: 270px;
      width: 190px; } }

@media print {
  .package--cards--social .cards__wrapper {
    padding: 40px 55px; }
    .package--cards--social .cards__wrapper .graphic-01 {
      left: -70px;
      height: 270px;
      width: 190px; } }

@media screen and (min-width: 1024px) {
  .package--cards--social {
    margin-top: 60px;
    margin-bottom: 60px; }
    .package--cards--social .cards__wrapper {
      padding: 60px 88px 50px; }
      .package--cards--social .cards__wrapper .graphic-01 {
        height: 270px;
        width: 150px;
        left: 25px;
        top: 33px; }
      .package--cards--social .cards__wrapper .graphic-02 {
        right: -20px;
        bottom: -30px;
        height: 210px;
        width: 170px; }
      .package--cards--social .cards__wrapper .graphic-03 {
        bottom: -70px;
        left: 40px; }
    .package--cards--social .package--cards__follow {
      display: inline-block;
      width: auto; }
      .package--cards--social .package--cards__follow li {
        margin-left: 4rem; }
        .package--cards--social .package--cards__follow li:first-child {
          margin-left: 4rem; }
      .package--cards--social .package--cards__follow .follow {
        height: auto;
        width: auto;
        padding-top: 0; }
        .package--cards--social .package--cards__follow .follow:before {
          position: relative;
          top: auto;
          left: auto;
          margin-right: .5rem; } }

@media print {
  .package--cards--social {
    margin-top: 60px;
    margin-bottom: 60px; }
    .package--cards--social .cards__wrapper {
      padding: 60px 88px 50px; }
      .package--cards--social .cards__wrapper .graphic-01 {
        height: 270px;
        width: 150px;
        left: 25px;
        top: 33px; }
      .package--cards--social .cards__wrapper .graphic-02 {
        right: -20px;
        bottom: -30px;
        height: 210px;
        width: 170px; }
      .package--cards--social .cards__wrapper .graphic-03 {
        bottom: -70px;
        left: 40px; }
    .package--cards--social .package--cards__follow {
      display: inline-block;
      width: auto; }
      .package--cards--social .package--cards__follow li {
        margin-left: 4rem; }
        .package--cards--social .package--cards__follow li:first-child {
          margin-left: 4rem; }
      .package--cards--social .package--cards__follow .follow {
        height: auto;
        width: auto;
        padding-top: 0; }
        .package--cards--social .package--cards__follow .follow:before {
          position: relative;
          top: auto;
          left: auto;
          margin-right: .5rem; } }

@media screen and (min-width: 1280px) {
  .package--cards--social {
    margin-top: 80px;
    margin-bottom: 80px; }
    .package--cards--social .cards__wrapper {
      padding: 80px 216px 50px; }
      .package--cards--social .cards__wrapper .graphic-01 {
        left: 145px;
        top: 40px; } }

@media print {
  .package--cards--social {
    margin-top: 80px;
    margin-bottom: 80px; }
    .package--cards--social .cards__wrapper {
      padding: 80px 216px 50px; }
      .package--cards--social .cards__wrapper .graphic-01 {
        left: 145px;
        top: 40px; } }

.search--body {
  margin-top: 30px;
  border-top: 1px solid var(--sra-border-color); }
  .search--body:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 672px) {
    .search--body {
      margin-top: 40px; } }
  @media print {
    .search--body {
      margin-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .search--body {
      margin-top: 60px; } }
  @media print {
    .search--body {
      margin-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .search--body {
      margin-top: 80px; } }
  @media print {
    .search--body {
      margin-top: 80px; } }

/*
Search

Styles for modules and content associated with search.

Styleguide 18
*/
/*
Search on Landing Page - Rehab Measures and Lifecenter Landing.

This is the search bar that appears at the top of landing pages.

markup:
<div class="main {{ modifier_class }}">
<form class="landing-page-search">
  <div class="form-item form-type-checkbox">
    <input type="text" placeholder="Search within Life Center" />
  </div>
  <div class="quicklinks">
    <h4 class="quicklinks__label">quick links:</h4>
    <a class="quicklink" href="#">Ultricies</a>
    <a class="quicklink" href="#">Sem Lorem</a>
    <a class="quicklink" href="#">Nullam Venenatis</a>
    <a class="quicklink" href="#">Ridiculus</a>
    <a class="quicklink" href="#">Tristique</a>
  </div>
  <div class="landing-page-filters js-landing-page-filters">
    <div class="landing-page-filters__actions">
      <a href="#" class="filter-action apply-filters">apply filters</a>
      <a href="#" class="filter-action clear-filters">clear filters</a>
    </div>
    <div class="landing-page-filters__wrapper">
      <h4 class="filter-cta">204 Results</h4>
      <h4 class="filter-cta">Filter By:</h4>
      <div class="landing-page-filters__group">
        <a href="#" class="hide filter-toggle js-filter-toggle">Conditions</a>
        <fieldset class="fieldgroup">
          <legend>
            <span class="fieldset-legend">Conditions</span>
          </legend>
          <div class="fieldset-wrapper">
            <div class="form-checkboxes">
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-1">
                <label for="condition-1">Acquired Brain Injury</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-2">
                <label for="condition-2">Arthritis</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-3">
                <label for="condition-3">Cardiac Conditions</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-4">
                <label for="condition-4">Cerebral Palsy</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-5">
                <label for="condition-5">Concussion</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-6">
                <label for="condition-6">COPD</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-7">
                <label for="condition-7">Design</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-8">
                <label for="condition-8">Fibromyalgia</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-9">
                <label for="condition-9">Geriatrics</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-10">
                <label for="condition-10">Hip Fracture</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-11">
                <label for="condition-11">Knee Dysfunction</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="condition-12">
                <label for="condition-12">Lower Limb Amputation</label>
              </div>
            </div>
          </div>
        </fieldset>
      </div>
      <div class="landing-page-filters__group">
        <a href="#" class="hide filter-toggle js-filter-toggle">More Search Options</a>
        <fieldset class="fieldgroup">
          <legend>
            <span class="fieldset-legend">More Search Options</span>
          </legend>
          <div class="fieldset-wrapper">
            <div class="form-checkboxes">
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-1">
                <label for="more-1">Search Opt 1</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-2">
                <label for="more-2">Search Opt 2</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-3">
                <label for="more-3">Search Opt 3</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-4">
                <label for="more-4">Search Opt 4</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-5">
                <label for="more-5">Search Opt 5</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-6">
                <label for="more-6">Search Opt 6</label>
              </div>
              <div class="form-item form-type-checkbox">
                <input type="checkbox" id="more-7">
                <label for="condition-7">Search Opt 7</label>
              </div>
            </div>
          </div>
        </fieldset>
      </div>
    </div>
  </div>
  <input type="submit" />
</form>
</div>

.js - A class added to the body when js is present. It is here to illustrate what the filters look like with and without js.

Styleguide 18.1
*/
.landing-page-search,
.lifecenter-search-form,
.rmd-search-form {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px;
  font-family: "gibson-regular", sans-serif;
  text-decoration: none;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: .18em;
  background-color: rgba(178, 180, 178, 0.2); }
  @media screen and (min-width: 672px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 672px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 1024px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 1280px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 55px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 88px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 120px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding: 0 120px; } }
  .landing-page-search:after,
  .lifecenter-search-form:after,
  .rmd-search-form:after {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .landing-page-search:hover:after,
  .lifecenter-search-form:hover:after,
  .rmd-search-form:hover:after {
    text-decoration: none; }
  .landing-page-search:after,
  .lifecenter-search-form:after,
  .rmd-search-form:after {
    position: absolute;
    top: 61px;
    right: 32px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: auto;
    text-align: center; }
  .landing-page-search input[type="text"],
  .lifecenter-search-form input[type="text"],
  .rmd-search-form input[type="text"] {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .18em;
    height: 50px;
    padding: 0 50px 0 20px;
    border: 0; }
    .landing-page-search input[type="text"].placeholder,
    .lifecenter-search-form input[type="text"].placeholder,
    .rmd-search-form input[type="text"].placeholder {
      color: var(--sra-gray);
      text-transform: uppercase; }
    .landing-page-search input[type="text"]:-moz-placeholder,
    .lifecenter-search-form input[type="text"]:-moz-placeholder,
    .rmd-search-form input[type="text"]:-moz-placeholder {
      color: var(--sra-gray);
      text-transform: uppercase; }
    .landing-page-search input[type="text"]::-moz-placeholder,
    .lifecenter-search-form input[type="text"]::-moz-placeholder,
    .rmd-search-form input[type="text"]::-moz-placeholder {
      color: var(--sra-gray);
      text-transform: uppercase; }
    .landing-page-search input[type="text"]::-webkit-input-placeholder,
    .lifecenter-search-form input[type="text"]::-webkit-input-placeholder,
    .rmd-search-form input[type="text"]::-webkit-input-placeholder {
      color: var(--sra-gray);
      text-transform: uppercase; }
    .landing-page-search input[type="text"]:-ms-input-placeholder,
    .lifecenter-search-form input[type="text"]:-ms-input-placeholder,
    .rmd-search-form input[type="text"]:-ms-input-placeholder {
      color: var(--sra-gray);
      text-transform: uppercase; }
  .landing-page-search .landing-page-search__label,
  .lifecenter-search-form .landing-page-search__label,
  .rmd-search-form .landing-page-search__label {
    font-family: "gibson-regular", sans-serif;
    color: var(--sra-gray);
    font-size: 1.2rem;
    line-height: 1.6rem;
    height: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .landing-page-search input[type="submit"],
  .lifecenter-search-form input[type="submit"],
  .rmd-search-form input[type="submit"] {
    position: absolute;
    top: 61px;
    right: 32px;
    height: 0;
    width: 50px;
    padding: 0;
    padding-top: 50px;
    border: 0;
    overflow: hidden;
    z-index: 20; }
    .landing-page-search input[type="submit"]:focus, .landing-page-search input[type="submit"]:hover,
    .lifecenter-search-form input[type="submit"]:focus,
    .lifecenter-search-form input[type="submit"]:hover,
    .rmd-search-form input[type="submit"]:focus,
    .rmd-search-form input[type="submit"]:hover {
      background-color: transparent; }
  .landing-page-search .quicklinks,
  .lifecenter-search-form .quicklinks,
  .rmd-search-form .quicklinks {
    padding: 20px 0; }
    .landing-page-search .quicklinks:after,
    .lifecenter-search-form .quicklinks:after,
    .rmd-search-form .quicklinks:after {
      content: "";
      display: table;
      clear: both; }
    .landing-page-search .quicklinks > *,
    .lifecenter-search-form .quicklinks > *,
    .rmd-search-form .quicklinks > * {
      display: block;
      float: left;
      width: 50%;
      margin-top: 25px;
      text-transform: uppercase; }
      .landing-page-search .quicklinks > *:nth-child(1), .landing-page-search .quicklinks > *:nth-child(2),
      .lifecenter-search-form .quicklinks > *:nth-child(1),
      .lifecenter-search-form .quicklinks > *:nth-child(2),
      .rmd-search-form .quicklinks > *:nth-child(1),
      .rmd-search-form .quicklinks > *:nth-child(2) {
        margin-top: 0; }
    .landing-page-search .quicklinks__label,
    .lifecenter-search-form .quicklinks__label,
    .rmd-search-form .quicklinks__label {
      font-family: "gibson-regular", sans-serif;
      margin-bottom: 0;
      color: var(--sra-gray);
      font-size: 1.2rem;
      line-height: 1.6rem; }
  .landing-page-search.button-hover:after,
  .lifecenter-search-form.button-hover:after,
  .rmd-search-form.button-hover:after {
    color: #0a0a0a; }
  @media screen and (min-width: 672px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 25px;
      padding-bottom: 25px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 61px;
        right: 55px;
        height: 50px;
        width: 50px;
        line-height: 50px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 50px;
        padding-right: 50px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 61px;
        right: 55px;
        width: 50px;
        padding-top: 50px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 25px;
      padding-bottom: 25px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 61px;
        right: 55px;
        height: 50px;
        width: 50px;
        line-height: 50px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 50px;
        padding-right: 50px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 61px;
        right: 55px;
        width: 50px;
        padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 76px;
        right: 88px;
        height: 70px;
        width: 70px;
        line-height: 70px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 70px;
        padding-right: 70px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 76px;
        right: 88px;
        width: 70px;
        padding-top: 70px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 76px;
        right: 88px;
        height: 70px;
        width: 70px;
        line-height: 70px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 70px;
        padding-right: 70px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 76px;
        right: 88px;
        width: 70px;
        padding-top: 70px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 76px;
        right: 120px;
        height: 70px;
        width: 70px;
        line-height: 70px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 70px;
        padding-right: 70px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 76px;
        right: 120px;
        width: 70px;
        padding-top: 70px; } }
  @media print {
    .landing-page-search,
    .lifecenter-search-form,
    .rmd-search-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .landing-page-search:after,
      .lifecenter-search-form:after,
      .rmd-search-form:after {
        top: 76px;
        right: 120px;
        height: 70px;
        width: 70px;
        line-height: 70px; }
      .landing-page-search input[type="text"],
      .lifecenter-search-form input[type="text"],
      .rmd-search-form input[type="text"] {
        height: 70px;
        padding-right: 70px; }
      .landing-page-search input[type="submit"],
      .lifecenter-search-form input[type="submit"],
      .rmd-search-form input[type="submit"] {
        top: 76px;
        right: 120px;
        width: 70px;
        padding-top: 70px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-search .quicklinks,
    .lifecenter-search-form .quicklinks,
    .rmd-search-form .quicklinks {
      padding: 30px 0; }
      .landing-page-search .quicklinks > *,
      .lifecenter-search-form .quicklinks > *,
      .rmd-search-form .quicklinks > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: auto;
        margin-top: 0;
        margin-left: 20px; }
        .landing-page-search .quicklinks > *:first-child,
        .lifecenter-search-form .quicklinks > *:first-child,
        .rmd-search-form .quicklinks > *:first-child {
          margin-left: 0; } }
  @media print {
    .landing-page-search .quicklinks,
    .lifecenter-search-form .quicklinks,
    .rmd-search-form .quicklinks {
      padding: 30px 0; }
      .landing-page-search .quicklinks > *,
      .lifecenter-search-form .quicklinks > *,
      .rmd-search-form .quicklinks > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: auto;
        margin-top: 0;
        margin-left: 20px; }
        .landing-page-search .quicklinks > *:first-child,
        .lifecenter-search-form .quicklinks > *:first-child,
        .rmd-search-form .quicklinks > *:first-child {
          margin-left: 0; } }

.landing-page-filters {
  padding: 0 32px;
  padding-top: 30px;
  background-color: #fefefe; }
  @media screen and (min-width: 672px) {
    .landing-page-filters {
      padding: 0 55px; } }
  @media print {
    .landing-page-filters {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-filters {
      padding: 0 88px; } }
  @media print {
    .landing-page-filters {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-filters {
      padding: 0 120px; } }
  @media print {
    .landing-page-filters {
      padding: 0 120px; } }
  .landing-page-search .landing-page-filters,
  .lifecenter-search-form .landing-page-filters {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both;
    margin-bottom: -25px; }
    @media screen and (min-width: 672px) {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      .landing-page-search .landing-page-filters,
      .lifecenter-search-form .landing-page-filters {
        margin-left: -120px;
        margin-right: -120px; } }
  .landing-page-filters .filter-action {
    font-family: "gibson-regular", sans-serif;
    color: var(--sra-text-gray-color);
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    clear: left;
    float: left;
    display: block;
    width: auto;
    padding: 15px 10px 10px 15px;
    margin-top: 5px;
    background-color: #B2B4B2;
    -webkit-transition: all .05s;
    transition: all .05s; }
    .landing-page-filters .filter-action i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      margin-left: 1rem; }
      .landing-page-filters .filter-action i:before {
        color: var(--sra-text-gray-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 1.2rem;
        text-decoration: none; }
      .landing-page-filters .filter-action i:hover:before {
        text-decoration: none; }
      .landing-page-filters .filter-action i:before {
        position: relative;
        top: -.05em; }
    .landing-page-filters .filter-action:focus, .landing-page-filters .filter-action:hover {
      background-color: #B2B4B2;
      color: var(--sra-text-gray-color); }
      .landing-page-filters .filter-action:focus i:before, .landing-page-filters .filter-action:hover i:before {
        color: #E71324; }
  .landing-page-filters .current-filters:after {
    content: "";
    display: table;
    clear: both; }
  .landing-page-filters .current-filters label {
    display: block;
    vertical-align: middle;
    margin-right: 1.5rem;
    margin-bottom: 15px;
    color: #6E6259; }
  .landing-page-filters .clear-filters,
  .landing-page-filters .search-link,
  .landing-page-filters .filter-toggle,
  .landing-page-filters .filter-cta {
    font-family: "gibson-regular", sans-serif;
    display: block;
    max-height: 1.6rem;
    min-height: 1.6rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase; }
  .landing-page-filters .apply-filters-wrapper {
    display: block;
    width: 100%;
    margin-top: 40px;
    text-align: center; }
  .landing-page-filters .apply-filters {
    font-family: "gibson-regular", sans-serif;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 15px 10px;
    border: 1px solid var(--sra-border-color);
    color: var(--sra-text-gray-color);
    cursor: default; }
    .landing-page-filters .apply-filters.active {
      color: #E71324;
      border-color: #E71324;
      -webkit-transition: all .25s ease;
      transition: all .25s ease;
      cursor: pointer; }
      .landing-page-filters .apply-filters.active:focus, .landing-page-filters .apply-filters.active:hover {
        color: #fefefe;
        background-color: #E71324; }
  .landing-page-filters .clear-filters {
    display: none;
    float: left;
    clear: left;
    background: transparent;
    width: auto;
    margin-top: 20px; }
    .landing-page-filters .clear-filters.visible {
      display: block; }
  .landing-page-filters .filter-cta {
    display: inline-block;
    vertical-align: middle;
    color: #6E6259; }
    .landing-page-filters .filter-cta:first-child {
      padding-right: 2rem; }
    .landing-page-filters .filter-cta:nth-child(2) {
      padding-left: 2rem;
      border-left: 1px solid var(--sra-border-color); }
  .landing-page-filters .landing-page-filters__group {
    padding-top: 20px;
    clear: left; }
    .landing-page-filters .landing-page-filters__group legend {
      float: none;
      margin-bottom: 0; }
    .landing-page-filters .landing-page-filters__group .fieldset-wrapper {
      margin-top: .5rem; }
  .landing-page-filters .search-link,
  .landing-page-filters .form-type-checkbox {
    margin-top: 1.5rem; }
  .landing-page-filters [type="checkbox"] {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .landing-page-filters [type="checkbox"] + label {
      cursor: pointer; }
    .landing-page-filters [type="checkbox"]:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .landing-page-filters [type="checkbox"]:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .landing-page-filters [type="checkbox"] + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .landing-page-filters [type="checkbox"] + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .landing-page-filters [type="checkbox"] + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .landing-page-filters [type="checkbox"] + label i:hover:before {
          text-decoration: none; }
        .landing-page-filters [type="checkbox"] + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .landing-page-filters [type="checkbox"] + label i:hover:after {
          text-decoration: none; }
        .landing-page-filters [type="checkbox"] + label i:after {
          position: absolute;
          width: 0;
          left: 0.3rem;
          top: 0.2rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 2rem; }
    .landing-page-filters [type="checkbox"]:checked + label i:after {
      width: 1.4rem; }
    .landing-page-filters [type="checkbox"] + label {
      padding-right: 3rem; }
  .landing-page-filters .search-form-links,
  .landing-page-filters .form-checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  @media screen and (min-width: 672px) {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -25px; } }
  @media print {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -25px; } }
  @media screen and (min-width: 1024px) {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -40px; } }
  @media print {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -40px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -40px; } }
  @media print {
    .landing-page-search .landing-page-filters,
    .lifecenter-search-form .landing-page-filters {
      margin-bottom: -40px; } }
  @media screen and (min-width: 672px) {
    .landing-page-filters {
      padding-top: 30px; }
      .landing-page-filters .filter-cta:first-child {
        padding-right: 3rem; }
      .landing-page-filters .filter-cta:nth-child(2) {
        padding-left: 3rem; } }
  @media print {
    .landing-page-filters {
      padding-top: 30px; }
      .landing-page-filters .filter-cta:first-child {
        padding-right: 3rem; }
      .landing-page-filters .filter-cta:nth-child(2) {
        padding-left: 3rem; } }
  @media screen and (min-width: 1024px) {
    .landing-page-filters {
      padding-top: 45px; }
      .landing-page-filters .current-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .landing-page-filters .current-filters label {
          margin: .5rem 3rem 0 0; }
      .landing-page-filters .filter-action {
        margin: .5rem .5rem 0 0; }
        .landing-page-filters .filter-action:nth-last-child(2) {
          margin-right: 3rem; }
      .landing-page-filters .clear-filters {
        margin: .5rem 0 0 0; }
      .landing-page-filters .landing-page-filters__group {
        padding-top: 30px; } }
  @media print {
    .landing-page-filters {
      padding-top: 45px; }
      .landing-page-filters .current-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .landing-page-filters .current-filters label {
          margin: .5rem 3rem 0 0; }
      .landing-page-filters .filter-action {
        margin: .5rem .5rem 0 0; }
        .landing-page-filters .filter-action:nth-last-child(2) {
          margin-right: 3rem; }
      .landing-page-filters .clear-filters {
        margin: .5rem 0 0 0; }
      .landing-page-filters .landing-page-filters__group {
        padding-top: 30px; } }
  @media screen and (min-width: 1280px) {
    .landing-page-filters .apply-filters-wrapper {
      width: auto;
      margin: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right; } }
  @media print {
    .landing-page-filters .apply-filters-wrapper {
      width: auto;
      margin: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right; } }
  .js .landing-page-filters {
    position: relative;
    display: none; }
    .js .landing-page-filters .landing-page-filters__wrapper {
      position: relative;
      display: block;
      overflow: hidden;
      margin-top: 15px;
      padding: 5px 0; }
    .js .landing-page-filters .landing-page-filters__group {
      position: relative;
      padding-top: 0;
      margin-top: 20px;
      height: 1.6rem;
      opacity: 0;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease; }
      .js .landing-page-filters .landing-page-filters__group .filter-toggle {
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: -webkit-transform .25s ease;
        transition: -webkit-transform .25s ease;
        transition: transform .25s ease;
        transition: transform .25s ease, -webkit-transform .25s ease;
        color: #0a0a0a; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle:after {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 1.4rem;
          text-decoration: none; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle:hover:after {
          text-decoration: none; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle:after {
          margin-left: .5rem;
          line-height: 1.6rem;
          -webkit-transition: -webkit-transform .25s ease;
          transition: -webkit-transform .25s ease;
          transition: transform .25s ease;
          transition: transform .25s ease, -webkit-transform .25s ease;
          text-decoration: none; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle span {
          text-decoration: underline; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle:hover {
          color: #E71324; }
      .js .landing-page-filters .landing-page-filters__group .filter-cta:nth-child(2) {
        margin-right: 20px; }
      .js .landing-page-filters .landing-page-filters__group .fieldgroup {
        padding: 20px 5px; }
      .js .landing-page-filters .landing-page-filters__group.filter-open .filter-toggle {
        color: #E71324; }
        .js .landing-page-filters .landing-page-filters__group.filter-open .filter-toggle:after {
          -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }
      .js .landing-page-filters .landing-page-filters__group.filter-open .fieldgroup {
        opacity: 1;
        pointer-events: auto; }
      .js .landing-page-filters .landing-page-filters__group.filter-open .filter-button {
        color: #E71324; }
        .js .landing-page-filters .landing-page-filters__group.filter-open .filter-button:after {
          -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }
    .js .landing-page-filters.js-ready {
      display: block; }
      .js .landing-page-filters.js-ready .landing-page-filters__group {
        opacity: 1; }
    .js .landing-page-filters .fieldgroup {
      position: absolute;
      left: 0;
      width: 100%;
      opacity: 0;
      -webkit-transition: none;
      transition: none;
      pointer-events: none; }
    .js .landing-page-filters .fieldset-wrapper .search-link,
    .js .landing-page-filters .form-type-checkbox {
      min-width: 50%;
      max-width: 50%;
      -webkit-flex: 1 1 50%;
      /* for safari flex bug */ }
    @media screen and (min-width: 672px) {
      .js .landing-page-filters .fieldset-wrapper .search-link,
      .js .landing-page-filters .form-type-checkbox {
        min-width: 33.3%;
        max-width: 33.3%;
        -webkit-flex: 1 1 33.3%;
        /* for safari flex bug */ } }
    @media print {
      .js .landing-page-filters .fieldset-wrapper .search-link,
      .js .landing-page-filters .form-type-checkbox {
        min-width: 33.3%;
        max-width: 33.3%;
        -webkit-flex: 1 1 33.3%;
        /* for safari flex bug */ } }
    @media screen and (min-width: 1024px) {
      .js .landing-page-filters .landing-page-filters__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 2rem; }
      .js .landing-page-filters .landing-page-filters__group {
        position: static;
        margin-top: 0; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle {
          margin-left: 4rem; }
      .js .landing-page-filters .fieldset-wrapper .search-link,
      .js .landing-page-filters .form-type-checkbox {
        min-width: 25%;
        max-width: 25%;
        -webkit-flex: 1 1 25%;
        /* for safari flex bug */ } }
    @media print {
      .js .landing-page-filters .landing-page-filters__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 2rem; }
      .js .landing-page-filters .landing-page-filters__group {
        position: static;
        margin-top: 0; }
        .js .landing-page-filters .landing-page-filters__group .filter-toggle {
          margin-left: 4rem; }
      .js .landing-page-filters .fieldset-wrapper .search-link,
      .js .landing-page-filters .form-type-checkbox {
        min-width: 25%;
        max-width: 25%;
        -webkit-flex: 1 1 25%;
        /* for safari flex bug */ } }
    @media screen and (min-width: 1280px) {
      .js .landing-page-filters .landing-page-filters__wrapper {
        margin-top: 1rem;
        padding-top: 2rem; }
      .js .landing-page-filters .apply-filters-wrapper {
        margin-top: -1.3rem; } }
    @media print {
      .js .landing-page-filters .landing-page-filters__wrapper {
        margin-top: 1rem;
        padding-top: 2rem; }
      .js .landing-page-filters .apply-filters-wrapper {
        margin-top: -1.3rem; } }

/*
  Rehab Measures search fields need a little tweaking to get them to fit.
*/
@media screen and (min-width: 1024px) {
  .js .path-rehabilitation-measures .landing-page-filters .filter-cta:nth-child(1) {
    padding-right: 2rem; }
  .js .path-rehabilitation-measures .landing-page-filters .filter-cta:nth-child(2) {
    padding-left: 2rem; }
  .js .path-rehabilitation-measures .landing-page-filters .landing-page-filters__group .filter-toggle {
    margin-left: 2rem; } }

@media print {
  .js .path-rehabilitation-measures .landing-page-filters .filter-cta:nth-child(1) {
    padding-right: 2rem; }
  .js .path-rehabilitation-measures .landing-page-filters .filter-cta:nth-child(2) {
    padding-left: 2rem; }
  .js .path-rehabilitation-measures .landing-page-filters .landing-page-filters__group .filter-toggle {
    margin-left: 2rem; } }

@media screen and (min-width: 1280px) {
  .js .path-rehabilitation-measures .landing-page-filters .landing-page-filters__group .filter-toggle {
    margin-left: 3rem; } }

@media print {
  .js .path-rehabilitation-measures .landing-page-filters .landing-page-filters__group .filter-toggle {
    margin-left: 3rem; } }

.search-page__search-form {
  padding: 0 32px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #e9f1f5; }
  @media screen and (min-width: 672px) {
    .search-page__search-form {
      padding: 0 55px; } }
  @media print {
    .search-page__search-form {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .search-page__search-form {
      padding: 0 88px; } }
  @media print {
    .search-page__search-form {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .search-page__search-form {
      padding: 0 120px; } }
  @media print {
    .search-page__search-form {
      padding: 0 120px; } }
  .search-page__search-form form {
    text-decoration: none;
    position: relative; }
    .search-page__search-form form:after {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .search-page__search-form form:hover:after {
      text-decoration: none; }
    .search-page__search-form form:after {
      position: absolute;
      height: 2.4rem;
      width: 2.4rem;
      right: 15px;
      top: 0;
      margin: auto; }
  .search-page__search-form .search-cta + form {
    margin: 25px 0 0; }
  .search-page__search-form .search-cta {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .018em;
    text-transform: uppercase; }
  .search-page__search-form input[type="text"] {
    font-family: "gibson-light", sans-serif;
    color: #0a0a0a;
    font-size: 3.4rem;
    height: 7.2rem;
    padding: 0;
    margin: 0;
    background: transparent;
    background-image: none !important;
    border: 0;
    border-bottom: 1px solid #238FCF; }
    .search-page__search-form input[type="text"].placeholder {
      color: #238FCF;
      text-transform: none; }
    .search-page__search-form input[type="text"]:-moz-placeholder {
      color: #238FCF;
      text-transform: none; }
    .search-page__search-form input[type="text"]::-moz-placeholder {
      color: #238FCF;
      text-transform: none; }
    .search-page__search-form input[type="text"]::-webkit-input-placeholder {
      color: #238FCF;
      text-transform: none; }
    .search-page__search-form input[type="text"]:-ms-input-placeholder {
      color: #238FCF;
      text-transform: none; }
  .search-page__search-form input[type="submit"] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    padding: 20px 0 0;
    margin: auto;
    border: 0;
    cursor: pointer;
    z-index: 1; }
    .search-page__search-form input[type="submit"]:hover, .search-page__search-form input[type="submit"]:focus {
      background-color: transparent; }
  @media screen and (min-width: 1024px) {
    .search-page__search-form {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px; }
      .search-page__search-form form:after {
        height: 7.2rem;
        width: 3.5rem;
        right: 0;
        margin: 0;
        font-size: 3.5rem;
        line-height: 7.2rem; }
      .search-page__search-form input[type="submit"] {
        width: 3.5rem;
        padding-top: 7.2rem;
        right: 0;
        bottom: auto;
        top: 0; } }
  @media print {
    .search-page__search-form {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px; }
      .search-page__search-form form:after {
        height: 7.2rem;
        width: 3.5rem;
        right: 0;
        margin: 0;
        font-size: 3.5rem;
        line-height: 7.2rem; }
      .search-page__search-form input[type="submit"] {
        width: 3.5rem;
        padding-top: 7.2rem;
        right: 0;
        bottom: auto;
        top: 0; } }
  @media screen and (min-width: 1280px) {
    .search-page__search-form {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media print {
    .search-page__search-form {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .search-page__search-form .landing-page-filters {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both;
    margin-top: 40px;
    margin-bottom: -40px; }
    @media screen and (min-width: 672px) {
      .search-page__search-form .landing-page-filters {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      .search-page__search-form .landing-page-filters {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      .search-page__search-form .landing-page-filters {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      .search-page__search-form .landing-page-filters {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      .search-page__search-form .landing-page-filters {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      .search-page__search-form .landing-page-filters {
        margin-left: -120px;
        margin-right: -120px; } }
  @media screen and (max-width: 1023px) {
    .search-page__search-form {
      padding-top: 40px; }
      .search-page__search-form input[type="text"] {
        height: 4.8rem;
        font-size: 2rem; }
      .search-page__search-form input[type="submit"] {
        top: 0;
        bottom: auto;
        padding-top: 4.8rem;
        width: 3.8rem; }
      .search-page__search-form form:after {
        top: 1.2rem;
        right: .5rem; }
      .search-page__search-form .landing-page-filters {
        padding-bottom: 30px; } }
  @media screen and (min-width: 672px) {
    .search-page__search-form .landing-page-filters {
      margin-top: 40px;
      margin-bottom: -40px; } }
  @media print {
    .search-page__search-form .landing-page-filters {
      margin-top: 40px;
      margin-bottom: -40px; } }
  @media screen and (min-width: 1024px) {
    .search-page__search-form .landing-page-filters {
      margin-top: 50px;
      margin-bottom: -50px; } }
  @media print {
    .search-page__search-form .landing-page-filters {
      margin-top: 50px;
      margin-bottom: -50px; } }
  @media screen and (min-width: 1280px) {
    .search-page__search-form .landing-page-filters {
      margin-top: 50px;
      margin-bottom: -50px; } }
  @media print {
    .search-page__search-form .landing-page-filters {
      margin-top: 50px;
      margin-bottom: -50px; } }

/*
Seach -- Item.

An item returned from a search. Search items will use the collapsed view mode
for social and flag field. We use a flex layout to accomodate items with an image
and items without images. **Do NOT include `search-main` in your template.**

markup:
<div class="search--main">
  <div class="search-results-item">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <div class="search-results-item__descript">
        Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
      </div>
      <p class="search-results-item__data">
        <span class="search-results-item__data-label">DATE:</span> 7/21 - 7/22 OR 7/22 - 7/23
      </p>
      <p class="taxonomy-tag"><i aria-hidden="true"></i>taxonomy tag</p>
    </div>
    <div class="search-results-item__connect">
      <!-- replace markup with fields -->
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
      <!-- end example markup to be replaced by fields. -->
    </div>
  </div>
</div>

Styleguide 18.2
*/
.lab-news__item,
.search-results-item {
  padding: 30px 32px;
  border-bottom: 1px solid #e6e6e6; }
  .lab-news__item:after,
  .search-results-item:after {
    content: "";
    display: table;
    clear: both; }
  .lab-news__item__img,
  .search-results-item__img {
    display: none; }
  .lab-news__item__body,
  .search-results-item__body {
    float: left;
    width: 100%;
    max-width: calc(100% - 40px); }
  .lab-news__item__title,
  .search-results-item__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: .002em;
    text-decoration: none; }
    .lab-news__item__title a,
    .search-results-item__title a {
      text-decoration: none; }
    .lab-news__item__title h3,
    .search-results-item__title h3 {
      font-family: "gibson-semibold", sans-serif; }
  .lab-news__item__descript,
  .search-results-item__descript {
    display: none; }
  .lab-news__item .taxonomy-tag,
  .search-results-item .taxonomy-tag {
    float: left;
    max-width: calc(100% - 80px); }
  .lab-news__item__connect,
  .search-results-item__connect {
    float: right; }
    .lab-news__item__connect > div:nth-child(2),
    .search-results-item__connect > div:nth-child(2) {
      margin-top: 15px; }
  .lab-news__item .social__wrapper--collapsed,
  .search-results-item .social__wrapper--collapsed {
    width: 20px;
    margin: 0 auto; }
  .lab-news__item .social__toggle:before,
  .search-results-item .social__toggle:before {
    font-size: 2rem; }
  .lab-news__item .content-flag i:before,
  .search-results-item .content-flag i:before {
    font-size: 2rem; }
  .no-touchevents .lab-news__item .content-flag:hover i:before, .no-touchevents .lab-news__item .content-flag:focus i:before, .no-touchevents
  .search-results-item .content-flag:hover i:before, .no-touchevents
  .search-results-item .content-flag:focus i:before {
    font-size: 2rem; }
  .lab-news__item * + .content-flag,
  .search-results-item * + .content-flag {
    margin-top: 15px; }
  @media screen and (min-width: 672px) {
    .lab-news__item,
    .search-results-item {
      padding: 30px 40px; }
      .lab-news__item__title,
      .search-results-item__title {
        font-size: 2rem; }
      .lab-news__item__descript,
      .search-results-item__descript {
        font-family: "gt-sectra-fine", serif;
        display: block;
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: .0015em;
        margin-bottom: 20px; }
      .lab-news__item .taxonomy-tag,
      .search-results-item .taxonomy-tag {
        margin-top: 15px; } }
  @media print {
    .lab-news__item,
    .search-results-item {
      padding: 30px 40px; }
      .lab-news__item__title,
      .search-results-item__title {
        font-size: 2rem; }
      .lab-news__item__descript,
      .search-results-item__descript {
        font-family: "gt-sectra-fine", serif;
        display: block;
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: .0015em;
        margin-bottom: 20px; }
      .lab-news__item .taxonomy-tag,
      .search-results-item .taxonomy-tag {
        margin-top: 15px; } }
  @media screen and (min-width: 1024px) {
    .lab-news__item,
    .search-results-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 40px 0 40px 88px;
      max-width: 100%; }
      .lab-news__item:after,
      .search-results-item:after {
        display: none; }
      .lab-news__item__img,
      .search-results-item__img {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 160px;
        max-width: 160px;
        padding-right: 32px; }
      .lab-news__item__body,
      .search-results-item__body {
        float: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: calc(100% - 160px - 52px);
        width: calc(100% - 160px - 52px);
        max-width: calc(100% - 52px); }
      .lab-news__item .taxonomy-tag,
      .search-results-item .taxonomy-tag {
        width: auto; }
      .lab-news__item__connect,
      .search-results-item__connect {
        float: none;
        margin: 0;
        padding-left: 32px;
        min-width: 52px;
        max-width: 52px; } }
  @media print {
    .lab-news__item,
    .search-results-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 40px 0 40px 88px;
      max-width: 100%; }
      .lab-news__item:after,
      .search-results-item:after {
        display: none; }
      .lab-news__item__img,
      .search-results-item__img {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 160px;
        max-width: 160px;
        padding-right: 32px; }
      .lab-news__item__body,
      .search-results-item__body {
        float: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: calc(100% - 160px - 52px);
        width: calc(100% - 160px - 52px);
        max-width: calc(100% - 52px); }
      .lab-news__item .taxonomy-tag,
      .search-results-item .taxonomy-tag {
        width: auto; }
      .lab-news__item__connect,
      .search-results-item__connect {
        float: none;
        margin: 0;
        padding-left: 32px;
        min-width: 52px;
        max-width: 52px; } }
  @media screen and (min-width: 1280px) {
    .lab-news__item,
    .search-results-item {
      padding: 50px 0 50px 120px; }
      .lab-news__item__img,
      .search-results-item__img {
        min-width: 200px;
        max-width: 200px;
        padding-right: 40px; }
      .lab-news__item__body,
      .search-results-item__body {
        min-width: calc(100% - 200px - 60px);
        width: calc(100% - 200px - 60px);
        max-width: calc(100% - 60px); }
      .lab-news__item__connect,
      .search-results-item__connect {
        min-width: 60px;
        max-width: 60px;
        padding-left: 40px; } }
  @media print {
    .lab-news__item,
    .search-results-item {
      padding: 50px 0 50px 120px; }
      .lab-news__item__img,
      .search-results-item__img {
        min-width: 200px;
        max-width: 200px;
        padding-right: 40px; }
      .lab-news__item__body,
      .search-results-item__body {
        min-width: calc(100% - 200px - 60px);
        width: calc(100% - 200px - 60px);
        max-width: calc(100% - 60px); }
      .lab-news__item__connect,
      .search-results-item__connect {
        min-width: 60px;
        max-width: 60px;
        padding-left: 40px; } }

/*

  Override already present styles for our search aside.

*/
.search--aside .package--abilitylabs__item,
.search--aside .package--employees__item {
  width: 100%; }

.search--aside .package--abilitylabs__item:before {
  display: none; }

@media screen and (min-width: 1024px) {
  .search--aside .package--abilitylabs__item h3 {
    padding: 0; } }

@media print {
  .search--aside .package--abilitylabs__item h3 {
    padding: 0; } }

.search--aside__block-title {
  font-family: "gibson-regular", sans-serif;
  margin: 0 0 20px;
  color: var(--sra-heading-color);
  font-size: 2.2rem;
  line-height: 1.2; }
  @media screen and (min-width: 1024px) {
    .search--aside__block-title {
      font-size: 2.8rem; } }
  @media print {
    .search--aside__block-title {
      font-size: 2.8rem; } }
  @media screen and (min-width: 1280px) {
    .search--aside__block-title {
      font-size: 3rem; } }
  @media print {
    .search--aside__block-title {
      font-size: 3rem; } }

.search--aside .related-people__item {
  display: block;
  width: 100%;
  max-width: 100%; }
  .search--aside .related-people__item .related-profile__content {
    padding: 30px 32px; }
  .search--aside .related-people__item .related-profile__name {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .search--aside .related-people__item .flag,
  .search--aside .related-people__item .social__wrapper {
    display: none; }
  .search--aside .related-people__item .cta-link {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    @media screen and (min-width: 64em) {
      .search--aside .related-people__item .cta-link {
        white-space: nowrap; } }
    .search--aside .related-people__item .cta-link:visited, .search--aside .related-people__item .cta-link:active {
      background-color: transparent;
      color: #E71324; }
    .search--aside .related-people__item .cta-link:hover, .search--aside .related-people__item .cta-link:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }

.search--aside .related-profile__hero {
  height: 0;
  padding-top: 56.25%; }

@media screen and (max-width: 1023px) {
  .search--aside .related-people__item {
    max-width: 420px;
    margin: 0 auto; }
    .search--aside .related-people__item:last-child {
      margin: 0 auto; }
  .search--aside .related-profile__hero {
    height: 0;
    padding-top: 56.25%; } }

@media screen and (min-width: 1280px) {
  .search--aside .related-people__item {
    max-width: 320px; }
    .search--aside .related-people__item .related-profile__name {
      font-size: 3rem;
      line-height: 3.8rem; } }

@media print {
  .search--aside .related-people__item {
    max-width: 320px; }
    .search--aside .related-people__item .related-profile__name {
      font-size: 3rem;
      line-height: 3.8rem; } }

/*
  Related Search Elements -- Related Interests.
  Shows up in the aside. The <aside> dom element comes from the parent template.

  markup:
  <aside class="search--aside">
    <div class="search--aside__related-interests">
      <h4>Related Interests</h4>
      <span class="field-content">
        <a href="#">Accupuncture</a>
      </span>
      <span class="field-content">
        <a href="#">COPD</a>
      </span>
      <span class="field-content">
        <a href="#">Stroke Recovery</a>
      </span>
    </div>
  </aside>

  Styleguide 18.9
*/
.search--aside__related-interests h4 {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 2rem; }

@media screen and (min-width: 1024px) {
  .search--aside__related-interests h4 {
    margin-bottom: 4rem; } }

@media print {
  .search--aside__related-interests h4 {
    margin-bottom: 4rem; } }

.search--aside__related-interests .field-content {
  margin: 0;
  list-style: none;
  min-height: 110px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color .15s, color .15s;
  transition: background-color .15s, color .15s; }
  .search--aside__related-interests .field-content:hover {
    background-color: #E71324; }
    .search--aside__related-interests .field-content:hover a {
      color: #fefefe; }

.search--aside__related-interests a {
  font-family: "gibson-semibold", sans-serif;
  color: var(--sra-text-gray-color);
  font-size: 2.2rem;
  line-height: 2.8rem;
  display: inline-block;
  padding: 20px;
  width: 100%;
  text-decoration: none; }

.life-center-materials {
  padding: 0 32px;
  padding-top: 30px; }
  @media screen and (min-width: 672px) {
    .life-center-materials {
      padding: 0;
      padding-top: 30px; } }
  @media print {
    .life-center-materials {
      padding: 0;
      padding-top: 30px; } }
  @media screen and (min-width: 1024px) {
    .life-center-materials {
      padding-top: 40px; } }
  @media print {
    .life-center-materials {
      padding-top: 40px; } }
  @media screen and (min-width: 1280px) {
    .life-center-materials {
      padding-top: 50px; } }
  @media print {
    .life-center-materials {
      padding-top: 50px; } }
  .life-center-materials .view-content {
    margin-bottom: 20px; }
    .life-center-materials .view-content > div {
      margin-bottom: 5px; }
  .life-center-materials .view-footer {
    text-align: center; }

.related-doctors {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .related-doctors {
      padding: 0; } }
  @media print {
    .related-doctors {
      padding: 0; } }
  .related-doctors .view-content {
    margin-bottom: 20px; }
    .related-doctors .view-content > div {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-bottom: 20px;
      padding: 0; }
    .related-doctors .view-content > div:last-child {
      margin-bottom: 5px; }
    .related-doctors .view-content .search-results-item__img + .search-results-item__body {
      padding: 0 0 0 32px; }
    .related-doctors .view-content .search-results-item__img {
      float: none;
      margin-left: 5px; }
      .related-doctors .view-content .search-results-item__img::after {
        display: none; }
      .related-doctors .view-content .search-results-item__img .default-avatar {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 50px;
        width: 70px;
        background-color: rgba(35, 143, 207, 0.2);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-gray.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
        z-index: 3;
        opacity: .5; }
      .related-doctors .view-content .search-results-item__img img {
        max-width: 110%; }
  .related-doctors .view-footer {
    text-align: center; }

/*
Search - Rehab Measure

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--rmd">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <div class="field">
        <h4 class="field-label">
          area of assessment
        </h4>
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
      </div>
    </div>
    <div class="search-results-item__connect">
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
    </div>
  </div>
</div>

Styleguide 18.3
*/
.search-results-item--rmd .field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--sra-gray); }
  .search-results-item--rmd .field-label:after {
    content: ": ";
    display: inline; }

.search-results-item--rmd .field {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  display: inline;
  color: var(--sra-gray); }

.search-results-item--rmd .field {
  display: block;
  margin-top: .08rem; }
  .search-results-item--rmd .field .field {
    margin-top: 0; }

@media screen and (min-width: 1024px) {
  .search-results-item--rmd .search-results-item__body {
    max-width: none; }
  .search-results-item--rmd .field {
    margin-top: .08rem; }
    .search-results-item--rmd .field.rmd-assessment-area {
      margin-top: 1.2rem; } }

@media print {
  .search-results-item--rmd .search-results-item__body {
    max-width: none; }
  .search-results-item--rmd .field {
    margin-top: .08rem; }
    .search-results-item--rmd .field.rmd-assessment-area {
      margin-top: 1.2rem; } }

/*
Search - Location

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--location">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <p class="address">
        <span class="address-line1">575 Broadway</span><br>
        <span class="address-line2">5th Floor</span><br>
        <span class="locality">New York</span>,
        <span class="administrative-area">NY</span>
        <span class="postal-code">10012</span><br>
        <span class="country">United States</span>
      </p>
      <div class="search-results-item__links">
        <a href="#" class="cta-link" title="get directions">
          get directions
        </a>
        <a href="#" class="cta-link" title="view clinicians">
          view clinicians
        </a>
      </div>
      <div class="page-tags">
        <a href="/search?location=668">
          Day Rehab
        </a>
        <a href="/search?location=666">
          Inpatient
        </a>
        <a href="/search?location=667">
          Outpatient
        </a>
      </div>
    </div>
    <div class="search-results-item__connect">
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
    </div>
  </div>
</div>

Styleguide 18.4
*/
.search-results-item--location .address {
  font-family: "gt-sectra-fine", serif;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem; }

.search-results-item--location .search-results-item__links {
  margin-top: 1.5rem; }
  .search-results-item--location .search-results-item__links a {
    display: inline-block;
    margin-right: 1.5rem; }

.search-results-item--location .page-tags {
  position: relative;
  float: none;
  width: auto;
  bottom: auto;
  left: auto;
  margin: 1.5rem 0 0; }
  .search-results-item--location .page-tags a {
    display: inline-block;
    margin: 0 1rem 0 0; }

/*
Search - Event

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--event">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <div class="search-results-item__descript">
        Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
      </div>
      <div class="field">
        <h4 class="field-label">Date</h4>
        <time datetime="2016-08-30T12:04:58Z">08/30/2016 - 08:04</time>
        <time datetime="2016-08-30T13:04:58Z">08/30/2016 - 09:04</time>
      </div>
    </div>
    <div class="search-results-item__connect">
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
    </div>
  </div>
</div>

Styleguide 18.5
*/
.search-results-item--event .field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--sra-gray); }
  .search-results-item--event .field-label:after {
    content: ": ";
    display: inline; }

.search-results-item--event time {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  display: inline;
  color: var(--sra-gray); }

.search-results-item--event time + time:before {
  content: "\2014";
  display: inline-block;
  margin: 0 .5rem; }

/*
Search - Lifecenter

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--lifecenter-item">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <div class="search-results-item__descript">
        Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
      </div>
      <div class="search-result-item__media-type">
        <div class="lifecenter-field">
          <h4 class="field-label">Media Type</h4>
          DVD
        </div>
      </div>
    </div>
    <div class="search-results-item__connect">
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
    </div>
  </div>
</div>

Styleguide 18.6
*/
.search-results-item--lifecenter-item .search-result-item__media-type {
  margin-top: 1.5rem; }
  .search-results-item--lifecenter-item .search-result-item__media-type .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: inline-block;
    color: var(--sra-gray); }
    .search-results-item--lifecenter-item .search-result-item__media-type .field-label:after {
      content: ": ";
      display: inline; }
  .search-results-item--lifecenter-item .search-result-item__media-type .lifecenter-field {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: inline;
    color: var(--sra-gray); }

/*
Search - Profile

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--profile">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/50/50" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Richard L. Harvey, MD
      </h3>
      <p class="search-results-item__profile-title">
        Medical Director, Center for Stroke Rehabilitation
      </p>
    </div>
    <div class="search-results-item__connect">
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
      <a class="search-results-item__profile-link" href="{{ url }}" title="View Profile">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">View Profile</span>
      </a>
    </div>
  </div>
</div>

Styleguide 18.7
*/
.search-results-item--profile .search-results-item__img {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden; }
  .search-results-item--profile .search-results-item__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background-color: rgba(35, 143, 207, 0.7); }
  .search-results-item--profile .search-results-item__img.overlay-hidden:after {
    opacity: 0; }
  .search-results-item--profile .search-results-item__img + .search-results-item__body {
    padding-left: 32px; }

.search-results-item--profile .search-results-item__body {
  float: left; }

.search-results-item--profile .search-results-item__title {
  font-family: "gibson-regular", sans-serif; }

.search-results-item--profile .search-results-item__profile-title {
  font-family: "gt-sectra-fine", serif;
  color: var(--sra-gray);
  font-size: 1.4rem;
  line-height: 2.2rem; }

.search-results-item--profile .search-results-item__connect {
  float: right;
  clear: left;
  margin-top: 2rem;
  text-align: right; }

.search-results-item--profile .content-flag,
.search-results-item--profile .search-results-item__profile-link {
  display: inline-block;
  vertical-align: middle; }

.search-results-item--profile .search-results-item__profile-link {
  margin-left: 2rem;
  text-decoration: none; }
  .search-results-item--profile .search-results-item__profile-link i {
    text-decoration: none; }
    .search-results-item--profile .search-results-item__profile-link i:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .search-results-item--profile .search-results-item__profile-link i:hover:before {
      text-decoration: none; }
  .search-results-item--profile .search-results-item__profile-link:hover i:before, .search-results-item--profile .search-results-item__profile-link:focus i:before {
    color: #0a0a0a; }

@media screen and (min-width: 672px) {
  .search-results-item--profile .search-results-item__connect {
    clear: none;
    margin-top: 0; } }

@media print {
  .search-results-item--profile .search-results-item__connect {
    clear: none;
    margin-top: 0; } }

@media screen and (min-width: 1024px) {
  .search-results-item--profile {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top; }
    .search-results-item--profile .search-results-item__img {
      width: 50px;
      height: 50px;
      min-width: 50px;
      max-width: 50px; }
      .search-results-item--profile .search-results-item__img + .search-results-item__body {
        padding-left: 32px; }
    .search-results-item--profile .search-results-item__body {
      min-width: calc(100% - 50px - 80px);
      max-width: calc(100% - 50px - 80px);
      padding-right: 32px; }
    .search-results-item--profile .search-results-item__connect {
      min-width: 80px;
      max-width: 80px;
      padding-left: 0; } }

@media print {
  .search-results-item--profile {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top; }
    .search-results-item--profile .search-results-item__img {
      width: 50px;
      height: 50px;
      min-width: 50px;
      max-width: 50px; }
      .search-results-item--profile .search-results-item__img + .search-results-item__body {
        padding-left: 32px; }
    .search-results-item--profile .search-results-item__body {
      min-width: calc(100% - 50px - 80px);
      max-width: calc(100% - 50px - 80px);
      padding-right: 32px; }
    .search-results-item--profile .search-results-item__connect {
      min-width: 80px;
      max-width: 80px;
      padding-left: 0; } }

@media screen and (min-width: 1280px) {
  .search-results-item--profile .search-results-item__img + .search-results-item__body {
    padding-left: 40px; }
  .search-results-item--profile .search-results-item__body {
    padding-right: 40px; } }

@media print {
  .search-results-item--profile .search-results-item__img + .search-results-item__body {
    padding-left: 40px; }
  .search-results-item--profile .search-results-item__body {
    padding-right: 40px; } }

/*
Search - Clinical Trial

markup:
<div class="search--main">
  <div class="search-results-item search-results-item--clinical-trial">
    <div class="search-results-item__img">
      <img src="http://www.fillmurray.com/160/90" />
    </div>
    <div class="search-results-item__body">
      <h3 class="search-results-item__title">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
      </h3>
      <div class="search-results-item__descript">
        Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
      </div>
      <div class="search-results-item__age-range">
        <div class="clinical-trial-field">
          <h4 class="field-label">Age Range</h4>
          12 - 22
        </div>
      </div>
    </div>
    <div class="search-results-item__connect">
      <div class="sg-social__wrapper social__wrapper social__wrapper--collapsed">
        <button class="social__toggle js-dialog">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Open for Social Menu</span>
        </button>
      </div>
      <button class="content-flag content-flag--tiny [modifier class]">
        <i aria-hidden="true"></i>
        <span class="show-for-sr">save</span>
      <button>
    </div>
  </div>
</div>

Styleguide 18.8
*/
.search-results-item--clinical-trial .search-results-item__age-range {
  margin-top: 1.5rem; }
  .search-results-item--clinical-trial .search-results-item__age-range .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: inline-block;
    color: var(--sra-gray); }
    .search-results-item--clinical-trial .search-results-item__age-range .field-label:after {
      content: ": ";
      display: inline; }
  .search-results-item--clinical-trial .search-results-item__age-range .clinical-trial-field {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: inline;
    color: var(--sra-gray); }

/*
Search - Empty State.

markup:
<section class="search--main">
  <section class="search--empty-state">
    <header class="search--empty-state__header">
      <h2>No search results found.</h2>
      <h3>Here are our most popular searches...</h3>
    </header>
    <div class="search--empty-state__body search-suggestions">
      <div class="search-suggestions__item">
        <a href="#">Stroke</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Referral Instructions</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Robotics</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Chronic Pain</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Pediatrics</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Billing</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Military Patients</a>
      </div>
      <div class="search-suggestions__item">
        <a href="#">Donations</a>
      </div>
    </div>
  </section>
</section>

Styleguide 18.10
*/
.search--empty-state {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .search--empty-state {
      padding: 0 55px; } }
  @media print {
    .search--empty-state {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .search--empty-state {
      padding: 0 88px; } }
  @media print {
    .search--empty-state {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .search--empty-state {
      padding: 0 120px; } }
  @media print {
    .search--empty-state {
      padding: 0 120px; } }
  .search--empty-state__header {
    margin-top: 40px;
    text-align: center; }
    .search--empty-state__header h2 {
      font-family: "gibson-semibold", sans-serif;
      color: #0a0a0a;
      font-size: 2.4rem;
      line-height: 3rem;
      letter-spacing: .005em; }
    .search--empty-state__header h3 {
      font-family: "gibson-light", sans-serif;
      margin-top: 35px;
      color: var(--sra-heading-color);
      font-size: 2rem;
      line-height: 2.4rem;
      letter-spacing: .005em; }
  .search--empty-state__body {
    margin-top: 40px; }
  .search--empty-state .search-suggestions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .search--empty-state .search-suggestions .search-suggestions__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      border-bottom: 1px solid var(--sra-border-color);
      border-right: 1px solid var(--sra-border-color); }
      .search--empty-state .search-suggestions .search-suggestions__item > * {
        max-width: 100%; }
    @media screen and (min-width: 0) and (max-width: 671px) {
      .search--empty-state .search-suggestions .search-suggestions__item {
        min-width: 100%;
        width: 100%;
        max-width: 100%; }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-child(1n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-last-child(-n + 1) {
          border-bottom: 0; } }
    @media screen and (min-width: 672px) and (max-width: 1023px) {
      .search--empty-state .search-suggestions .search-suggestions__item {
        min-width: 50%;
        width: 50%;
        max-width: 50%; }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-child(2n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-last-child(-n + 2) {
          border-bottom: 0; } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .search--empty-state .search-suggestions .search-suggestions__item {
        min-width: 50%;
        width: 50%;
        max-width: 50%; }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-child(2n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-last-child(-n + 2) {
          border-bottom: 0; } }
    @media screen and (min-width: 1280px) and (max-width: 9999em) {
      .search--empty-state .search-suggestions .search-suggestions__item {
        min-width: 50%;
        width: 50%;
        max-width: 50%; }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-child(2n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .search--empty-state .search-suggestions .search-suggestions__item:nth-last-child(-n + 2) {
          border-bottom: 0; } }
    .search--empty-state .search-suggestions .search-suggestions__item {
      padding: 30px 60px;
      min-height: 90px; }
    .search--empty-state .search-suggestions a {
      font-family: "gibson-light", sans-serif;
      display: block;
      color: #0a0a0a;
      font-size: 2rem;
      line-height: 2.4rem;
      letter-spacing: .005em;
      text-decoration: underline;
      width: 100%;
      text-align: center; }
      .search--empty-state .search-suggestions a:hover {
        color: #E71324; }
    @media screen and (min-width: 1024px) {
      .search--empty-state .search-suggestions .search-suggestions__item {
        padding: 50px 60px;
        min-height: 140px; }
      .search--empty-state .search-suggestions a {
        font-size: 2.8rem;
        line-height: 3.2rem; } }
    @media print {
      .search--empty-state .search-suggestions .search-suggestions__item {
        padding: 50px 60px;
        min-height: 140px; }
      .search--empty-state .search-suggestions a {
        font-size: 2.8rem;
        line-height: 3.2rem; } }
    @media screen and (min-width: 1280px) {
      .search--empty-state .search-suggestions a {
        font-size: 3.4rem;
        line-height: 3.8rem; } }
    @media print {
      .search--empty-state .search-suggestions a {
        font-size: 3.4rem;
        line-height: 3.8rem; } }
  @media screen and (min-width: 1024px) {
    .search--empty-state__header {
      margin-top: 75px; }
      .search--empty-state__header h2 {
        font-size: 3.8rem;
        line-height: 4.2rem; }
      .search--empty-state__header h3 {
        font-size: 2.4rem;
        line-height: 2.8rem; }
    .search--empty-state__body {
      margin-top: 55px; } }
  @media print {
    .search--empty-state__header {
      margin-top: 75px; }
      .search--empty-state__header h2 {
        font-size: 3.8rem;
        line-height: 4.2rem; }
      .search--empty-state__header h3 {
        font-size: 2.4rem;
        line-height: 2.8rem; }
    .search--empty-state__body {
      margin-top: 55px; } }
  @media screen and (min-width: 1280px) {
    .search--empty-state__header h2 {
      font-size: 4.2rem;
      line-height: 4.8rem; } }
  @media print {
    .search--empty-state__header h2 {
      font-size: 4.2rem;
      line-height: 4.8rem; } }

.search--main .view-empty {
  padding: 0; }

.search--main .search--main {
  width: 100%;
  padding: 0;
  float: none; }

.search--main .search--empty-state {
  padding: 0; }

.search--footer {
  clear: both; }

/*

  Styles for the related people block found at the bottom of a search result page.

*/
.related-people {
  padding: 40px 0;
  overflow: hidden;
  text-align: center;
  background-color: #e9f1f5;
  background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/strand-blue.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-long-blue.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: 270%, 280%;
  background-position: -420px 190px, 0 280px; }
  .related-people__header {
    padding: 0 32px;
    margin-bottom: 40px; }
  .related-people .section-header {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 2.6rem;
    line-height: 3rem;
    letter-spacing: .0015em;
    text-align: left;
    margin: 0; }
  .related-people__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 32px; }
  .related-people__item {
    display: inline-block;
    vertical-align: top;
    min-width: 230px;
    max-width: 230px;
    margin: 0 40px 0 0; }
    .related-people__item:last-child {
      margin-right: 0; }
  .related-people .related-profile__hero {
    height: 0;
    padding-top: 56.25%; }
  .related-people .related-profile__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100% - 130px);
    padding: 30px 20px 20px; }
  .related-people .related-profile__name {
    font-family: "gibson-regular", sans-serif;
    font-size: 2rem;
    line-height: 2.4rem; }
  .related-people .related-profile__job-title {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .0015em; }
  .related-people .related-profile__connect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left; }
    .related-people .related-profile__connect .cta-link {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-family: 'gibson-regular', sans-serif;
      background-color: transparent;
      border: 1px solid #E71324;
      border-radius: 8px;
      color: #E71324;
      cursor: pointer;
      display: inline-block;
      font-size: 1.25rem;
      letter-spacing: 0.015em;
      line-height: 50px;
      margin: 0;
      padding: 0 50px;
      position: relative;
      vertical-align: bottom;
      width: auto;
      height: 50px;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: all 0.15s;
      transition: all 0.15s;
      bottom: 0;
      margin-top: unset;
      position: relative; }
      @media screen and (min-width: 64em) {
        .related-people .related-profile__connect .cta-link {
          white-space: nowrap; } }
      .related-people .related-profile__connect .cta-link:visited, .related-people .related-profile__connect .cta-link:active {
        background-color: transparent;
        color: #E71324; }
      .related-people .related-profile__connect .cta-link:hover, .related-people .related-profile__connect .cta-link:focus {
        background-color: #E71324;
        border: 1px solid #E71324;
        color: #fff;
        text-decoration: none; }
    .related-people .related-profile__connect .social__wrapper {
      height: 20px;
      width: 20px;
      margin-left: 15px; }
    .related-people .related-profile__connect .social__toggle:before {
      font-size: 2rem; }
  .related-people .cta-button {
    margin-top: 40px; }
  @media screen and (max-width: 671px) {
    .related-people .pager {
      margin-top: 40px; }
      .related-people .pager__items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .related-people .pager__item {
        height: 10px;
        width: 10px;
        margin: 0 12px; }
      .related-people .pager__anchor {
        background-color: #B2B4B2;
        height: 10px;
        width: 10px;
        padding: 0;
        border-radius: 50%; }
        .related-people .pager__anchor.is-active {
          background-color: #0a0a0a; } }
  @media screen and (min-width: 672px) {
    .related-people {
      background-size: 270%, 210%;
      background-position: -420px 190px, 30px 260px; }
      .related-people__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  @media print {
    .related-people {
      background-size: 270%, 210%;
      background-position: -420px 190px, 30px 260px; }
      .related-people__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  @media screen and (min-width: 1024px) {
    .related-people {
      padding: 50px 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/strand-blue.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-long-blue.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-short-blue.svg);
      background-size: 130%, 100%, 18%;
      background-position: -200px 220px, 280px 320px, 780px 100px; }
      .related-people__header {
        padding: 0 88px;
        margin-bottom: 50px; }
      .related-people .section-header {
        font-size: 2.8rem; }
      .related-people__items {
        padding: 0 88px; } }
  @media print {
    .related-people {
      padding: 50px 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/strand-blue.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-long-blue.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/cell-chain-short-blue.svg);
      background-size: 130%, 100%, 18%;
      background-position: -200px 220px, 280px 320px, 780px 100px; }
      .related-people__header {
        padding: 0 88px;
        margin-bottom: 50px; }
      .related-people .section-header {
        font-size: 2.8rem; }
      .related-people__items {
        padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .related-people {
      background-size: 90%, 80%, 15%;
      background-position: -130px 250px, 310px 320px, 810px 98px; }
      .related-people__header {
        padding: 0 120px; }
      .related-people .section-header {
        font-size: 3.2rem; }
      .related-people__items {
        padding: 0 120px;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important; } }
  @media print {
    .related-people {
      background-size: 90%, 80%, 15%;
      background-position: -130px 250px, 310px 320px, 810px 98px; }
      .related-people__header {
        padding: 0 120px; }
      .related-people .section-header {
        font-size: 3.2rem; }
      .related-people__items {
        padding: 0 120px;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important; } }

.search-featured-item {
  position: relative;
  width: 100%; }
  .search-featured-item__bg {
    position: relative;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .search-featured-item__bg:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(243, 108, 33, 0.7); }
    .search-featured-item__bg.overlay-hidden:after {
      opacity: 0; }
    .search-featured-item__bg img {
      position: relative;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      min-height: 100%;
      height: auto;
      min-width: 100%;
      width: auto;
      max-width: none; }
  .search-featured-item--condition .search-featured-item__bg {
    position: relative;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .search-featured-item--condition .search-featured-item__bg:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(243, 108, 33, 0.7); }
    .search-featured-item--condition .search-featured-item__bg.overlay-hidden:after {
      opacity: 0; }
  .search-featured-item__content {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #fefefe; }
  .search-featured-item .content-flag {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 24px;
    width: 24px; }
    .search-featured-item .content-flag i:before {
      font-size: 2.4rem;
      color: #fefefe; }
    .search-featured-item .content-flag:hover i:before {
      font-size: 2.4rem;
      color: #fefefe; }
  .search-featured-item .content-flag--saved i:before {
    font-size: 2.4rem; }
  .search-featured-item .content-flag--saved:hover i:before {
    color: #fefefe; }
  .search-featured-item__title {
    font-family: "gibson-semibold", sans-serif;
    letter-spacing: .0005em;
    width: 100%; }
  .search-featured-item__description,
  .search-featured-item p {
    font-family: "gibson-regular", sans-serif;
    letter-spacing: .0015em;
    width: 100%; }
  @media screen and (min-width: 1024px) {
    .search-featured-item__content {
      padding: 50px 32px 30px; }
    .search-featured-item__title {
      font-size: 3.6rem;
      line-height: 3.8rem; }
    .search-featured-item__description,
    .search-featured-item p {
      margin-top: 25px;
      font-size: 1.4rem;
      line-height: 2rem; }
    .search-featured-item .cta-button--orange,
    .search-featured-item .cta-button--blue {
      margin-top: 25px; } }
  @media print {
    .search-featured-item__content {
      padding: 50px 32px 30px; }
    .search-featured-item__title {
      font-size: 3.6rem;
      line-height: 3.8rem; }
    .search-featured-item__description,
    .search-featured-item p {
      margin-top: 25px;
      font-size: 1.4rem;
      line-height: 2rem; }
    .search-featured-item .cta-button--orange,
    .search-featured-item .cta-button--blue {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .search-featured-item__content {
      padding: 50px 40px; }
      .search-featured-item__content .content-flag {
        top: 20px;
        right: 20px; }
    .search-featured-item__title {
      font-size: 4.2rem;
      line-height: 4.8rem; }
    .search-featured-item__description,
    .search-featured-item p {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media print {
    .search-featured-item__content {
      padding: 50px 40px; }
      .search-featured-item__content .content-flag {
        top: 20px;
        right: 20px; }
    .search-featured-item__title {
      font-size: 4.2rem;
      line-height: 4.8rem; }
    .search-featured-item__description,
    .search-featured-item p {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.search--aside .search-featured-item {
  display: none; }

@media screen and (min-width: 1024px) {
  .search--aside .search-featured-item {
    display: block;
    min-height: 316px; } }

@media print {
  .search--aside .search-featured-item {
    display: block;
    min-height: 316px; } }

@media screen and (min-width: 1280px) {
  .search--aside .search-featured-item {
    max-width: 320px;
    width: 320px; } }

@media print {
  .search--aside .search-featured-item {
    max-width: 320px;
    width: 320px; } }

/*

  Styles for blue autocomplete. In Main Nav and on Search page.

*/
.ui-autocomplete-input {
  background-image: none; }

.ui-autocomplete.ui-widget-content {
  border: 0;
  max-height: 100% !important;
  width: 100% !important;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  left: 0 !important;
  right: 0 !important;
  padding: 0 88px;
  position: absolute;
  overflow-y: auto;
  background: #e9f1f5; }
  .ui-autocomplete.ui-widget-content .more_results,
  .ui-autocomplete.ui-widget-content .more_results + .ui-menu-item {
    display: none; }
  @media screen and (max-width: 1023px) {
    .ui-autocomplete.ui-widget-content {
      display: none !important; } }
  .ui-autocomplete.ui-widget-content .ui-menu-item {
    font-family: "gibson-light", sans-serif;
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: .005em;
    padding: 16px 8px; }
    .ui-autocomplete.ui-widget-content .ui-menu-item.ui-autocomplete-field-group {
      font-size: 2.4rem;
      line-height: 2.8rem;
      color: var(--sra-gray);
      opacity: 1;
      margin-bottom: 10px; }
    .ui-autocomplete.ui-widget-content .ui-menu-item a {
      color: rgba(35, 143, 207, 0.7);
      text-decoration: none; }
      .ui-autocomplete.ui-widget-content .ui-menu-item a .ui-autocomplete-field-term {
        font-family: "gibson-regular", sans-serif; }
    .ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus {
      text-decoration: none;
      margin: 20px 0;
      background: none;
      border: 0; }
      .ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus a {
        color: #E71324; }
    .ui-autocomplete.ui-widget-content .ui-menu-item:hover {
      background: #238FCF; }
      .ui-autocomplete.ui-widget-content .ui-menu-item:hover a {
        color: #fefefe; }
  @media screen and (min-width: 1280px) {
    .ui-autocomplete.ui-widget-content {
      max-width: 1280px;
      padding: 0 120px; }
      .ui-autocomplete.ui-widget-content:before, .ui-autocomplete.ui-widget-content:after {
        width: 120px; } }
  @media print {
    .ui-autocomplete.ui-widget-content {
      max-width: 1280px;
      padding: 0 120px; }
      .ui-autocomplete.ui-widget-content:before, .ui-autocomplete.ui-widget-content:after {
        width: 120px; } }

/*
Search - Lifecenter Module.

markup:
<div class="search--main">
<div class="lifecenter-search-item">
  <span class="graphic-01" aria-hidden="true"></span>
  <span class="graphic-02" aria-hidden="true"></span>
  <h3>Patient + Family Education</h3>
  <p>
    Transition to every day life after a major medical event can be difficult for patients and their loved ones.  The Betts LIFE Center offers services and educational materials to ensure everyone has the happiest and healthiest life during treatment and after discharge.
  </p>
  <a href="#">Search the life center</a>
</div>
</div>

Styleguide 18.11
*/
.search-results-item--lifecenter {
  display: block;
  padding-top: 4rem;
  padding-bottom: 4rem; }

.lifecenter-search-item {
  position: relative;
  margin-top: 1rem;
  padding: 4.5rem 3.5rem 4rem;
  background-color: #238FCF; }
  .lifecenter-search-item .graphic-01,
  .lifecenter-search-item .graphic-02 {
    min-height: 0; }
  .lifecenter-search-item .graphic-01 {
    position: absolute;
    display: block;
    height: 55px;
    width: 55px;
    pointer-events: none;
    top: -10px;
    left: -14px; }
    .lifecenter-search-item .graphic-01:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/bubble-red.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lifecenter-search-item .graphic-02 {
    position: absolute;
    display: block;
    height: 28px;
    width: 50px;
    pointer-events: none;
    right: 2.5rem;
    bottom: 4rem;
    margin: auto; }
    .lifecenter-search-item .graphic-02:before {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/eye.svg);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .lifecenter-search-item h3 {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.4rem;
    line-height: 2.6rem;
    letter-spacing: .005em;
    color: #fefefe; }
  .lifecenter-search-item p {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .015em;
    color: #fefefe;
    margin: 2rem 0 0; }
  .lifecenter-search-item a {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .18em;
    color: #fefefe;
    text-transform: uppercase;
    display: inline-block;
    width: calc(100% - 75px);
    max-width: 12rem;
    margin-top: 3rem; }
    .lifecenter-search-item a:hover, .lifecenter-search-item a:focus {
      color: #E71324; }

@media screen and (min-width: 672px) {
  .lifecenter-search-item {
    padding: 4rem 6rem; }
    .lifecenter-search-item a {
      max-width: none; } }

@media print {
  .lifecenter-search-item {
    padding: 4rem 6rem; }
    .lifecenter-search-item a {
      max-width: none; } }

@media screen and (min-width: 1024px) {
  .search-results-item--lifecenter {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  .lifecenter-search-item .graphic-02 {
    right: 3rem;
    bottom: 3.5rem; }
  .lifecenter-search-item p {
    font-size: 1.4rem;
    line-height: 2rem; }
  .lifecenter-search-item a {
    width: auto; } }

@media print {
  .search-results-item--lifecenter {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  .lifecenter-search-item .graphic-02 {
    right: 3rem;
    bottom: 3.5rem; }
  .lifecenter-search-item p {
    font-size: 1.4rem;
    line-height: 2rem; }
  .lifecenter-search-item a {
    width: auto; } }

/*

  Main Nav

*/
/*
  Apply to body to kill scroll.
  Remove body qualifying element if needed elsewhere,
  otherwise should be restricted to body.
*/
body.noscroll {
  height: 100%;
  overflow: hidden; }

.region-topbar {
  position: relative;
  height: 50px;
  z-index: 99; }

@media screen and (min-width: 1024px) {
  .region-topbar {
    height: 130px; } }

@media print {
  .region-topbar {
    height: 130px; } }

@media screen and (min-width: 1280px) {
  .region-topbar {
    height: 175px; } }

@media print {
  .region-topbar {
    height: 175px; } }

@media screen and (min-width: 672px) {
  .user-logged-in .main-nav__wrapper {
    top: auto; } }

@media print {
  .user-logged-in .main-nav__wrapper {
    top: auto; } }

.main-nav {
  position: relative;
  height: 50px;
  padding: 0 15px 0 25px;
  background-color: #fff;
  z-index: 2; }
  @media screen and (min-width: 1024px) {
    .main-nav {
      width: 100%;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      height: 90px; } }
  @media screen and (min-width: 1024px) and (min-width: 672px) {
    .main-nav {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .main-nav {
      max-width: 1024px; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .main-nav {
      max-width: 1280px; } }
  @media print {
    .main-nav {
      width: 100%;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      height: 90px; } }
  @media print {
    .main-nav {
      max-width: 672px; } }
  @media print {
    .main-nav {
      max-width: 1024px; } }
  @media print {
    .main-nav {
      max-width: 1280px; } }
  .main-nav:before {
    content: " ";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .main-nav__wrapper {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    z-index: 10; }
    @media screen and (min-width: 672px) {
      .main-nav__wrapper {
        position: fixed; } }
    @media print {
      .main-nav__wrapper {
        position: fixed; } }
    .main-nav__wrapper.off-screen {
      -webkit-transform: translateY(-90px);
      transform: translateY(-90px); }
  .main-nav__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    clear: both;
    height: 100%;
    padding: 0 0 0 38px; }
  .main-nav__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .main-nav__content-nav-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    min-height: 0;
    background-color: transparent;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    .main-nav__content-nav-toggle:before, .main-nav__content-nav-toggle:after {
      content: "";
      position: absolute;
      left: 0;
      width: 16px; }
    .main-nav__content-nav-toggle:before {
      top: 5px;
      height: 11px;
      border-top: 4px solid #F36C21;
      border-bottom: 4px solid #F36C21; }
    .main-nav__content-nav-toggle:after {
      bottom: 7px;
      height: 0;
      border-bottom: 4px solid #F36C21; }
    .main-nav__content-nav-toggle:hover:before, .main-nav__content-nav-toggle:focus:before {
      border-top: 4px solid var(--sra-border-color);
      border-bottom: 4px solid var(--sra-border-color); }
    .main-nav__content-nav-toggle:hover:after, .main-nav__content-nav-toggle:focus:after {
      border-bottom: 4px solid var(--sra-border-color); }
  .main-nav__logo {
    position: relative;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    height: 0;
    width: 130px;
    padding-top: 36px;
    overflow: hidden;
    background: url("/themes/custom/abilitylab_theme/dist/images/svgs/AbilityLab_Logo_wDonor.svg") left center no-repeat;
    background-size: auto 100%; }
  .main-nav__main-nav-toggle {
    display: block;
    float: right;
    height: 23px;
    padding: 0 15px;
    background-color: transparent;
    color: #E71324;
    font-size: 1.2rem;
    letter-spacing: 0.001em;
    line-height: 20px;
    border: 1px solid #E71324;
    border-radius: 8px;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    @media screen and (min-width: 1024px) {
      .main-nav__main-nav-toggle {
        height: 30px;
        line-height: 30px; } }
    @media print {
      .main-nav__main-nav-toggle {
        height: 30px;
        line-height: 30px; } }
    .main-nav__main-nav-toggle:hover {
      background-color: #E71324;
      color: #fff; }
  .main-nav__mobile-close {
    text-decoration: none;
    position: absolute;
    top: 25px;
    right: 32px; }
    .main-nav__mobile-close:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.7rem;
      text-decoration: none; }
    .main-nav__mobile-close:hover:before {
      text-decoration: none; }
  .main-nav__user__link, .main-nav__megamenu-toggle {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.4rem;
    letter-spacing: 0.018em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out; }
    .main-nav__user__link:hover, .main-nav__megamenu-toggle:hover {
      color: #E71324; }
  .main-nav__user {
    display: none; }
    .main-nav__user__item {
      display: block;
      float: none; }
    .main-nav__user__link {
      background-color: #fff;
      text-align: center;
      padding: 0 18px;
      width: 100%; }
    .main-nav__user__item--help {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
      align-self: center; }
    .main-nav__user__mail--link {
      color: #E71324;
      text-decoration: none;
      background-color: transparent;
      margin-left: 0.125rem; }
    .main-nav__user__item--help {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
      align-self: center; }
    .main-nav__user__mail--link {
      color: #E71324;
      text-decoration: none;
      background-color: transparent;
      margin-left: 0.125rem; }
  .main-nav .user-avatar {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    margin-left: 2px;
    margin-top: -0.2em;
    border-radius: 50%;
    overflow: hidden; }
    .main-nav .user-avatar img {
      display: block;
      height: 100%;
      width: 100%; }
  @media screen and (max-width: 1023px) {
    .main-nav__links-outer {
      display: none;
      position: fixed;
      min-height: 100vh;
      width: 100vw;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #e9f1f5; }
      .mobile-open .main-nav__links-outer {
        display: block; }
    .main-nav__links-wrapper {
      height: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 40px; }
    .main-nav__links, .main-nav__search, .main-nav__user {
      width: 100%;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      padding: 0 32px; } }
  @media screen and (max-width: 1023px) and (min-width: 672px) {
    .main-nav__links, .main-nav__search, .main-nav__user {
      max-width: 672px; } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .main-nav__links, .main-nav__search, .main-nav__user {
      max-width: 1024px; } }
  @media screen and (max-width: 1023px) and (min-width: 1280px) {
    .main-nav__links, .main-nav__search, .main-nav__user {
      max-width: 1280px; } }
  @media screen and (max-width: 1023px) {
    .main-nav__links > li {
      padding: 28px 0;
      border-bottom: 1px solid #B7D1DC; }
      .main-nav__links > li:first-child {
        padding-right: 30px; }
    .main-nav__links, .main-nav__user {
      list-style: none; }
    .main-nav__user {
      border-top: 1px solid #B7D1DC;
      border-bottom: 1px solid #B7D1DC;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 30px;
      max-width: calc(420px - 64px);
      margin: 0 auto;
      padding: 30px 0;
      width: calc(100% - 64px); }
      .main-nav__user .main-nav__user__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 auto 24px; }
        .main-nav__user .main-nav__user__item:nth-last-child(1) {
          margin-bottom: 0; }
        .main-nav__user .main-nav__user__item--account {
          text-align: right; }
        .main-nav__user .main-nav__user__item--pay {
          clear: both;
          float: none;
          text-align: center; } }
      @media screen and (max-width: 1023px) and (min-width: 1024px) {
        .main-nav__user .main-nav__user__item--pay {
          clear: none;
          margin-top: 0;
          width: auto; } }
  @media screen and (max-width: 1023px) {
        .main-nav__user .main-nav__user__item--patient-portal .cta-button, .main-nav__user .main-nav__user__item--pay .cta-button {
          -webkit-transition: none;
          transition: none;
          min-width: 100%; }
      .main-nav__user .main-nav__user__item--help {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none; } }
  @media screen and (min-width: 672px) {
    .main-nav__inner {
      padding-right: 30px; }
    .main-nav__user {
      max-width: calc(672px - 64px); } }
  @media print {
    .main-nav__inner {
      padding-right: 30px; }
    .main-nav__user {
      max-width: calc(672px - 64px); } }
  @media screen and (min-width: 1024px) {
    .main-nav {
      height: 130px;
      -webkit-transition: height 0.15s ease-in-out;
      transition: height 0.15s ease-in-out; }
      .main-nav__wrapper {
        background-color: #fff; }
        .main-nav__wrapper.collapsed .main-nav {
          height: 80px; }
        .main-nav__wrapper.collapsed .main-nav__inner {
          bottom: 15px; }
        .main-nav__wrapper.collapsed .main-nav__control {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
        .main-nav__wrapper.collapsed .main-nav__logo {
          top: -0.6em;
          width: 140px;
          padding-top: 47px; }
        .main-nav__wrapper.collapsed .main-nav__links-outer {
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0; }
        .main-nav__wrapper.collapsed .main-nav__main-nav-toggle {
          display: inline-block;
          vertical-align: middle; }
        .main-nav__wrapper.collapsed .main-nav__links-wrapper {
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0;
          padding-left: 50px; }
        .main-nav__wrapper.collapsed .main-nav__links {
          display: none; }
        .main-nav__wrapper.collapsed .main-nav__user {
          position: relative;
          top: auto;
          margin-left: 50px;
          right: auto;
          background-color: transparent;
          padding: 0;
          border-radius: 0; }
          .main-nav__wrapper.collapsed .main-nav__user::before {
            display: none; }
        .main-nav__wrapper.off-screen {
          -webkit-transform: translateY(-130px);
          transform: translateY(-130px); }
          .main-nav__wrapper.off-screen.collapsed {
            -webkit-transform: translateY(-80px);
            transform: translateY(-80px); }
      .main-nav__inner {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .main-nav__control {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0; }
      .main-nav__logo {
        width: 140px;
        padding-top: 47px;
        margin-right: 35px; }
      .main-nav__main-nav-toggle {
        display: none; }
      .main-nav__links-outer {
        position: static;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto;
        width: auto;
        left: auto;
        top: auto; }
      .main-nav__links-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: transparent;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .main-nav__links {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        padding: 0;
        list-style: none; }
        .main-nav__links li {
          display: inline-block;
          vertical-align: middle; }
          .main-nav__links li:last-child .main-nav__megamenu-toggle {
            margin-right: 0; }
      .main-nav__megamenu-toggle {
        position: relative;
        margin-right: 24px;
        color: var(--sra-menu-links-color); }
        .main-nav__megamenu-toggle.js-active {
          color: #E71324;
          text-decoration: underline;
          --sra-border-color: var(--sra-bg-ice); }
          .main-nav__megamenu-toggle.js-active:before {
            content: "";
            position: absolute;
            top: -4.9em;
            left: 0;
            right: 0;
            width: 0;
            height: 0;
            margin: auto;
            border-left: 1.1em solid transparent;
            border-right: 1.1em solid transparent;
            border-top: 1.1em solid var(--sra-border-color); }
      .main-nav__toggle {
        display: none; }
      .main-nav__user {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px;
        top: -55px;
        right: 0;
        margin: 0;
        padding: 15px 30px 15px 100px;
        border-radius: 0 0 0 100px;
        list-style: none;
        background-color: #f3f3f3;
        max-width: unset; }
        .main-nav__user:before {
          content: "";
          background-color: #f3f3f3;
          position: absolute;
          height: 100%;
          width: 2000px;
          right: -2000px;
          top: 0; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .main-nav__user {
        padding: 20px 25px 20px 100px; } }
  @media screen and (min-width: 1024px) {
        .main-nav__user__item {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
        .main-nav__user__link.cta-button {
          --sra-btn-fill: #fff;
          --sra-btn-fill-hover: #E71324;
          --sra-btn-color: #E71324;
          --sra-btn-color-hover: #fff;
          --sra-btn-border: #E71324;
          --sra-btn-border-hover: #E71324;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: var(--sra-btn-fill);
          border: 0;
          border-radius: 8px;
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
          box-shadow: 0 0 0 1px var(--sra-btn-border);
          color: var(--sra-btn-color);
          cursor: pointer;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-family: 'gibson-regular', sans-serif;
          font-size: 1.25rem;
          min-height: 32px;
          letter-spacing: 0.015em;
          line-height: 1;
          margin: 0;
          padding: 3px 2em 0;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none !important;
          -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          width: auto; } }
      @media screen and (min-width: 1024px) and (min-width: 64em) {
        .main-nav__user__link.cta-button {
          white-space: nowrap; } }
  @media screen and (min-width: 1024px) {
          .main-nav__user__link.cta-button:hover, .main-nav__user__link.cta-button:focus {
            background: var(--sra-btn-fill-hover);
            -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            color: var(--sra-btn-color-hover); } }
  @media print {
    .main-nav {
      height: 130px;
      -webkit-transition: height 0.15s ease-in-out;
      transition: height 0.15s ease-in-out; }
      .main-nav__wrapper {
        background-color: #fff; }
        .main-nav__wrapper.collapsed .main-nav {
          height: 80px; }
        .main-nav__wrapper.collapsed .main-nav__inner {
          bottom: 15px; }
        .main-nav__wrapper.collapsed .main-nav__control {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
        .main-nav__wrapper.collapsed .main-nav__logo {
          top: -0.6em;
          width: 140px;
          padding-top: 47px; }
        .main-nav__wrapper.collapsed .main-nav__links-outer {
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0; }
        .main-nav__wrapper.collapsed .main-nav__main-nav-toggle {
          display: inline-block;
          vertical-align: middle; }
        .main-nav__wrapper.collapsed .main-nav__links-wrapper {
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0;
          padding-left: 50px; }
        .main-nav__wrapper.collapsed .main-nav__links {
          display: none; }
        .main-nav__wrapper.collapsed .main-nav__user {
          position: relative;
          top: auto;
          margin-left: 50px;
          right: auto;
          background-color: transparent;
          padding: 0;
          border-radius: 0; }
          .main-nav__wrapper.collapsed .main-nav__user::before {
            display: none; }
        .main-nav__wrapper.off-screen {
          -webkit-transform: translateY(-130px);
          transform: translateY(-130px); }
          .main-nav__wrapper.off-screen.collapsed {
            -webkit-transform: translateY(-80px);
            transform: translateY(-80px); }
      .main-nav__inner {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .main-nav__control {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0; }
      .main-nav__logo {
        width: 140px;
        padding-top: 47px;
        margin-right: 35px; }
      .main-nav__main-nav-toggle {
        display: none; }
      .main-nav__links-outer {
        position: static;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto;
        width: auto;
        left: auto;
        top: auto; }
      .main-nav__links-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: transparent;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .main-nav__links {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        padding: 0;
        list-style: none; }
        .main-nav__links li {
          display: inline-block;
          vertical-align: middle; }
          .main-nav__links li:last-child .main-nav__megamenu-toggle {
            margin-right: 0; }
      .main-nav__megamenu-toggle {
        position: relative;
        margin-right: 24px;
        color: var(--sra-menu-links-color); }
        .main-nav__megamenu-toggle.js-active {
          color: #E71324;
          text-decoration: underline;
          --sra-border-color: var(--sra-bg-ice); }
          .main-nav__megamenu-toggle.js-active:before {
            content: "";
            position: absolute;
            top: -4.9em;
            left: 0;
            right: 0;
            width: 0;
            height: 0;
            margin: auto;
            border-left: 1.1em solid transparent;
            border-right: 1.1em solid transparent;
            border-top: 1.1em solid var(--sra-border-color); }
      .main-nav__toggle {
        display: none; }
      .main-nav__user {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px;
        top: -55px;
        right: 0;
        margin: 0;
        padding: 15px 30px 15px 100px;
        border-radius: 0 0 0 100px;
        list-style: none;
        background-color: #f3f3f3;
        max-width: unset; }
        .main-nav__user:before {
          content: "";
          background-color: #f3f3f3;
          position: absolute;
          height: 100%;
          width: 2000px;
          right: -2000px;
          top: 0; } }
    @media print {
      .main-nav__user {
        padding: 20px 25px 20px 100px; } }
  @media print {
        .main-nav__user__item {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
        .main-nav__user__link.cta-button {
          --sra-btn-fill: #fff;
          --sra-btn-fill-hover: #E71324;
          --sra-btn-color: #E71324;
          --sra-btn-color-hover: #fff;
          --sra-btn-border: #E71324;
          --sra-btn-border-hover: #E71324;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: var(--sra-btn-fill);
          border: 0;
          border-radius: 8px;
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
          box-shadow: 0 0 0 1px var(--sra-btn-border);
          color: var(--sra-btn-color);
          cursor: pointer;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-family: 'gibson-regular', sans-serif;
          font-size: 1.25rem;
          min-height: 32px;
          letter-spacing: 0.015em;
          line-height: 1;
          margin: 0;
          padding: 3px 2em 0;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none !important;
          -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          width: auto; }
          .main-nav__user__link.cta-button:hover, .main-nav__user__link.cta-button:focus {
            background: var(--sra-btn-fill-hover);
            -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            color: var(--sra-btn-color-hover); } }
  @media screen and (min-width: 1280px) {
    .main-nav {
      height: 175px; }
      .main-nav__inner {
        padding-right: 25px; }
      .main-nav__logo {
        width: 259px;
        top: 0;
        padding-top: 90px;
        margin-right: 40px; }
      .main-nav__megamenu-toggle {
        margin-right: 36px; }
        .main-nav__megamenu-toggle.js-active:before {
          top: -4.4em; } }
  @media print {
    .main-nav {
      height: 175px; }
      .main-nav__inner {
        padding-right: 25px; }
      .main-nav__logo {
        width: 259px;
        top: 0;
        padding-top: 90px;
        margin-right: 40px; }
      .main-nav__megamenu-toggle {
        margin-right: 36px; }
        .main-nav__megamenu-toggle.js-active:before {
          top: -4.4em; } }
  @media screen and (min-width: 1024px) {
    .main-nav__links li.mobile {
      display: none; } }
  @media print {
    .main-nav__links li.mobile {
      display: none; } }
  .main-nav__links li.desktop {
    display: none; }
    @media screen and (min-width: 1024px) {
      .main-nav__links li.desktop {
        display: inline-block; } }
    @media print {
      .main-nav__links li.desktop {
        display: inline-block; } }

@media screen and (min-width: 1024px) {
  .main-nav__links--mobile {
    display: none; } }

@media print {
  .main-nav__links--mobile {
    display: none; } }

#block-menutagline {
  display: none;
  background-color: #fff; }
  .main-nav #block-menutagline {
    display: block; }
    @media screen and (min-width: 64em) {
      .main-nav #block-menutagline {
        display: none; } }
  #block-menutagline a {
    font-family: "gibson-regular", sans-serif;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    padding: 32px 20px;
    background-color: #D9E8F332; }

.local-tasks {
  border-bottom: 1px solid rgba(10, 10, 10, 0.2);
  list-style: none;
  margin: 0 auto 20px;
  max-width: 1220px;
  padding: 0;
  z-index: 1; }
  .local-tasks .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .local-tasks li {
    color: #7E756F;
    position: relative; }
    .local-tasks li.is-active {
      color: var(--gin-color-primary); }
      .local-tasks li.is-active::after {
        background-color: var(--gin-color-primary);
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 3px; }
    .local-tasks li a {
      color: inherit;
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
      display: block;
      padding: 0.7em 1.2em 0.675em;
      background-color: #fff;
      font-size: 1.4rem;
      letter-spacing: 0;
      text-transform: none;
      text-decoration: none;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      margin-right: 0; }
      .local-tasks li a.is-active {
        background-color: #fff; }
      .local-tasks li a:hover, .local-tasks li a:focus {
        color: inherit;
        background-color: color-mix(in srgb, var(--gin-color-primary) 10%, transparent); }

.content-nav {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 320px;
  padding: 30px 0;
  background: #e9f1f5;
  overflow: hidden;
  overflow-y: auto;
  z-index: 120;
  -webkit-transform: translateX(-320px);
  transform: translateX(-320px);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease; }
  .content-nav.open {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .content-nav__header, .content-nav__page-links {
    padding: 0 32px; }
  .content-nav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px; }
    .content-nav__header h3 {
      font-family: "gibson-regular", sans-serif;
      max-width: calc(100% - 30px);
      margin-bottom: 0;
      font-size: 1.2rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
      .content-nav__header h3 a {
        text-decoration: none; }
    .content-nav__header button {
      text-decoration: none;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
      .content-nav__header button:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .content-nav__header button:hover:before {
        text-decoration: none; }
  .content-nav ul {
    list-style: none;
    margin: 0; }
  .content-nav li {
    position: relative;
    border-top: 1px solid #B7D1DC;
    padding: 20px 0; }
    .content-nav li a {
      text-decoration: none;
      font-family: "gibson-regular", sans-serif;
      display: block;
      color: #0a0a0a;
      font-size: 1.6rem;
      letter-spacing: .025em;
      text-decoration: none;
      padding-right: 30px; }
      .content-nav li a:after {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .content-nav li a:hover:after {
        text-decoration: none; }
      .content-nav li a:after {
        position: absolute;
        height: 2.4rem;
        right: 0;
        top: -.1em;
        bottom: 0;
        margin: auto;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease; }
      .content-nav li a.active {
        color: #E71324;
        text-decoration: underline; }
        .content-nav li a.active:after {
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
      .content-nav li a:hover, .content-nav li a:focus {
        color: #E71324; }
    .content-nav li i {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
  .content-nav__footer-links {
    border-top: 6px solid #B7D1DC; }
    .content-nav__footer-links ul {
      padding: 0 32px; }
    .content-nav__footer-links li:first-child {
      border-top: 0; }
    .content-nav__footer-links i {
      width: 15px;
      height: 25px; }
  @media screen and (min-width: 1024px) {
    .content-nav {
      max-width: 256px; }
      .content-nav__header, .content-nav__page-links {
        padding-left: 30px;
        padding-right: 30px; }
      .content-nav__footer-links ul {
        padding: 0 30px; }
      .user-logged-in .content-nav {
        top: 80px; } }
  @media print {
    .content-nav {
      max-width: 256px; }
      .content-nav__header, .content-nav__page-links {
        padding-left: 30px;
        padding-right: 30px; }
      .content-nav__footer-links ul {
        padding: 0 30px; }
      .user-logged-in .content-nav {
        top: 80px; } }
  @media screen and (min-width: 1792px) {
    .content-nav.open {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }

.content-nav-jump-link {
  position: relative;
  display: block;
  height: 1px;
  width: 1px;
  top: -130px; }
  .content-nav-jump-link:after {
    content: "" !important; }

/*
  Styles for the skip-link
*/
.skip-link {
  font-family: "gibson-regular", sans-serif;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  left: calc((100% - 420px) / 2);
  z-index: 100;
  color: #E71324;
  font-size: 1.2rem;
  letter-spacing: .015rem;
  text-decoration: none;
  text-transform: uppercase; }
  .skip-link:after {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2rem;
    text-decoration: none; }
  .skip-link:hover:after {
    text-decoration: none; }
  .skip-link:after {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -.05em; }
  .skip-link.focusable:focus {
    position: fixed !important;
    clip: auto;
    height: auto;
    width: auto; }
  @media screen and (min-width: 672px) {
    .skip-link {
      left: calc((100% - 672px) / 2); } }
  @media print {
    .skip-link {
      left: calc((100% - 672px) / 2); } }
  @media screen and (min-width: 1024px) {
    .skip-link {
      left: calc((100% - 1024px) / 2); } }
  @media print {
    .skip-link {
      left: calc((100% - 1024px) / 2); } }
  @media screen and (min-width: 1280px) {
    .skip-link {
      left: calc((100% - 1280px) / 2); } }
  @media print {
    .skip-link {
      left: calc((100% - 1280px) / 2); } }

.region-user {
  position: relative;
  z-index: 999; }

#edit-cancel {
  font-family: 'gibson-regular', sans-serif;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  margin: 0 0 0 10px;
  padding: 0 50px;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 50px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all .15s;
  transition: all .15s; }
  #edit-cancel:hover, #edit-cancel:focus {
    background-color: #ccc;
    border: 1px solid #ccc;
    text-decoration: none; }

body.path-profile:has(#block-abilitylab-theme-useraccountmenu) #block-abilitylab-theme-primary-local-tasks {
  display: none; }

#block-abilitylab-theme-useraccountmenu .menu {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #000; }
  #block-abilitylab-theme-useraccountmenu .menu li {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: #fff; }
    @media screen and (min-width: 672px) {
      #block-abilitylab-theme-useraccountmenu .menu li:nth-child(2) {
        margin-left: auto; } }
    @media print {
      #block-abilitylab-theme-useraccountmenu .menu li:nth-child(2) {
        margin-left: auto; } }
    #block-abilitylab-theme-useraccountmenu .menu li:first-of-type {
      padding: 0 0.5em;
      width: 100%; }
      @media screen and (min-width: 672px) {
        #block-abilitylab-theme-useraccountmenu .menu li:first-of-type {
          padding: 0 0 0 1em;
          width: auto; } }
      @media print {
        #block-abilitylab-theme-useraccountmenu .menu li:first-of-type {
          padding: 0 0 0 1em;
          width: auto; } }
      #block-abilitylab-theme-useraccountmenu .menu li:first-of-type a {
        background: transparent;
        font-size: inherit;
        text-decoration: underline;
        margin-left: 0.25em;
        padding: 0;
        color: inherit;
        -webkit-transition: none;
        transition: none; }
        @media screen and (min-width: 672px) {
          #block-abilitylab-theme-useraccountmenu .menu li:first-of-type a {
            padding: 0.5em 0; } }
        @media print {
          #block-abilitylab-theme-useraccountmenu .menu li:first-of-type a {
            padding: 0.5em 0; } }
        #block-abilitylab-theme-useraccountmenu .menu li:first-of-type a:hover, #block-abilitylab-theme-useraccountmenu .menu li:first-of-type a:focus {
          background: none; }
    #block-abilitylab-theme-useraccountmenu .menu li a {
      background: rgba(35, 142, 201, 0);
      font-size: inherit;
      font-weight: inherit;
      padding: 0.5em;
      text-decoration: none;
      color: inherit;
      -webkit-transition: background 200ms ease-in-out;
      transition: background 200ms ease-in-out; }
      @media screen and (min-width: 672px) {
        #block-abilitylab-theme-useraccountmenu .menu li a {
          padding: 1em; } }
      @media print {
        #block-abilitylab-theme-useraccountmenu .menu li a {
          padding: 1em; } }
      #block-abilitylab-theme-useraccountmenu .menu li a:hover, #block-abilitylab-theme-useraccountmenu .menu li a:focus {
        background: rgba(35, 142, 201, 0.5); }

/*

  Mega menu styles.

*/
.megamenus__menu {
  display: none; }

@media screen and (min-width: 1024px) {
  .megamenus {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 0;
    width: 100%;
    z-index: 5;
    overflow: hidden;
    background-color: #e9f1f5;
    /*--------------------------------------------------------------------------
      Heading H3
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links
      and
      Links with Custom Text
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links with Icons
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Body
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Red Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Phone Number
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Teaser
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Academy Teasers
    --------------------------------------------------------------------------*/ } }
  @media screen and (min-width: 1024px) and (min-width: 672px) {
    .megamenus {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .megamenus {
      max-width: 1024px; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .megamenus {
      max-width: 1280px; } }

@media screen and (min-width: 1024px) {
    .megamenus .graphic-01,
    .megamenus .graphic-02,
    .megamenus .graphic-03,
    .megamenus .graphic-04 {
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .megamenus .graphic-01 {
      top: -350px;
      left: -60px;
      width: 220px;
      height: 550px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Upper-L.svg); }
    .megamenus .graphic-02 {
      top: -120px;
      right: -340px;
      width: 620px;
      height: 207px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Upper-R.svg); }
    .megamenus .graphic-03 {
      bottom: -100px;
      right: -260px;
      width: 750px;
      height: 205px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Lower-R.svg); }
    .megamenus .graphic-04 {
      bottom: -240px;
      left: -170px;
      width: 370px;
      height: 510px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Lower-L.svg); }
    .megamenus__menu {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      padding: 60px 32px;
      clear: both;
      width: 100%;
      height: auto;
      min-height: 300px;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      z-index: 1; }
      .open .megamenus__menu {
        height: 100%; }
      .megamenus__menu.js-active {
        opacity: 1;
        pointer-events: auto;
        z-index: 2; }
      .megamenus__menu .block {
        height: 100%; }
        .megamenus__menu .block:after {
          content: "";
          display: table;
          clear: both; }
    .megamenus__close-btn {
      text-decoration: none;
      position: absolute;
      top: 30px;
      right: 30px;
      height: 0;
      width: 30px;
      padding-top: 30px;
      overflow: hidden; }
      .megamenus__close-btn:before {
        color: #1655A1;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.6rem;
        text-decoration: none; }
      .megamenus__close-btn:hover:before {
        text-decoration: none; }
      .megamenus__close-btn:before {
        position: absolute;
        top: 2px;
        left: 2px; }
      .megamenus__close-btn:hover:before, .megamenus__close-btn:focus:before {
        color: #E71324; }
    .megamenus__subblock {
      float: left;
      width: 33%;
      height: 100%;
      padding: 0 32px; }
      .megamenus__subblock:last-child {
        margin-right: 0; }
      .megamenus__subblock a {
        text-decoration: none; }
        .megamenus__subblock a:hover {
          text-decoration: underline; }
    .megamenus .section-header {
      font-family: "gibson-regular", sans-serif;
      margin-top: 3.5rem;
      margin-bottom: 3rem;
      color: #1655A1;
      font-size: 1.2rem;
      line-height: 1.8rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
      .megamenus .section-header:first-child {
        margin-top: 0; }
    .megamenus .paragraph--button + .section-header {
      margin-top: 2.5rem;
      padding-top: 3rem;
      border-top: 1px solid #B7D1DC; }
    .megamenus .paragraph--links-freeform,
    .megamenus .paragraph--list-of-links {
      margin-top: 2.5rem; }
      .megamenus .paragraph--links-freeform .freeform-links,
      .megamenus .paragraph--links-freeform .list-of-links,
      .megamenus .paragraph--list-of-links .freeform-links,
      .megamenus .paragraph--list-of-links .list-of-links {
        margin: 0 0;
        padding: 0;
        list-style: none; }
        .megamenus .paragraph--links-freeform .freeform-links__item,
        .megamenus .paragraph--links-freeform .list-of-links__item,
        .megamenus .paragraph--list-of-links .freeform-links__item,
        .megamenus .paragraph--list-of-links .list-of-links__item {
          font-family: "gibson-light", sans-serif;
          margin-top: 2rem;
          font-size: 1.5rem;
          line-height: 2.0rem;
          letter-spacing: .015em; }
          .megamenus .paragraph--links-freeform .freeform-links__item:first-child,
          .megamenus .paragraph--links-freeform .list-of-links__item:first-child,
          .megamenus .paragraph--list-of-links .freeform-links__item:first-child,
          .megamenus .paragraph--list-of-links .list-of-links__item:first-child {
            margin-top: 0; }
      .megamenus .paragraph--links-freeform.view-more .list-of-links__item,
      .megamenus .paragraph--links-freeform.view-more .freeform-links__item,
      .megamenus .paragraph--list-of-links.view-more .list-of-links__item,
      .megamenus .paragraph--list-of-links.view-more .freeform-links__item {
        font-family: "gibson-regular", sans-serif;
        font-size: 1.2rem;
        line-height: 1.6rem;
        letter-spacing: .18em;
        text-transform: uppercase; }
      .megamenus .paragraph--links-freeform.with-border,
      .megamenus .paragraph--list-of-links.with-border {
        margin-top: 3rem;
        padding-top: 3rem;
        border-top: 1px solid #B7D1DC; }
    .megamenus .paragraph--list-of-links-with-icons {
      margin: 0 0 2.5rem 0; }
    .megamenus .icon-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .megamenus .icon-list__item {
        font-family: "gibson-semibold", sans-serif;
        font-size: 1.6rem;
        line-height: 1.8rem;
        letter-spacing: .005em;
        margin-top: 2.5rem; }
        .megamenus .icon-list__item:after {
          content: "";
          display: table;
          clear: both; }
        .megamenus .icon-list__item:first-child {
          margin-top: 0; }
        .megamenus .icon-list__item [class*="graphic--"],
        .megamenus .icon-list__item [class*="icon--"] {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          margin-right: 35px; }
        .megamenus .icon-list__item [class*="graphic--"] {
          max-width: 25px;
          max-height: 25px; }
          .megamenus .icon-list__item [class*="graphic--"]:before {
            background-position: center center; }
        .megamenus .icon-list__item .graphic--arm:before {
          height: 120%;
          top: -20%; }
        .megamenus .icon-list__item [class*="icon--"]:before {
          color: #1655A1; }
      .megamenus .icon-list__link {
        display: block;
        text-decoration: none; }
      .megamenus .icon-list__link-text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 62px);
        clear: none; }
    .megamenus .paragraph--body {
      margin: 3.5rem 0; }
      .megamenus .paragraph--body p {
        font-family: "gt-sectra-fine", serif;
        font-size: 1.4rem;
        line-height: 2.2rem;
        letter-spacing: .015em; }
    .megamenus .section-header + .paragraph--body {
      margin-top: 0; }
    .megamenus .paragraph--button {
      --sra-btn-fill-hover: #E71324;
      --sra-btn-border-hover: #E71324; }
      .megamenus .paragraph--button .section-header {
        font-family: "gibson-semibold", sans-serif;
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: .02em;
        color: #0a0a0a;
        text-transform: none;
        margin-bottom: 1.5rem; }
      .megamenus .paragraph--button .cta-button {
        width: 100%;
        text-align: center; }
    .megamenus .paragraph--red-button .section-header {
      margin-bottom: 1.5rem; }
    .megamenus .red-button {
      --sra-btn-fill: #E71324;
      --sra-btn-fill-hover: #fff;
      --sra-btn-color: #fff;
      --sra-btn-color-hover: #E71324;
      --sra-btn-border: #E71324;
      --sra-btn-border-hover: #E71324;
      text-decoration: none;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: var(--sra-btn-fill);
      border: 0;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
      box-shadow: 0 0 0 1px var(--sra-btn-border);
      color: var(--sra-btn-color);
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: 'gibson-regular', sans-serif;
      font-size: 1.25rem;
      min-height: 48px;
      letter-spacing: 0.015em;
      line-height: 1;
      margin: 0;
      padding: 3px 2em 0;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      width: auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-width: 100%;
      padding: 3px 1.25em 0 1.7em;
      text-align: left; }
      .megamenus .red-button:after {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .megamenus .red-button:hover:after {
        text-decoration: none; } }
    @media screen and (min-width: 1024px) and (min-width: 64em) {
      .megamenus .red-button {
        white-space: nowrap; } }

@media screen and (min-width: 1024px) {
      .megamenus .red-button:hover, .megamenus .red-button:focus {
        background: var(--sra-btn-fill-hover);
        -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        color: var(--sra-btn-color-hover); } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .megamenus .red-button {
        min-width: 80%; } }

@media screen and (min-width: 1024px) {
      .megamenus .red-button::after {
        -webkit-margin-before: -3px;
        margin-block-start: -3px;
        -webkit-margin-start: 1em;
        margin-inline-start: 1em; }
      .megamenus .red-button:hover::after, .megamenus .red-button:focus::after {
        color: var(--sra-btn-color-hover); }
    .megamenus .field-name-field-column-three {
      position: relative;
      padding-bottom: 12.5rem; }
      .megamenus .field-name-field-column-three .paragraph--red-button {
        position: absolute;
        width: calc(100% - 64px);
        left: 32px;
        bottom: 0;
        opacity: 0;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease; }
        .megamenus .field-name-field-column-three .paragraph--red-button .section-header {
          padding-top: 20px;
          border-top: 1px solid #B7D1DC; }
    .megamenus.open .field-name-field-column-three .paragraph--red-button {
      opacity: 1; }
    .megamenus .field--phone-number {
      margin-top: 2.5rem;
      padding: 2.5rem 0 2rem;
      border-top: 1px solid #B7D1DC;
      border-bottom: 1px solid #B7D1DC; }
      .megamenus .field--phone-number:last-child {
        padding-bottom: 0;
        border-bottom: 0; }
    .megamenus .phone-number {
      font-family: "gibson-light", sans-serif;
      font-size: 2.2rem;
      line-height: 1; }
      .megamenus .phone-number__label {
        font-family: "gibson-semibold", sans-serif;
        display: block;
        margin-bottom: 1rem;
        font-size: 1.2rem;
        letter-spacing: .018em;
        text-transform: uppercase; }
      .megamenus .phone-number__instructions {
        font-family: "gibson-regular", sans-serif;
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: .018em;
        text-transform: uppercase;
        margin-top: 15px; }
    .megamenus .paragraph--mega-menu-teaser .package--news__item {
      width: 100%;
      min-width: 0;
      max-width: none;
      margin: 0;
      padding: 0; }
      .megamenus .paragraph--mega-menu-teaser .package--news__item img {
        width: 100%; }
    .megamenus .paragraph--mega-menu-teaser .package--news__hero {
      max-width: 260px; }
    .megamenus .paragraph--mega-menu-teaser .package--news__headline {
      font-family: "gibson-semibold", sans-serif;
      font-size: 1.6rem;
      letter-spacing: .02em;
      line-height: 2.2rem;
      padding-bottom: 0; }
      .megamenus .paragraph--mega-menu-teaser .package--news__headline a {
        text-decoration: none; }
    .megamenus .paragraph--mega-menu-academy-teasers .list-of-links {
      margin: 0;
      padding: 0;
      list-style: none; }
      .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item {
        margin-bottom: 0;
        padding: 2rem 0 1rem; }
        .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child {
          margin-bottom: 0;
          padding: 0 0 2rem 0;
          border-bottom: 1px solid #B7D1DC; }
          .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product {
            display: block; }
            .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product a {
              font-family: "gibson-semibold", sans-serif;
              display: block;
              margin-bottom: 1rem;
              font-size: 1.4rem;
              line-height: 2rem;
              letter-spacing: .02rem;
              text-decoration: none; }
            .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product label {
              margin-bottom: 0; }
        .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:last-child {
          padding-bottom: 0; }
    .megamenus .paragraph--mega-menu-academy-teasers .shopify-product {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .megamenus .paragraph--mega-menu-academy-teasers .shopify-product label {
        font-family: "gibson-regular", sans-serif;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: #0a0a0a;
        opacity: .5;
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: .018em;
        margin-bottom: .8rem; }
      .megamenus .paragraph--mega-menu-academy-teasers .shopify-product a {
        font-family: "gibson-light", sans-serif;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 1.6rem;
        line-height: 2.2rem;
        letter-spacing: .015em; } }

@media print {
  .megamenus {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 0;
    width: 100%;
    z-index: 5;
    overflow: hidden;
    background-color: #e9f1f5;
    /*--------------------------------------------------------------------------
      Heading H3
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links
      and
      Links with Custom Text
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links with Icons
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Body
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Red Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Phone Number
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Teaser
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Academy Teasers
    --------------------------------------------------------------------------*/ } }
  @media print {
    .megamenus {
      max-width: 672px; } }
  @media print {
    .megamenus {
      max-width: 1024px; } }
  @media print {
    .megamenus {
      max-width: 1280px; } }

@media print {
    .megamenus .graphic-01,
    .megamenus .graphic-02,
    .megamenus .graphic-03,
    .megamenus .graphic-04 {
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .megamenus .graphic-01 {
      top: -350px;
      left: -60px;
      width: 220px;
      height: 550px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Upper-L.svg); }
    .megamenus .graphic-02 {
      top: -120px;
      right: -340px;
      width: 620px;
      height: 207px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Upper-R.svg); }
    .megamenus .graphic-03 {
      bottom: -100px;
      right: -260px;
      width: 750px;
      height: 205px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Lower-R.svg); }
    .megamenus .graphic-04 {
      bottom: -240px;
      left: -170px;
      width: 370px;
      height: 510px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/Mega-Menu_Lower-L.svg); }
    .megamenus__menu {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      padding: 60px 32px;
      clear: both;
      width: 100%;
      height: auto;
      min-height: 300px;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      z-index: 1; }
      .open .megamenus__menu {
        height: 100%; }
      .megamenus__menu.js-active {
        opacity: 1;
        pointer-events: auto;
        z-index: 2; }
      .megamenus__menu .block {
        height: 100%; }
        .megamenus__menu .block:after {
          content: "";
          display: table;
          clear: both; }
    .megamenus__close-btn {
      text-decoration: none;
      position: absolute;
      top: 30px;
      right: 30px;
      height: 0;
      width: 30px;
      padding-top: 30px;
      overflow: hidden; }
      .megamenus__close-btn:before {
        color: #1655A1;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.6rem;
        text-decoration: none; }
      .megamenus__close-btn:hover:before {
        text-decoration: none; }
      .megamenus__close-btn:before {
        position: absolute;
        top: 2px;
        left: 2px; }
      .megamenus__close-btn:hover:before, .megamenus__close-btn:focus:before {
        color: #E71324; }
    .megamenus__subblock {
      float: left;
      width: 33%;
      height: 100%;
      padding: 0 32px; }
      .megamenus__subblock:last-child {
        margin-right: 0; }
      .megamenus__subblock a {
        text-decoration: none; }
        .megamenus__subblock a:hover {
          text-decoration: underline; }
    .megamenus .section-header {
      font-family: "gibson-regular", sans-serif;
      margin-top: 3.5rem;
      margin-bottom: 3rem;
      color: #1655A1;
      font-size: 1.2rem;
      line-height: 1.8rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
      .megamenus .section-header:first-child {
        margin-top: 0; }
    .megamenus .paragraph--button + .section-header {
      margin-top: 2.5rem;
      padding-top: 3rem;
      border-top: 1px solid #B7D1DC; }
    .megamenus .paragraph--links-freeform,
    .megamenus .paragraph--list-of-links {
      margin-top: 2.5rem; }
      .megamenus .paragraph--links-freeform .freeform-links,
      .megamenus .paragraph--links-freeform .list-of-links,
      .megamenus .paragraph--list-of-links .freeform-links,
      .megamenus .paragraph--list-of-links .list-of-links {
        margin: 0 0;
        padding: 0;
        list-style: none; }
        .megamenus .paragraph--links-freeform .freeform-links__item,
        .megamenus .paragraph--links-freeform .list-of-links__item,
        .megamenus .paragraph--list-of-links .freeform-links__item,
        .megamenus .paragraph--list-of-links .list-of-links__item {
          font-family: "gibson-light", sans-serif;
          margin-top: 2rem;
          font-size: 1.5rem;
          line-height: 2.0rem;
          letter-spacing: .015em; }
          .megamenus .paragraph--links-freeform .freeform-links__item:first-child,
          .megamenus .paragraph--links-freeform .list-of-links__item:first-child,
          .megamenus .paragraph--list-of-links .freeform-links__item:first-child,
          .megamenus .paragraph--list-of-links .list-of-links__item:first-child {
            margin-top: 0; }
      .megamenus .paragraph--links-freeform.view-more .list-of-links__item,
      .megamenus .paragraph--links-freeform.view-more .freeform-links__item,
      .megamenus .paragraph--list-of-links.view-more .list-of-links__item,
      .megamenus .paragraph--list-of-links.view-more .freeform-links__item {
        font-family: "gibson-regular", sans-serif;
        font-size: 1.2rem;
        line-height: 1.6rem;
        letter-spacing: .18em;
        text-transform: uppercase; }
      .megamenus .paragraph--links-freeform.with-border,
      .megamenus .paragraph--list-of-links.with-border {
        margin-top: 3rem;
        padding-top: 3rem;
        border-top: 1px solid #B7D1DC; }
    .megamenus .paragraph--list-of-links-with-icons {
      margin: 0 0 2.5rem 0; }
    .megamenus .icon-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      .megamenus .icon-list__item {
        font-family: "gibson-semibold", sans-serif;
        font-size: 1.6rem;
        line-height: 1.8rem;
        letter-spacing: .005em;
        margin-top: 2.5rem; }
        .megamenus .icon-list__item:after {
          content: "";
          display: table;
          clear: both; }
        .megamenus .icon-list__item:first-child {
          margin-top: 0; }
        .megamenus .icon-list__item [class*="graphic--"],
        .megamenus .icon-list__item [class*="icon--"] {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          margin-right: 35px; }
        .megamenus .icon-list__item [class*="graphic--"] {
          max-width: 25px;
          max-height: 25px; }
          .megamenus .icon-list__item [class*="graphic--"]:before {
            background-position: center center; }
        .megamenus .icon-list__item .graphic--arm:before {
          height: 120%;
          top: -20%; }
        .megamenus .icon-list__item [class*="icon--"]:before {
          color: #1655A1; }
      .megamenus .icon-list__link {
        display: block;
        text-decoration: none; }
      .megamenus .icon-list__link-text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 62px);
        clear: none; }
    .megamenus .paragraph--body {
      margin: 3.5rem 0; }
      .megamenus .paragraph--body p {
        font-family: "gt-sectra-fine", serif;
        font-size: 1.4rem;
        line-height: 2.2rem;
        letter-spacing: .015em; }
    .megamenus .section-header + .paragraph--body {
      margin-top: 0; }
    .megamenus .paragraph--button {
      --sra-btn-fill-hover: #E71324;
      --sra-btn-border-hover: #E71324; }
      .megamenus .paragraph--button .section-header {
        font-family: "gibson-semibold", sans-serif;
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: .02em;
        color: #0a0a0a;
        text-transform: none;
        margin-bottom: 1.5rem; }
      .megamenus .paragraph--button .cta-button {
        width: 100%;
        text-align: center; }
    .megamenus .paragraph--red-button .section-header {
      margin-bottom: 1.5rem; }
    .megamenus .red-button {
      --sra-btn-fill: #E71324;
      --sra-btn-fill-hover: #fff;
      --sra-btn-color: #fff;
      --sra-btn-color-hover: #E71324;
      --sra-btn-border: #E71324;
      --sra-btn-border-hover: #E71324;
      text-decoration: none;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: var(--sra-btn-fill);
      border: 0;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
      box-shadow: 0 0 0 1px var(--sra-btn-border);
      color: var(--sra-btn-color);
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: 'gibson-regular', sans-serif;
      font-size: 1.25rem;
      min-height: 48px;
      letter-spacing: 0.015em;
      line-height: 1;
      margin: 0;
      padding: 3px 2em 0;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      width: auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-width: 100%;
      padding: 3px 1.25em 0 1.7em;
      text-align: left; }
      .megamenus .red-button:after {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .megamenus .red-button:hover:after {
        text-decoration: none; }
      .megamenus .red-button:hover, .megamenus .red-button:focus {
        background: var(--sra-btn-fill-hover);
        -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        color: var(--sra-btn-color-hover); } }
    @media print {
      .megamenus .red-button {
        min-width: 80%; } }

@media print {
      .megamenus .red-button::after {
        -webkit-margin-before: -3px;
        margin-block-start: -3px;
        -webkit-margin-start: 1em;
        margin-inline-start: 1em; }
      .megamenus .red-button:hover::after, .megamenus .red-button:focus::after {
        color: var(--sra-btn-color-hover); }
    .megamenus .field-name-field-column-three {
      position: relative;
      padding-bottom: 12.5rem; }
      .megamenus .field-name-field-column-three .paragraph--red-button {
        position: absolute;
        width: calc(100% - 64px);
        left: 32px;
        bottom: 0;
        opacity: 0;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease; }
        .megamenus .field-name-field-column-three .paragraph--red-button .section-header {
          padding-top: 20px;
          border-top: 1px solid #B7D1DC; }
    .megamenus.open .field-name-field-column-three .paragraph--red-button {
      opacity: 1; }
    .megamenus .field--phone-number {
      margin-top: 2.5rem;
      padding: 2.5rem 0 2rem;
      border-top: 1px solid #B7D1DC;
      border-bottom: 1px solid #B7D1DC; }
      .megamenus .field--phone-number:last-child {
        padding-bottom: 0;
        border-bottom: 0; }
    .megamenus .phone-number {
      font-family: "gibson-light", sans-serif;
      font-size: 2.2rem;
      line-height: 1; }
      .megamenus .phone-number__label {
        font-family: "gibson-semibold", sans-serif;
        display: block;
        margin-bottom: 1rem;
        font-size: 1.2rem;
        letter-spacing: .018em;
        text-transform: uppercase; }
      .megamenus .phone-number__instructions {
        font-family: "gibson-regular", sans-serif;
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: .018em;
        text-transform: uppercase;
        margin-top: 15px; }
    .megamenus .paragraph--mega-menu-teaser .package--news__item {
      width: 100%;
      min-width: 0;
      max-width: none;
      margin: 0;
      padding: 0; }
      .megamenus .paragraph--mega-menu-teaser .package--news__item img {
        width: 100%; }
    .megamenus .paragraph--mega-menu-teaser .package--news__hero {
      max-width: 260px; }
    .megamenus .paragraph--mega-menu-teaser .package--news__headline {
      font-family: "gibson-semibold", sans-serif;
      font-size: 1.6rem;
      letter-spacing: .02em;
      line-height: 2.2rem;
      padding-bottom: 0; }
      .megamenus .paragraph--mega-menu-teaser .package--news__headline a {
        text-decoration: none; }
    .megamenus .paragraph--mega-menu-academy-teasers .list-of-links {
      margin: 0;
      padding: 0;
      list-style: none; }
      .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item {
        margin-bottom: 0;
        padding: 2rem 0 1rem; }
        .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child {
          margin-bottom: 0;
          padding: 0 0 2rem 0;
          border-bottom: 1px solid #B7D1DC; }
          .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product {
            display: block; }
            .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product a {
              font-family: "gibson-semibold", sans-serif;
              display: block;
              margin-bottom: 1rem;
              font-size: 1.4rem;
              line-height: 2rem;
              letter-spacing: .02rem;
              text-decoration: none; }
            .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product label {
              margin-bottom: 0; }
        .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:last-child {
          padding-bottom: 0; }
    .megamenus .paragraph--mega-menu-academy-teasers .shopify-product {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .megamenus .paragraph--mega-menu-academy-teasers .shopify-product label {
        font-family: "gibson-regular", sans-serif;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: #0a0a0a;
        opacity: .5;
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: .018em;
        margin-bottom: .8rem; }
      .megamenus .paragraph--mega-menu-academy-teasers .shopify-product a {
        font-family: "gibson-light", sans-serif;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 1.6rem;
        line-height: 2.2rem;
        letter-spacing: .015em; } }

@media screen and (min-width: 1280px) {
  .megamenus {
    /*--------------------------------------------------------------------------
      Heading H3
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links
      and
      Links with Custom Text
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links with Icons
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Academy Teasers
    --------------------------------------------------------------------------*/ }
    .megamenus__menu {
      padding: 60px 80px; }
    .megamenus__close-btn {
      top: 50px;
      right: 50px; }
    .megamenus__subblock {
      padding: 0 40px; }
    .megamenus .section-header {
      margin-bottom: 2.5rem; }
    .megamenus .paragraph--button + .section-header {
      margin-top: 2.5rem; }
    .megamenus .paragraph--links-freeform .freeform-links__item,
    .megamenus .paragraph--links-freeform .list-of-links__item,
    .megamenus .paragraph--list-of-links .freeform-links__item,
    .megamenus .paragraph--list-of-links .list-of-links__item {
      font-size: 1.6rem;
      line-height: 2.2rem; }
    .megamenus .paragraph--list-of-links-with-icons {
      margin: 0 0 3.2rem 0; }
    .megamenus .icon-list__item {
      font-size: 1.8rem;
      line-height: 2rem; }
      .megamenus .icon-list__item:first-child {
        margin-top: 0; }
    .megamenus .icon-list__link-text {
      width: calc(100% - 70px); }
    .megamenus .paragraph--button .cta-button {
      width: 90%; }
    .megamenus .field-name-field-column-three .paragraph--red-button {
      position: absolute;
      width: calc(100% - 80px);
      left: 40px; }
    .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product a {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

@media print {
  .megamenus {
    /*--------------------------------------------------------------------------
      Heading H3
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links
      and
      Links with Custom Text
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Links with Icons
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Button
    --------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------
      Academy Teasers
    --------------------------------------------------------------------------*/ }
    .megamenus__menu {
      padding: 60px 80px; }
    .megamenus__close-btn {
      top: 50px;
      right: 50px; }
    .megamenus__subblock {
      padding: 0 40px; }
    .megamenus .section-header {
      margin-bottom: 2.5rem; }
    .megamenus .paragraph--button + .section-header {
      margin-top: 2.5rem; }
    .megamenus .paragraph--links-freeform .freeform-links__item,
    .megamenus .paragraph--links-freeform .list-of-links__item,
    .megamenus .paragraph--list-of-links .freeform-links__item,
    .megamenus .paragraph--list-of-links .list-of-links__item {
      font-size: 1.6rem;
      line-height: 2.2rem; }
    .megamenus .paragraph--list-of-links-with-icons {
      margin: 0 0 3.2rem 0; }
    .megamenus .icon-list__item {
      font-size: 1.8rem;
      line-height: 2rem; }
      .megamenus .icon-list__item:first-child {
        margin-top: 0; }
    .megamenus .icon-list__link-text {
      width: calc(100% - 70px); }
    .megamenus .paragraph--button .cta-button {
      width: 90%; }
    .megamenus .field-name-field-column-three .paragraph--red-button {
      position: absolute;
      width: calc(100% - 80px);
      left: 40px; }
    .megamenus .paragraph--mega-menu-academy-teasers .list-of-links__item:first-child .shopify-product a {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

/*

  Footer -- Middle Styles.

*/
.footer--middle {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .footer--middle {
      padding: 0 60px; } }
  @media print {
    .footer--middle {
      padding: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .footer--middle {
      padding: 0 80px; } }
  @media print {
    .footer--middle {
      padding: 0 80px; } }
  @media screen and (min-width: 1280px) {
    .footer--middle {
      padding: 0 120px; } }
  @media print {
    .footer--middle {
      padding: 0 120px; } }
  .footer--middle__wrapper {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid var(--sra-border-color);
    margin-top: 30px;
    margin-bottom: 50px;
    padding-top: 40px; }
    @media screen and (min-width: 672px) {
      .footer--middle__wrapper {
        max-width: 672px; } }
    @media print {
      .footer--middle__wrapper {
        max-width: 672px; } }
    @media screen and (min-width: 1024px) {
      .footer--middle__wrapper {
        max-width: 1024px; } }
    @media print {
      .footer--middle__wrapper {
        max-width: 1024px; } }
    @media screen and (min-width: 1280px) {
      .footer--middle__wrapper {
        max-width: 1280px; } }
    @media print {
      .footer--middle__wrapper {
        max-width: 1280px; } }
  .footer--middle .section-header {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .18rem;
    text-transform: uppercase; }
  .footer--middle__section .paragraph--teaser-with-header {
    display: none; }
    .footer--middle__section .paragraph--teaser-with-header--current {
      display: block; }
  .footer--middle__section:last-child {
    display: none; }
  @media screen and (min-width: 1024px) {
    .footer--middle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 0 32px; } }
  @media screen and (min-width: 1024px) and (min-width: 672px) {
    .footer--middle {
      padding: 0 60px; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .footer--middle {
      padding: 0 80px; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .footer--middle {
      padding: 0 120px; } }
  @media screen and (min-width: 1024px) {
      .footer--middle__wrapper {
        margin-top: 60px;
        margin-bottom: 80px;
        padding-top: 60px; }
      .footer--middle__section {
        min-width: 69%;
        max-width: 69%; }
        .footer--middle__section:last-child {
          display: block;
          min-width: 31%;
          max-width: 31%;
          padding-left: 40px; } }
  @media print {
    .footer--middle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 0 32px; } }
  @media print {
    .footer--middle {
      padding: 0 60px; } }
  @media print {
    .footer--middle {
      padding: 0 80px; } }
  @media print {
    .footer--middle {
      padding: 0 120px; } }
  @media print {
      .footer--middle__wrapper {
        margin-top: 60px;
        margin-bottom: 80px;
        padding-top: 60px; }
      .footer--middle__section {
        min-width: 69%;
        max-width: 69%; }
        .footer--middle__section:last-child {
          display: block;
          min-width: 31%;
          max-width: 31%;
          padding-left: 40px; } }

/*

  Footer -- Bottom Styles.

*/
.footer--bottom {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .footer--bottom {
      max-width: 672px; } }
  @media print {
    .footer--bottom {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .footer--bottom {
      max-width: 1024px; } }
  @media print {
    .footer--bottom {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .footer--bottom {
      max-width: 1280px; } }
  @media print {
    .footer--bottom {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .footer--bottom {
      padding: 0 60px; } }
  @media print {
    .footer--bottom {
      padding: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .footer--bottom {
      padding: 0 72px; } }
  @media print {
    .footer--bottom {
      padding: 0 72px; } }
  @media screen and (min-width: 1280px) {
    .footer--bottom {
      padding: 0 120px; } }
  @media print {
    .footer--bottom {
      padding: 0 120px; } }
  .footer--bottom a {
    text-decoration: none; }
    .footer--bottom a:hover {
      text-decoration: underline; }
  .footer--bottom__wrapper {
    position: relative;
    background-color: #e9f1f5;
    z-index: 4; }
  .footer--bottom .section-header {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.15em;
    line-height: 1;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    text-transform: uppercase; }
  .footer--bottom__section {
    border-top: 2px solid #B7D1DC;
    padding-top: 40px; }
    .footer--bottom__section:first-child {
      border-top: 0; }
  .page--landing-page .footer--bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px; }
  .footer--bottom .footer__logo {
    position: relative;
    display: block;
    height: 0;
    width: 210px;
    padding-top: 73px;
    overflow: hidden;
    background: url("/themes/custom/abilitylab_theme/dist/images/svgs/AbilityLab_Logo_wDonor.svg") left center no-repeat;
    background-size: auto 100%; }
  .footer--bottom .list-of-links,
  .footer--bottom .freeform-links {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 40px; }
    .footer--bottom .list-of-links__item,
    .footer--bottom .freeform-links__item {
      font-family: "gibson-light", sans-serif;
      font-size: 1.6rem;
      line-height: 2.2rem;
      margin-bottom: 16px; }
      .footer--bottom .list-of-links__item:last-child,
      .footer--bottom .freeform-links__item:last-child {
        margin-bottom: 0; }
  .footer--bottom__section--first .list-of-links,
  .footer--bottom__section--first .freeform-links {
    padding-bottom: 16px; }
  .footer--bottom__section--first .list-of-links--view-all {
    padding-bottom: 40px; }
  .footer--bottom .social__wrapper {
    display: block; }
    .footer--bottom .social__wrapper .social__cta {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      display: block;
      font-size: 1.2rem;
      letter-spacing: 0.15em;
      line-height: 1;
      -webkit-margin-after: 30px;
      margin-block-end: 30px;
      text-transform: uppercase; }
  .footer--bottom .cta-button {
    --sra-btn-fill: #fff;
    --sra-btn-fill-hover: #E71324;
    --sra-btn-color: #E71324;
    --sra-btn-color-hover: #fff;
    --sra-btn-border: #E71324;
    --sra-btn-border-hover: #E71324; }
  .footer--bottom .footer--bottom__location__description {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem; }
    .footer--bottom .footer--bottom__location__description + .cta-button {
      -webkit-margin-before: 15px;
      margin-block-start: 15px; }
  .footer--bottom .footer--bottom__location__search {
    position: relative;
    text-decoration: none; }
    .footer--bottom .footer--bottom__location__search:before {
      color: #0a0a0a;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .footer--bottom .footer--bottom__location__search:hover:before {
      text-decoration: none; }
    .footer--bottom .footer--bottom__location__search:before {
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      pointer-events: none; }
    .footer--bottom .footer--bottom__location__search .button {
      position: absolute;
      top: 0;
      right: 0;
      border: 0;
      height: 0;
      padding: 50px 0 0;
      width: 50px; }
      .footer--bottom .footer--bottom__location__search .button:focus, .footer--bottom .footer--bottom__location__search .button:hover {
        background-color: transparent; }
  .footer--bottom .footer--bottom__location #footer-location-search {
    font-family: "gibson-regular", sans-serif;
    height: 50px;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 49px;
    border: 0;
    letter-spacing: .15rem; }
  @media screen and (min-width: 1024px) {
    .footer--bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .footer--bottom__section {
        border-top: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 33%;
        padding-right: 40px; }
        .footer--bottom__section:last-child {
          padding-right: 0; }
          .footer--bottom__section:last-child .section-header:not(:first-of-type) {
            -webkit-margin-before: 45px;
            margin-block-start: 45px; } }
  @media print {
    .footer--bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .footer--bottom__section {
        border-top: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 33%;
        padding-right: 40px; }
        .footer--bottom__section:last-child {
          padding-right: 0; }
          .footer--bottom__section:last-child .section-header:not(:first-of-type) {
            -webkit-margin-before: 45px;
            margin-block-start: 45px; } }

/*

  Footer -- Subfooter Styles.

*/
.footer--subfooter {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .footer--subfooter {
      max-width: 672px; } }
  @media print {
    .footer--subfooter {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .footer--subfooter {
      max-width: 1024px; } }
  @media print {
    .footer--subfooter {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .footer--subfooter {
      max-width: 1280px; } }
  @media print {
    .footer--subfooter {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .footer--subfooter {
      padding: 0 60px; } }
  @media print {
    .footer--subfooter {
      padding: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .footer--subfooter {
      padding: 0 72px; } }
  @media print {
    .footer--subfooter {
      padding: 0 72px; } }
  @media screen and (min-width: 1280px) {
    .footer--subfooter {
      padding: 0 120px; } }
  @media print {
    .footer--subfooter {
      padding: 0 120px; } }
  .footer--subfooter__section {
    border-top: 2px solid #B7D1DC;
    padding-top: 40px; }
  .footer--subfooter .subfooter-list-of-links {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 40px; }
    .footer--subfooter .subfooter-list-of-links__item {
      font-family: "gibson-light", sans-serif;
      font-size: 1.6rem;
      line-height: 2.2rem;
      margin-bottom: 16px; }
      .footer--subfooter .subfooter-list-of-links__item:last-child {
        margin-bottom: 0; }
  .footer--subfooter .subfooter-body p {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 14px; }
    .footer--subfooter .subfooter-body p:last-child {
      margin-bottom: 40px; }
  .footer--subfooter .copyright {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 40px; }
  .footer--subfooter .google_translate_element {
    padding-bottom: 40px; }
  .footer--subfooter__logos {
    margin: 0;
    padding: 0 0 40px;
    list-style: none; }
    .footer--subfooter__logos li {
      display: inline-block;
      vertical-align: middle; }
  .page--landing-page .footer--subfooter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media screen and (min-width: 1024px) {
    .footer--subfooter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-top: 40px;
      border-top: 1px solid #B7D1DC; }
      .footer--subfooter__section {
        border-top: 0; }
        .footer--subfooter__section:first-child {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
      .footer--subfooter .subfooter-list-of-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .footer--subfooter .subfooter-list-of-links__item {
          margin-bottom: 0;
          padding: 0 20px;
          border-left: 1px solid #B7D1DC; }
          .footer--subfooter .subfooter-list-of-links__item:first-child {
            padding-left: 0;
            border-left: 0; }
          .footer--subfooter .subfooter-list-of-links__item:last-child {
            padding-right: 0; }
      .footer--subfooter .copyright {
        margin-bottom: 60px; }
      .footer--subfooter__logos {
        position: relative;
        padding: 0;
        top: 40px; } }
  @media print {
    .footer--subfooter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-top: 40px;
      border-top: 1px solid #B7D1DC; }
      .footer--subfooter__section {
        border-top: 0; }
        .footer--subfooter__section:first-child {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
      .footer--subfooter .subfooter-list-of-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .footer--subfooter .subfooter-list-of-links__item {
          margin-bottom: 0;
          padding: 0 20px;
          border-left: 1px solid #B7D1DC; }
          .footer--subfooter .subfooter-list-of-links__item:first-child {
            padding-left: 0;
            border-left: 0; }
          .footer--subfooter .subfooter-list-of-links__item:last-child {
            padding-right: 0; }
      .footer--subfooter .copyright {
        margin-bottom: 60px; }
      .footer--subfooter__logos {
        position: relative;
        padding: 0;
        top: 40px; } }

.footer--middle .icon-list,
.accordion__list .icon-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer--middle .icon-list__item,
  .accordion__list .icon-list__item {
    position: relative;
    margin-bottom: 33px; }
    .footer--middle .icon-list__item .footer-abilitylab,
    .accordion__list .icon-list__item .footer-abilitylab {
      font-family: "gibson-semibold", sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
      font-size: 2.5rem;
      line-height: 3.3rem;
      text-decoration: none; }
      .footer--middle .icon-list__item .footer-abilitylab img,
      .accordion__list .icon-list__item .footer-abilitylab img {
        width: 80px; }
  .footer--middle .icon-list__link,
  .accordion__list .icon-list__link {
    display: none; }
    .footer--middle .icon-list__link-text,
    .accordion__list .icon-list__link-text {
      font-family: "gibson-light", sans-serif;
      letter-spacing: 0.15rem; }
  @media screen and (min-width: 1024px) {
    .footer--middle .icon-list,
    .accordion__list .icon-list {
      border-right: 1px solid var(--sra-border-color); }
      .footer--middle .icon-list__link,
      .accordion__list .icon-list__link {
        display: block;
        overflow: hidden;
        left: 50px;
        bottom: 0;
        font-size: 1.6rem;
        line-height: 2.5rem;
        text-transform: lowercase;
        height: 0;
        margin-top: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .footer--middle .icon-list__item,
      .accordion__list .icon-list__item {
        font-size: 4.2rem;
        line-height: 4.8rem;
        padding: 0;
        margin-bottom: 0;
        -webkit-transition: padding 0.25s ease;
        transition: padding 0.25s ease; }
        .footer--middle .icon-list__item .footer-abilitylab,
        .accordion__list .icon-list__item .footer-abilitylab {
          font-size: 3.2rem;
          line-height: 4rem;
          padding: 25px 32px 25px 100px;
          display: block; }
          .footer--middle .icon-list__item .footer-abilitylab .accordion__icon,
          .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
            mix-blend-mode: multiply;
            position: absolute;
            left: 0;
            top: 3px; }
        .footer--middle .icon-list__item--open,
        .accordion__list .icon-list__item--open {
          cursor: default;
          border-top: 1px solid var(--sra-border-color);
          border-bottom: 1px solid var(--sra-border-color);
          padding-bottom: 30px; }
          .footer--middle .icon-list__item--open .footer-abilitylab,
          .accordion__list .icon-list__item--open .footer-abilitylab {
            color: #E71324; }
          .footer--middle .icon-list__item--open .icon-list__link,
          .accordion__list .icon-list__item--open .icon-list__link {
            margin-left: 80px;
            height: 2.5rem; } }
  @media print {
    .footer--middle .icon-list,
    .accordion__list .icon-list {
      border-right: 1px solid var(--sra-border-color); }
      .footer--middle .icon-list__link,
      .accordion__list .icon-list__link {
        display: block;
        overflow: hidden;
        left: 50px;
        bottom: 0;
        font-size: 1.6rem;
        line-height: 2.5rem;
        text-transform: lowercase;
        height: 0;
        margin-top: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .footer--middle .icon-list__item,
      .accordion__list .icon-list__item {
        font-size: 4.2rem;
        line-height: 4.8rem;
        padding: 0;
        margin-bottom: 0;
        -webkit-transition: padding 0.25s ease;
        transition: padding 0.25s ease; }
        .footer--middle .icon-list__item .footer-abilitylab,
        .accordion__list .icon-list__item .footer-abilitylab {
          font-size: 3.2rem;
          line-height: 4rem;
          padding: 25px 32px 25px 100px;
          display: block; }
          .footer--middle .icon-list__item .footer-abilitylab .accordion__icon,
          .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
            mix-blend-mode: multiply;
            position: absolute;
            left: 0;
            top: 3px; }
        .footer--middle .icon-list__item--open,
        .accordion__list .icon-list__item--open {
          cursor: default;
          border-top: 1px solid var(--sra-border-color);
          border-bottom: 1px solid var(--sra-border-color);
          padding-bottom: 30px; }
          .footer--middle .icon-list__item--open .footer-abilitylab,
          .accordion__list .icon-list__item--open .footer-abilitylab {
            color: #E71324; }
          .footer--middle .icon-list__item--open .icon-list__link,
          .accordion__list .icon-list__item--open .icon-list__link {
            margin-left: 80px;
            height: 2.5rem; } }
  @media screen and (min-width: 1280px) {
    .footer--middle .icon-list__item .footer-abilitylab,
    .accordion__list .icon-list__item .footer-abilitylab {
      font-size: 4.2rem;
      line-height: 4.6rem;
      padding: 30px 32px 30px 100px; }
      .footer--middle .icon-list__item .footer-abilitylab .accordion__icon,
      .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
        top: 10px; } }
  @media print {
    .footer--middle .icon-list__item .footer-abilitylab,
    .accordion__list .icon-list__item .footer-abilitylab {
      font-size: 4.2rem;
      line-height: 4.6rem;
      padding: 30px 32px 30px 100px; }
      .footer--middle .icon-list__item .footer-abilitylab .accordion__icon,
      .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
        top: 10px; } }

.footer--middle .package--news__item {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative; }
  .footer--middle .package--news__item .social__wrapper {
    display: inline-block;
    margin-left: 1rem; }

.footer--middle .package--news__headline {
  font-family: "gibson-semibold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem; }

.footer--middle .package--news__hero img {
  width: 100%;
  height: auto; }

@media screen and (min-width: 1280px) {
  .footer--middle .package--news__item .social__wrapper {
    margin-left: 2rem; }
  .footer--middle .package--news__headline {
    font-size: 2.2rem;
    line-height: 2.8rem; }
  .footer--middle .package--news__hero img {
    max-width: 280px; } }

@media print {
  .footer--middle .package--news__item .social__wrapper {
    margin-left: 2rem; }
  .footer--middle .package--news__headline {
    font-size: 2.2rem;
    line-height: 2.8rem; }
  .footer--middle .package--news__hero img {
    max-width: 280px; } }

/*
Language Assistance

Styleguide 26
*/
/*
Language assistance page.

markup:
<div class="language-assistance">
  <div class="language">
    <a id="Amharic" class="content-nav-jump-link"></a>
    <h4>አማርኛ (Amharic)</h4>
    <p>ማስታወሻ: የሚናገሩት ቋንቋ ኣማርኛ ከሆነ የትርጉም እርዳታ ድርጅቶች፣ በነጻ ሊያግዝዎት ተዘጋጀተዋል፡ ወደ ሚከተለው ቁጥር ይደውሉ 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Arabic" class="content-nav-jump-link"></a>
    <h4>العربية (Arabic)</h4>
    <p>ﻢﻗر) 1-800-422-7847 ﻢﻗﺮﺑ ﻞﺼﺗا .نﺎﺠﻤﻟﺎﺑ ﻚﻟ ﺮﻓاﻮﺘﺗ ﺔﯾﻮﻐﻠﻟا ةﺪﻋﺎﺴﻤﻟا تﺎﻣﺪﺧ نﺈﻓ ،ﺔﻐﻠﻟا ﺮﻛذا ثﺪﺤﺘﺗ ﺖﻨﻛ اذإ :ﺔظﻮﺤﻠﻣ</p>
  </div>
  <div class="language">
    <a id="Chinese" class="content-nav-jump-link"></a>
    <h4>繁體中文 (Chinese)</h4>
    <p>注意：如果您使用繁體中文，您可以免費獲得語言援助服務。請致電1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Farsi" class="content-nav-jump-link"></a>
    <h4>فارسی (Farsi)</h4>
    <p>ﺎﻣﺷ یارﺑ نﺎﮕﯾار تروﺻﺑ ﯽﻧﺎﺑز تﻼﯾﮭﺳﺗ ،دﯾﻧﮐ ﯽﻣ وﮕﺗﻔﮔ ﯽﺳرﺎﻓ نﺎﺑز ﮫﺑ رﮔا :ﮫﺟوﺗ.دﯾرﯾﮕﺑ سﺎﻣﺗ 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="French" class="content-nav-jump-link"></a>
    <h4>Français (French)</h4>
    <p>ATTENTION : Si vous parlez français, des services d'aide linguistique vous sont proposés gratuitement. Appelez le 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="German" class="content-nav-jump-link"></a>
    <h4>Deutsch (German)</h4>
    <p>ACHTUNG: Wenn Sie Deutsch sprechen, stehen Ihnen kostenlos sprachliche Hilfsdienstleistungen zur Verfügung. Rufnummer: 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Gujarati" class="content-nav-jump-link"></a>
    <h4>ગુજરાતી (Gujarati)</h4>
    <p>ચુ ના: જો તમે જુ રાતી બોલતા હો, તો િન:લ્ક ભાષા સહાય સેવાઓ તમારા માટ ઉપલબ્ધ છેફોન કરો 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Hindi" class="content-nav-jump-link"></a>
    <h4>हिंदी (Hindi)</h4>
    <p>अगर आप हिन्दी बोलते हैं तो भाषा सहायता सेवा निःशुल्क उपलब्ध है। 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Hmong" class="content-nav-jump-link"></a>
    <h4 id="Hmong">Hmoob (Hmong)</h4>
    <p>LUS CEEV: Yog tias koj hais lus Hmoob, cov kev pab txog lus, muaj kev pab dawb rau koj. Hu rau 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Italian" class="content-nav-jump-link"></a>
    <h4>Italiano (Italian)</h4>
    <p>ATTENZIONE: In caso la lingua parlata sia l'italiano, sono disponibili servizi di assistenza linguistica gratuiti. Chiamare il numero 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Japanese" class="content-nav-jump-link"></a>
    <h4>日本語 (Japanese)</h4>
    <p>注意事項：日本語を話される場合、無料の言語支援をご利用いただけます。1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Khmer" class="content-nav-jump-link"></a>
    <h4>ខ្មែរ (Khmer)</h4>
    <p>ប្រយ័ត្ន៖ បើសិនជាអ្នកនិយាយ ភាសាខ្មែរ, សេវាជំនួយផ្នែកភាសា ដោយមិនគិតឈ្នួល គឺអាចមានសំរាប់បំរើអ្នក។ ចូរ ទូរស័ព្ទ 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Korean" class="content-nav-jump-link"></a>
    <h4>한국어 (Korean)</h4>
    <p>주의: 한국어를 사용하시는 경우, 언어 지원 서비스를 무료로 이용하실 수 있습니다. 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Lao" class="content-nav-jump-link"></a>
    <h4>ພາສາລາວ (Lao)</h4>
    <p>ໂປດຊາບ: ຖ້າວ່າ ທ່ານເວົ້າພາສາ ລາວ, ການບໍລິການຊ່ວຍເຫຼືອດ້ານພາສາ, ໂດຍບໍ່ເສັຽຄ່າ, ແມ່ນມີພ້ອມໃຫ້ທ່ານ. ໂທຣ 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Marshallese" class="content-nav-jump-link"></a>
    <h4>Kajin Ṃajōḷ (Marshallese)</h4>
    <p>LALE: Ñe kwōj kōnono Kajin Ṃajōḷ, kwomaroñ bōk jerbal in jipañ ilo kajin ṇe aṃ ejjeḷọk wōṇāān. Kaalọk 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Portuguese" class="content-nav-jump-link"></a>
    <h4>Português (Portuguese)</h4>
    <p>ATENÇÃO: Se fala português, encontram-se disponíveis serviços linguísticos, grátis. Ligue para 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Punjabi" class="content-nav-jump-link"></a>
    <h4>ਪੰਜਾਬੀ (Punjabi)</h4>
    <p>ਧਿਆਨ ਦਿਓ: ਜੇ ਤੁਸੀਂ ਪੰਜਾਬੀ ਬੋਲਦੇ ਹੋ, ਤਾਂ ਭਾਸ਼ਾ ਵਿੱਚ ਸਹਾਇਤਾ ਸੇਵਾ ਤੁਹਾਡੇ ਲਈ ਮੁਫਤ ਉਪਲਬਧ ਹੈ। 1-800-422-7847 'ਤੇ ਕਾਲ ਕਰੋ।.</p>
  </div>
  <div class="language">
    <a id="Russian" class="content-nav-jump-link"></a>
    <h4>Русский (Russian)</h4>
    <p>ВНИМАНИЕ: Если вы говорите на русском языке, то вам доступны бесплатные услуги перевода. Звоните 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Spanish" class="content-nav-jump-link"></a>
    <h4>Español (Spanish)</h4>
    <p>ATENCIÓN: si habla español, tiene a su disposición servicios gratuitos de asistencia lingüística. Llame al 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Filipino" class="content-nav-jump-link"></a>
    <h4>Tagalog (Tagalog – Filipino)</h4>
    <p>PAUNAWA: Kung nagsasalita ka ng Tagalog, maaari kang gumamit ng mga serbisyo ng tulong sa wika nang walang bayad. Tumawag sa 1-800-422-7847.</p>
  </div>
  <div class="language">
    <a id="Vietnamese" class="content-nav-jump-link"></a>
    <h4>Tiếng Việt (Vietnamese)</h4>
    <p>CHÚ Ý: Nếu bạn nói Tiếng Việt, có các dịch vụ hỗ trợ ngôn ngữ miễn phí dành cho bạn. Gọi số 1-800-422-7847.</p>
  </div>
</div>

Styleguide 26.1
*/
.page--legal .language-assistance .language {
  position: relative;
  display: block;
  padding: 20px 0;
  border-top: 1px solid var(--sra-border-color); }
  .page--legal .language-assistance .language:first-child {
    border-top: 0; }
  .page--legal .language-assistance .language h4 {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .05em;
    margin-bottom: 1.5rem; }
  .page--legal .language-assistance .language p {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .05em;
    margin-bottom: 0; }

/*
Language assistance footer links.

markup:
<div class="footer--translations">
  <h3 class="section-header">
    Language Assistance
  </h3>
  <ul>
    <li><a href="#Amharic">አማርኛ</a></li>
    <li><a href="#Arabic">العربية</a></li>
    <li><a href="#Chinese">繁體中文</a></li>
    <li><a href="#Farsi">فارسی</a></li>
    <li><a href="#French">Français</a></li>
    <li><a href="#German">Deutsch</a></li>
    <li><a href="#Gujarati">ગુજરાતી</a></li>
    <li><a href="#Hindi">हिंदी</a></li>
    <li><a href="#Hmong">Hmoob</a></li>
    <li><a href="#Italian">Italiano</a></li>
    <li><a href="#Japanese">日本語</a></li>
    <li><a href="#Khmer">ខ្មែរ</a></li>
    <li><a href="#Korean">한국어</a></li>
    <li><a href="#Lao">ພາສາລາວ</a></li>
    <li><a href="#Marshallese">Kajin Ṃajōḷ</a></li>
    <li><a href="#Portuguese">Português</a></li>
    <li><a href="#Punjabi">ਪੰਜਾਬੀ</a></li>
    <li><a href="#Russian">Русский</a></li>
    <li><a href="#Spanish">Español</a></li>
    <li><a href="#Filipino">Tagalog – Filipino</a></li>
    <li><a href="#Vietnamese">Tiếng Việt</a></li>
  </ul>
</div>

Styleguide 26.2
*/
.footer--translations {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .footer--translations {
      max-width: 672px; } }
  @media print {
    .footer--translations {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .footer--translations {
      max-width: 1024px; } }
  @media print {
    .footer--translations {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .footer--translations {
      max-width: 1280px; } }
  @media print {
    .footer--translations {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .footer--translations {
      padding: 0 60px; } }
  @media print {
    .footer--translations {
      padding: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .footer--translations {
      padding: 0 72px; } }
  @media print {
    .footer--translations {
      padding: 0 72px; } }
  @media screen and (min-width: 1280px) {
    .footer--translations {
      padding: 0 120px; } }
  @media print {
    .footer--translations {
      padding: 0 120px; } }
  .footer--translations a {
    text-decoration: none; }
    .footer--translations a:hover {
      text-decoration: underline; }
  .footer--translations__content {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #B7D1DC; }
  .footer--translations .section-header {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.15em;
    line-height: 1;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    text-transform: uppercase; }
  .footer--translations ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    max-width: 100%; }
    .footer--translations ul li {
      min-width: 50%;
      max-width: 50%;
      margin-bottom: 1.5rem;
      padding-right: 1.5rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%; }
    .footer--translations ul a {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.4rem;
      line-height: 1.8rem; }
  @media screen and (min-width: 672px) {
    .footer--translations ul li {
      min-width: 33.3%;
      max-width: 33.3%;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 33.3%;
      flex: 1 0 33.3%; } }
  @media print {
    .footer--translations ul li {
      min-width: 33.3%;
      max-width: 33.3%;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 33.3%;
      flex: 1 0 33.3%; } }
  @media screen and (min-width: 1024px) {
    .footer--translations {
      padding-top: 40px;
      padding-bottom: 40px;
      margin-top: 60px;
      border-top: 1px solid #B7D1DC; }
      .footer--translations__content {
        padding: 0;
        border: 0; }
      .footer--translations ul li {
        min-width: 20%;
        max-width: 20%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
        flex: 1 0 20%; } }
  @media print {
    .footer--translations {
      padding-top: 40px;
      padding-bottom: 40px;
      margin-top: 60px;
      border-top: 1px solid #B7D1DC; }
      .footer--translations__content {
        padding: 0;
        border: 0; }
      .footer--translations ul li {
        min-width: 20%;
        max-width: 20%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
        flex: 1 0 20%; } }

/*
  Glossary Header Styles.
*/
.glossary-header {
  margin: 35px 0;
  padding: 0 32px; }
  @media screen and (min-width: 1024px) {
    .glossary-header {
      margin: 65px 0 50px;
      padding: 0 80px; } }
  @media print {
    .glossary-header {
      margin: 65px 0 50px;
      padding: 0 80px; } }
  @media screen and (min-width: 1280px) {
    .glossary-header {
      margin: 115px 0 50px;
      padding: 0 200px; } }
  @media print {
    .glossary-header {
      margin: 115px 0 50px;
      padding: 0 200px; } }

/*
  Glossary Index area.
*/
.glossary-index {
  width: 100%;
  background-color: #ecf9f7;
  padding: 0 32px 20px;
  z-index: 1; }
  .glossary-index__anchor {
    height: 0;
    visibility: hidden; }
  .glossary-index__wrapper {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    @media screen and (min-width: 672px) {
      .glossary-index__wrapper {
        max-width: 672px; } }
    @media print {
      .glossary-index__wrapper {
        max-width: 672px; } }
    @media screen and (min-width: 1024px) {
      .glossary-index__wrapper {
        max-width: 1024px; } }
    @media print {
      .glossary-index__wrapper {
        max-width: 1024px; } }
    @media screen and (min-width: 1280px) {
      .glossary-index__wrapper {
        max-width: 1280px; } }
    @media print {
      .glossary-index__wrapper {
        max-width: 1280px; } }
  .glossary-index__nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fefefe;
    border-top: 1px solid var(--sra-border-color);
    z-index: 2; }
    .glossary-index__nav__item {
      font-family: "gibson-light", sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 50%;
      padding: 30px 5px;
      border-left: 1px solid var(--sra-border-color);
      color: var(--sra-text-gray-color);
      font-size: 2.4rem;
      line-height: 1;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .glossary-index__nav__item:first-child {
        border-left: 0; }
      .glossary-index__nav__item.is-active {
        position: relative;
        color: #E71324;
        text-decoration: underline; }
        .glossary-index__nav__item.is-active:after {
          content: "";
          position: absolute;
          bottom: -1.5rem;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          margin: auto;
          border-left: 1.5rem solid transparent;
          border-right: 1.5rem solid transparent;
          border-top: 1.5rem solid #fefefe; }
      .glossary-index__nav__item:hover, .glossary-index__nav__item:focus {
        color: #E71324; }
  .glossary-index__mobile-toggle {
    display: none; }
  .glossary-index__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: .002em;
    margin: 0;
    padding-top: 40px; }
  .glossary-index__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .0015em;
    margin-top: 25px; }
  .glossary-index__list {
    padding-top: 30px; }
    .glossary-index__list__cta {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.2rem;
      line-height: 1.6rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
  .glossary-index .item-list {
    position: relative;
    margin-left: -4px;
    margin-right: -4px; }
  .glossary-index__letters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 0;
    list-style: none; }
    .glossary-index__letters li {
      height: auto;
      min-width: calc(20% - 8px);
      max-width: calc(20% - 8px);
      margin: 0 4px 20px; }
      .glossary-index__letters li span {
        font-family: "gibson-light", sans-serif;
        font-size: 2.2rem;
        background-color: #f1faf9; }
      .glossary-index__letters li a,
      .glossary-index__letters li > span {
        position: relative;
        display: block;
        height: 0;
        width: 100%;
        padding-top: 100%; }
        .glossary-index__letters li a > span,
        .glossary-index__letters li > span > span {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%; }
      .glossary-index__letters li a > span {
        background-color: #fefefe;
        -webkit-transition: background-color .25s ease;
        transition: background-color .25s ease; }
      .glossary-index__letters li a:hover > span,
      .glossary-index__letters li .selected > span {
        color: #fefefe;
        background-color: #E71324; }
  @media screen and (max-width: 671px) {
    .glossary-index__letters li {
      -webkit-flex: 1 1 calc(20% - 8px);
      /* for safari flex bug */ } }
  @media screen and (min-width: 672px) {
    .glossary-index__nav__item {
      padding: 35px 10px; }
    .glossary-index .item-list {
      margin-left: -10px;
      margin-right: -10px; }
    .glossary-index__letters li {
      min-width: 49px;
      max-width: 49px;
      margin: 0 10px 20px; } }
  @media print {
    .glossary-index__nav__item {
      padding: 35px 10px; }
    .glossary-index .item-list {
      margin-left: -10px;
      margin-right: -10px; }
    .glossary-index__letters li {
      min-width: 49px;
      max-width: 49px;
      margin: 0 10px 20px; } }
  @media screen and (min-width: 1024px) {
    .glossary-index {
      padding: 0 86px 40px; }
      .glossary-index__nav__item {
        font-size: 3rem;
        line-height: 3.2rem; }
      .glossary-index__copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .glossary-index__copy:after {
          content: "";
          display: table;
          clear: both; }
      .glossary-index__title, .glossary-index__description {
        margin: 0;
        padding-top: 60px; }
      .glossary-index__title {
        font-size: 2.2rem;
        line-height: 2.8rem;
        padding-right: 38px;
        border-right: 1px solid #40C1AC;
        width: calc(50% + 1px); }
      .glossary-index__description {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-left: 60px;
        width: calc(50% - 1px); }
      .glossary-index .item-list {
        margin-left: -14px;
        margin-right: -14px; }
      .glossary-index__letters li {
        height: 60px;
        min-width: 60px;
        max-width: 60px;
        margin: 0 14px 20px; } }
  @media print {
    .glossary-index {
      padding: 0 86px 40px; }
      .glossary-index__nav__item {
        font-size: 3rem;
        line-height: 3.2rem; }
      .glossary-index__copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .glossary-index__copy:after {
          content: "";
          display: table;
          clear: both; }
      .glossary-index__title, .glossary-index__description {
        margin: 0;
        padding-top: 60px; }
      .glossary-index__title {
        font-size: 2.2rem;
        line-height: 2.8rem;
        padding-right: 38px;
        border-right: 1px solid #40C1AC;
        width: calc(50% + 1px); }
      .glossary-index__description {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding-left: 60px;
        width: calc(50% - 1px); }
      .glossary-index .item-list {
        margin-left: -14px;
        margin-right: -14px; }
      .glossary-index__letters li {
        height: 60px;
        min-width: 60px;
        max-width: 60px;
        margin: 0 14px 20px; } }
  @media screen and (min-width: 1280px) {
    .glossary-index {
      padding: 0 120px 40px; }
      .glossary-index__nav {
        margin: 0 120px; }
      .glossary-index__title {
        font-size: 2.6rem;
        line-height: 3.2rem; }
      .glossary-index .item-list {
        margin-left: -10px;
        margin-right: -10px; }
      .glossary-index__letters {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .glossary-index__letters li {
          margin: 0 10px 20px; } }
  @media print {
    .glossary-index {
      padding: 0 120px 40px; }
      .glossary-index__nav {
        margin: 0 120px; }
      .glossary-index__title {
        font-size: 2.6rem;
        line-height: 3.2rem; }
      .glossary-index .item-list {
        margin-left: -10px;
        margin-right: -10px; }
      .glossary-index__letters {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .glossary-index__letters li {
          margin: 0 10px 20px; } }

/*
  Collapsed Glossary Index
*/
.glossary-index__wrapper--collapsed {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1;
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease; }
  .glossary-index__wrapper--collapsed.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .glossary-index__wrapper--collapsed .glossary-index__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 32px;
    border-top: 0;
    background-color: #ecf9f7; }
  .glossary-index__wrapper--collapsed .glossary-index__nav__item {
    display: none;
    border-left: 0; }
    .glossary-index__wrapper--collapsed .glossary-index__nav__item.is-active {
      display: block;
      padding: 0;
      text-align: left;
      width: auto; }
      .glossary-index__wrapper--collapsed .glossary-index__nav__item.is-active:after {
        display: none; }
  .glossary-index__wrapper--collapsed .glossary-index__copy {
    display: none; }
  .glossary-index__wrapper--collapsed .glossary-index__list {
    padding-top: 0; }
  @media screen and (max-width: 1023px) {
    .glossary-index__wrapper--collapsed .glossary-index {
      position: absolute;
      bottom: 0; }
      .glossary-index__wrapper--collapsed .glossary-index__mobile-toggle {
        font-family: "gibson-regular", sans-serif;
        display: block;
        color: #0a0a0a;
        font-size: 1.8rem;
        letter-spacing: .018em;
        border-bottom: 1px solid var(--sra-border-color);
        -webkit-transition: all .25s ease;
        transition: all .25s ease; }
        .glossary-index__wrapper--collapsed .glossary-index__mobile-toggle i {
          text-decoration: none;
          display: inline-block;
          vertical-align: top;
          margin: -.2rem 0 0 1.7rem; }
          .glossary-index__wrapper--collapsed .glossary-index__mobile-toggle i:before {
            color: #E71324;
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icons" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            display: inline-block;
            vertical-align: middle;
            font-size: 1.5rem;
            text-decoration: none; }
          .glossary-index__wrapper--collapsed .glossary-index__mobile-toggle i:hover:before {
            text-decoration: none; }
    .glossary-index__wrapper--collapsed.index-open .glossary-index__mobile-toggle {
      color: #E71324; }
      .glossary-index__wrapper--collapsed.index-open .glossary-index__mobile-toggle i {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); } }
  @media screen and (min-width: 1024px) {
    .glossary-index__wrapper--collapsed {
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding: 0 88px;
      background-color: #ecf9f7; }
      .glossary-index__wrapper--collapsed.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .glossary-index__wrapper--collapsed .glossary-index__nav__item {
        font-size: 3rem; }
      .glossary-index__wrapper--collapsed .glossary-index__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px 0 0;
        min-width: 200px; }
      .glossary-index__wrapper--collapsed .glossary-index {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        padding: 0;
        border-left: 1px solid #36a492; }
      .glossary-index__wrapper--collapsed .glossary-index__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .glossary-index__wrapper--collapsed .glossary-index__list__cta {
        padding: 0 32px;
        min-width: 230px;
        max-width: 230px; }
      .glossary-index__wrapper--collapsed .item-list {
        min-width: 440px;
        max-width: 440px;
        margin-left: -7px;
        margin-right: -7px; }
      .glossary-index__wrapper--collapsed .glossary-index__letters {
        margin: 0;
        padding: 23px 0 8px; }
        .glossary-index__wrapper--collapsed .glossary-index__letters li {
          height: 30px;
          min-width: 30px;
          max-width: 30px;
          margin: 0 7px 15px; }
          .glossary-index__wrapper--collapsed .glossary-index__letters li span {
            font-size: 1.6rem; } }
  @media print {
    .glossary-index__wrapper--collapsed {
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding: 0 88px;
      background-color: #ecf9f7; }
      .glossary-index__wrapper--collapsed.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .glossary-index__wrapper--collapsed .glossary-index__nav__item {
        font-size: 3rem; }
      .glossary-index__wrapper--collapsed .glossary-index__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px 0 0;
        min-width: 200px; }
      .glossary-index__wrapper--collapsed .glossary-index {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        padding: 0;
        border-left: 1px solid #36a492; }
      .glossary-index__wrapper--collapsed .glossary-index__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .glossary-index__wrapper--collapsed .glossary-index__list__cta {
        padding: 0 32px;
        min-width: 230px;
        max-width: 230px; }
      .glossary-index__wrapper--collapsed .item-list {
        min-width: 440px;
        max-width: 440px;
        margin-left: -7px;
        margin-right: -7px; }
      .glossary-index__wrapper--collapsed .glossary-index__letters {
        margin: 0;
        padding: 23px 0 8px; }
        .glossary-index__wrapper--collapsed .glossary-index__letters li {
          height: 30px;
          min-width: 30px;
          max-width: 30px;
          margin: 0 7px 15px; }
          .glossary-index__wrapper--collapsed .glossary-index__letters li span {
            font-size: 1.6rem; } }
  @media screen and (min-width: 1280px) {
    .glossary-index__wrapper--collapsed {
      padding: 0 50px; }
      .glossary-index__wrapper--collapsed .glossary-index__nav {
        margin: 0;
        padding-right: 160px; }
      .glossary-index__wrapper--collapsed .glossary-index__nav__item {
        font-size: 3.4rem; }
      .glossary-index__wrapper--collapsed .glossary-index__list__cta {
        min-width: 250px;
        max-width: 250px;
        padding: 0 60px; }
      .glossary-index__wrapper--collapsed .item-list {
        min-width: 573px;
        max-width: 573px; } }
  @media print {
    .glossary-index__wrapper--collapsed {
      padding: 0 50px; }
      .glossary-index__wrapper--collapsed .glossary-index__nav {
        margin: 0;
        padding-right: 160px; }
      .glossary-index__wrapper--collapsed .glossary-index__nav__item {
        font-size: 3.4rem; }
      .glossary-index__wrapper--collapsed .glossary-index__list__cta {
        min-width: 250px;
        max-width: 250px;
        padding: 0 60px; }
      .glossary-index__wrapper--collapsed .item-list {
        min-width: 573px;
        max-width: 573px; } }

/*
  Glossary Body styles.
*/
.glossary-body {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .glossary-body {
      margin-top: 70px; } }
  @media print {
    .glossary-body {
      margin-top: 70px; } }
  @media screen and (min-width: 1280px) {
    .glossary-body {
      margin-top: 80px; } }
  @media print {
    .glossary-body {
      margin-top: 80px; } }

/*
  Glossary Section - each letter is considered a section.
*/
.glossary-section {
  padding: 0 32px;
  padding-top: 40px;
  padding-bottom: 10px;
  border-top: 1px solid var(--sra-border-color); }
  @media screen and (min-width: 672px) {
    .glossary-section {
      padding: 0 32px; } }
  @media print {
    .glossary-section {
      padding: 0 32px; } }
  @media screen and (min-width: 1024px) {
    .glossary-section {
      padding: 0 88px; } }
  @media print {
    .glossary-section {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .glossary-section {
      padding: 0 120px; } }
  @media print {
    .glossary-section {
      padding: 0 120px; } }
  .glossary-section:first-child {
    border-top: 0; }
  .glossary-section__anchor {
    height: 0;
    visibility: hidden; }
  .glossary-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  .glossary-section__title {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 3.2rem;
    line-height: 1;
    margin: 0; }
  .glossary-section__back {
    font-family: "gibson-light", sans-serif;
    color: #0a0a0a;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: .0015em;
    text-decoration: underline;
    text-transform: lowercase; }
  @media screen and (min-width: 672px) {
    .glossary-section {
      padding-top: 40px;
      padding-bottom: 20px; } }
  @media print {
    .glossary-section {
      padding-top: 40px;
      padding-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .glossary-section {
      padding-top: 60px;
      padding-bottom: 26px; }
      .glossary-section:first-child {
        padding-top: 0; }
      .glossary-section__header {
        margin-bottom: 50px; }
      .glossary-section__title {
        font-size: 4.2rem; }
      .glossary-section__back {
        font-size: 1.6rem; } }
  @media print {
    .glossary-section {
      padding-top: 60px;
      padding-bottom: 26px; }
      .glossary-section:first-child {
        padding-top: 0; }
      .glossary-section__header {
        margin-bottom: 50px; }
      .glossary-section__title {
        font-size: 4.2rem; }
      .glossary-section__back {
        font-size: 1.6rem; } }
  @media screen and (min-width: 1280px) {
    .glossary-section {
      padding-top: 100px;
      padding-bottom: 30px; }
      .glossary-section:first-child {
        padding-top: 0; }
      .glossary-section__title {
        font-size: 5.2rem; } }
  @media print {
    .glossary-section {
      padding-top: 100px;
      padding-bottom: 30px; }
      .glossary-section:first-child {
        padding-top: 0; }
      .glossary-section__title {
        font-size: 5.2rem; } }

/*
  Glosary Styles for an item in the glossary.
*/
.glossary-items {
  position: relative; }
  @media screen and (min-width: 672px) {
    .glossary-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -10px;
      margin-right: -10px; } }
  @media print {
    .glossary-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 1024px) {
    .glossary-items {
      margin-left: -17px;
      margin-right: -17px; } }
  @media print {
    .glossary-items {
      margin-left: -17px;
      margin-right: -17px; } }
  @media screen and (min-width: 1280px) {
    .glossary-items {
      margin-left: -20px;
      margin-right: -20px; } }
  @media print {
    .glossary-items {
      margin-left: -20px;
      margin-right: -20px; } }

.glossary-item {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  text-align: left;
  overflow: hidden;
  margin: 0; }
  .glossary-item__wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px; }
  .glossary-item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .glossary-item__bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .glossary-item__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 26px 25px;
    z-index: 2;
    background-color: rgba(22, 85, 161, 0.7); }
    .glossary-item__content:hover {
      background-color: rgba(22, 85, 161, 0.9); }
  .glossary-item__title {
    font-family: "gibson-semibold", sans-serif;
    color: var(--sra-white);
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: .05em;
    text-decoration: none;
    text-transform: none; }
  .glossary-item__see-related {
    font-family: "gibson-regular", sans-serif;
    position: absolute;
    left: 25px;
    bottom: 20px;
    display: block;
    height: 2rem;
    padding-right: 2rem;
    border-bottom: 1px solid #fefefe;
    color: #fefefe;
    font-size: 1.2rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    transition: all .25s ease; }
    .glossary-item__see-related i {
      text-decoration: none;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 2rem;
      height: 2rem; }
      .glossary-item__see-related i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .glossary-item__see-related i:hover:before {
        text-decoration: none; }
      .glossary-item__see-related i:before {
        position: absolute;
        top: -.2rem;
        right: -.8rem;
        -webkit-transition: color .25s ease;
        transition: color .25s ease; }
      .related-open .glossary-item__see-related i:before {
        content: "-";
        position: absolute;
        top: -.5rem;
        right: 0; }
    .glossary-item__see-related:focus, .glossary-item__see-related:hover {
      color: #E71324;
      border-color: #E71324; }
      .glossary-item__see-related:focus i:before, .glossary-item__see-related:hover i:before {
        color: #E71324; }
  @media screen and (min-width: 672px) {
    .glossary-item__wrapper {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; } }
  @media print {
    .glossary-item__wrapper {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .glossary-item__wrapper {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding: 0 17px;
      margin-bottom: 34px; }
    .glossary-item__see-related {
      left: 25px;
      bottom: 20px; } }
  @media print {
    .glossary-item__wrapper {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding: 0 17px;
      margin-bottom: 34px; }
    .glossary-item__see-related {
      left: 25px;
      bottom: 20px; } }
  @media screen and (min-width: 1280px) {
    .glossary-item__wrapper {
      padding: 0 20px;
      margin-bottom: 40px; }
    .glossary-item__content {
      padding: 30px; }
    .glossary-item__title {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .glossary-item__see-related {
      left: 30px;
      bottom: 30px; } }
  @media print {
    .glossary-item__wrapper {
      padding: 0 20px;
      margin-bottom: 40px; }
    .glossary-item__content {
      padding: 30px; }
    .glossary-item__title {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .glossary-item__see-related {
      left: 30px;
      bottom: 30px; } }
  @media screen and (min-width: 672px) {
    .glossary-item {
      padding-top: 65%; } }
  @media print {
    .glossary-item {
      padding-top: 65%; } }
  .glossary-item__title:hover, .glossary-item__title:focus {
    color: #fefefe;
    text-decoration: underline; }
  .glossary-item__see-related {
    border: 0; }
    .glossary-item__see-related::after {
      content: '';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      width: 100%;
      height: 1px;
      background: #fefefe;
      bottom: 0; }
    .glossary-item__see-related:hover, .glossary-item__see-related:focus {
      color: #fefefe; }
      .glossary-item__see-related:hover::after, .glossary-item__see-related:focus::after {
        height: 2px; }
      .glossary-item__see-related:hover i:before, .glossary-item__see-related:focus i:before {
        color: #fefefe; }

/*
  Glossary Item Related information - a tooltip that is exposed through JS.
*/
.glossary-item-related {
  position: absolute;
  width: 100%;
  margin-top: 45px;
  padding: 30px 24px 40px;
  background-color: #238FCF; }
  .glossary-item-related:before {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 0;
    width: 0;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-bottom: 1.5rem solid #238FCF; }
  .glossary-item-related__wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    z-index: 1; }
    .glossary-item-related__wrapper.is-active {
      z-index: 2; }
  .glossary-item-related__close {
    display: block;
    margin: 0 auto; }
    .glossary-item-related__close i {
      text-decoration: none;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .glossary-item-related__close i:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .glossary-item-related__close i:hover:before {
        text-decoration: none; }
    .glossary-item-related__close:focus i:before, .glossary-item-related__close:hover i:before {
      color: #91c7e7; }
  .glossary-item-related__col {
    margin-top: 25px;
    padding-top: 25px;
    text-align: center;
    border-top: 1px solid #91c7e7; }
    .glossary-item-related__col:first-child {
      border-top: 0;
      padding-top: 0; }
    .glossary-item-related__col a {
      font-family: "gibson-regular", sans-serif;
      display: block;
      cursor: pointer;
      color: #fefefe;
      font-size: 1.8rem;
      font-weight: normal;
      line-height: 1.2em;
      letter-spacing: .0015em;
      text-decoration: underline;
      -webkit-transition: color .25s ease;
      transition: color .25s ease;
      display: block;
      margin-bottom: 25px; }
      .glossary-item-related__col a:focus, .glossary-item-related__col a:hover {
        color: #91c7e7; }
  .glossary-item-related__header {
    font-family: "gibson-regular", sans-serif;
    color: #fefefe;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    margin-bottom: 30px; }
  .glossary-item-related__tooltip {
    font-family: "gibson-regular", sans-serif;
    display: block;
    cursor: pointer;
    color: #fefefe;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: .0015em;
    text-decoration: underline;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    display: block;
    margin: 0 auto 25px;
    text-align: left; }
    .glossary-item-related__tooltip:focus, .glossary-item-related__tooltip:hover {
      color: #91c7e7; }
  .glossary-item-related__footer {
    margin-top: 35px;
    text-align: center; }
  .glossary-item-related .cta-button--blue {
    display: inline-block; }
  .glossary-item-related__search-link {
    font-family: "gibson-regular", sans-serif;
    color: #fefefe;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 35px;
    max-width: 200px;
    text-decoration: underline; }
    .glossary-item-related__search-link:focus, .glossary-item-related__search-link:hover {
      color: #91c7e7; }
  @media screen and (min-width: 672px) {
    .glossary-item-related {
      padding: 30px 32px; }
      .glossary-item-related__wrapper {
        width: calc(200% + 20px); }
      .glossary-item-related__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
      .glossary-item-related__col {
        min-width: 33.33%;
        max-width: 33.33%;
        padding: 0 3rem 0 0;
        border-top: 0;
        text-align: left; }
      .glossary-item-related__tooltip {
        margin: 0 0 25px; }
      .glossary-item-related__close {
        position: absolute;
        top: 30px;
        right: 32px; }
      .glossary-item-related__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left; }
      .glossary-item-related__search-link {
        margin-top: 0; } }
  @media print {
    .glossary-item-related {
      padding: 30px 32px; }
      .glossary-item-related__wrapper {
        width: calc(200% + 20px); }
      .glossary-item-related__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
      .glossary-item-related__col {
        min-width: 33.33%;
        max-width: 33.33%;
        padding: 0 3rem 0 0;
        border-top: 0;
        text-align: left; }
      .glossary-item-related__tooltip {
        margin: 0 0 25px; }
      .glossary-item-related__close {
        position: absolute;
        top: 30px;
        right: 32px; }
      .glossary-item-related__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left; }
      .glossary-item-related__search-link {
        margin-top: 0; } }
  @media screen and (min-width: 1024px) {
    .glossary-item-related__wrapper {
      width: calc(300% + 68px); }
    .glossary-item-related__col {
      margin-top: 0; }
    .glossary-item-related__search-link {
      max-width: 33.33%; } }
  @media print {
    .glossary-item-related__wrapper {
      width: calc(300% + 68px); }
    .glossary-item-related__col {
      margin-top: 0; }
    .glossary-item-related__search-link {
      max-width: 33.33%; } }
  @media screen and (min-width: 1280px) {
    .glossary-item-related {
      padding: 40px; }
      .glossary-item-related__col {
        margin-top: 0; }
      .glossary-item-related__close {
        top: 40px;
        right: 40px; }
      .glossary-item-related__wrapper {
        width: calc(300% + 80px); } }
  @media print {
    .glossary-item-related {
      padding: 40px; }
      .glossary-item-related__col {
        margin-top: 0; }
      .glossary-item-related__close {
        top: 40px;
        right: 40px; }
      .glossary-item-related__wrapper {
        width: calc(300% + 80px); } }

/*

  Positioning of Related tooltip and the arrows above them.

*/
@media screen and (min-width: 672px) {
  .glossary-item__wrapper .glossary-item-related:before {
    left: -50%; }
  .glossary-item__wrapper:nth-child(2n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 20px); }
  .glossary-item__wrapper:nth-child(2n + 2) .glossary-item-related:before {
    left: 0;
    right: -50%; } }

@media print {
  .glossary-item__wrapper .glossary-item-related:before {
    left: -50%; }
  .glossary-item__wrapper:nth-child(2n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 20px); }
  .glossary-item__wrapper:nth-child(2n + 2) .glossary-item-related:before {
    left: 0;
    right: -50%; } }

@media screen and (min-width: 1024px) {
  .glossary-item__wrapper:nth-child(3n + 1) .glossary-item-related__wrapper {
    left: 0; }
  .glossary-item__wrapper:nth-child(3n + 1) .glossary-item-related:before {
    left: -70%;
    right: 0; }
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 34px); }
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related:before {
    left: 0;
    right: 0; }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related__wrapper {
    left: calc(-200% - 68px); }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related:before {
    left: 0;
    right: -70%; } }

@media print {
  .glossary-item__wrapper:nth-child(3n + 1) .glossary-item-related__wrapper {
    left: 0; }
  .glossary-item__wrapper:nth-child(3n + 1) .glossary-item-related:before {
    left: -70%;
    right: 0; }
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 34px); }
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related:before {
    left: 0;
    right: 0; }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related__wrapper {
    left: calc(-200% - 68px); }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related:before {
    left: 0;
    right: -70%; } }

@media screen and (min-width: 1280px) {
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 40px); }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related__wrapper {
    left: calc(-200% - 80px); } }

@media print {
  .glossary-item__wrapper:nth-child(3n + 2) .glossary-item-related__wrapper {
    left: calc(-100% - 40px); }
  .glossary-item__wrapper:nth-child(3n + 3) .glossary-item-related__wrapper {
    left: calc(-200% - 80px); } }

/*
  Tooltip styles.
  - Our tooltip is a slight modification of the foundation 6 tooltip.
  settings:
  /assets/scss/_settings.scss
  mixin:
  /assets/scss/components/_tooltip.scss
*/
.glossary__tooltip {
  font-family: "gibson-regular", sans-serif;
  display: block;
  background-color: #fefefe;
  padding: 2rem;
  color: var(--sra-gray);
  font-size: 1.1rem;
  line-height: 1.8rem;
  letter-spacing: .01em;
  text-transform: uppercase;
  width: auto;
  max-width: 280px !important; }
  .glossary__tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 1.25rem;
    border-color: transparent transparent #fefefe;
    border-bottom-style: solid;
    border-top-width: 0; }

@media screen and (min-width: 1024px) {
  .glossary {
    max-width: 380px !important; } }

@media print {
  .glossary {
    max-width: 380px !important; } }

/*

  Styles for filters and icons associated with the Glossary (seen on research page).
  Includes icon definitions for cards as well.

*/
.glossary-index__filter {
  position: relative;
  border-top: 1px solid #40C1AC;
  border-bottom: 1px solid #40C1AC;
  padding: 2rem 0;
  margin-bottom: 3rem; }
  .glossary-index__filter .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: padding .25s ease .2s;
    transition: padding .25s ease .2s; }
    .glossary-index__filter .header h4 {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.2rem;
      line-height: 1.6rem;
      letter-spacing: .018em;
      text-transform: uppercase;
      margin: 0;
      color: #0a0a0a; }
  .glossary-index__filter .lab-filter--toggle {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    margin: 0;
    color: #0a0a0a; }
    .glossary-index__filter .lab-filter--toggle span {
      text-decoration: underline; }
    .glossary-index__filter .lab-filter--toggle i:before {
      font-size: 1.4rem;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition: -webkit-transform .25s ease;
      transition: -webkit-transform .25s ease;
      transition: transform .25s ease;
      transition: transform .25s ease, -webkit-transform .25s ease; }
    .glossary-index__filter .lab-filter--toggle:hover span, .glossary-index__filter .lab-filter--toggle:focus span {
      color: #E71324; }
  .glossary-index__filter__item {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    margin: 0;
    color: #0a0a0a;
    display: block;
    margin-top: 1.2rem; }
    .glossary-index__filter__item span {
      text-decoration: underline; }
    .glossary-index__filter__item:hover span, .glossary-index__filter__item:focus span {
      color: #E71324; }
    .glossary-index__filter__item i {
      margin-right: 1em; }
      .glossary-index__filter__item i:before {
        color: var(--sra-text-gray-color);
        font-size: 1.5rem; }
    .glossary-index__filter__item.active i:before {
      color: #E71324; }
  @media screen and (max-width: 1023px) {
    .glossary-index__filter__items-wrapper {
      position: absolute;
      bottom: 2rem;
      left: 0;
      opacity: 0;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease; }
    .glossary-index__filter.filter-open .header {
      -webkit-transition: padding .25s ease;
      transition: padding .25s ease; }
    .glossary-index__filter.filter-open .lab-filter--toggle span {
      color: #E71324; }
    .glossary-index__filter.filter-open .lab-filter--toggle i:before {
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1); }
    .glossary-index__filter.filter-open .glossary-index__filter__items-wrapper {
      opacity: 1;
      -webkit-transition: opacity .25s ease .2s;
      transition: opacity .25s ease .2s; } }
  @media screen and (min-width: 1024px) {
    .glossary-index__filter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 3rem 0 1rem;
      margin-bottom: 4rem; }
      .glossary-index__filter .header {
        padding-bottom: 0 !important; }
      .glossary-index__filter .header, .glossary-index__filter__item.all {
        margin-right: 6rem; }
      .glossary-index__filter__items-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .glossary-index__filter__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .glossary-index__filter__items .glossary-index__filter__item {
          min-width: 33%;
          max-width: 33%;
          text-align: left;
          margin-bottom: 20px; }
      .glossary-index__filter__item {
        margin-top: 0; } }
  @media print {
    .glossary-index__filter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 3rem 0 1rem;
      margin-bottom: 4rem; }
      .glossary-index__filter .header {
        padding-bottom: 0 !important; }
      .glossary-index__filter .header, .glossary-index__filter__item.all {
        margin-right: 6rem; }
      .glossary-index__filter__items-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .glossary-index__filter__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .glossary-index__filter__items .glossary-index__filter__item {
          min-width: 33%;
          max-width: 33%;
          text-align: left;
          margin-bottom: 20px; }
      .glossary-index__filter__item {
        margin-top: 0; } }
  @media screen and (min-width: 1280px) {
    .glossary-index__filter .header {
      margin-right: 10rem; }
    .glossary-index__filter__items {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .glossary-index__filter__items .glossary-index__filter__item {
        min-width: auto;
        max-width: auto; } }
  @media print {
    .glossary-index__filter .header {
      margin-right: 10rem; }
    .glossary-index__filter__items {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .glossary-index__filter__items .glossary-index__filter__item {
        min-width: auto;
        max-width: auto; } }

/*
Article Header

Article page header. Large, full-color image.

markup:
<header class="page-header page-header--article">
  <div class="page-header__hero">
    <img src="/themes/custom/abilitylab_theme/dist/images/default_headers/blue.jpg" class="page-header__img" />
  </div>
  <div class="page-header__content">
    <p class="taxonomy-tag"><i aria-hidden="true"></i>page taxonomy</p>
    <h1 class="page-header__title">Page title</h1>
    <div class="page-header__connect clearfix">
      <button href="#" class="content-flag content-flag--responsive">
        <i aria-hidden="true"></i>
        <span class="show-for-large">save for later</span>
      </button>
      <div class="social__wrapper">
        <button class="social__toggle show-for-small-medium hide-for-large">
          <i aria-hidden="true"></i>
          <span class="show-for-sr">Click for Social Menu</span>
        </button>
        <div class="social show-for-large">
          <p class="social__cta">share</p>
          <ul class="social__items">
            <li class="social__item">
              <a href="#">
                <i  class="icon--facebook" aria-hidden="true"></i>
                <span class="show-for-sr">facebook</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i  class="icon--twitter" aria-hidden="true"></i>
                <span class="show-for-sr">twitter</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i  class="icon--google" aria-hidden="true"></i>
                <span class="show-for-sr">google plus</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i  class="icon--mail" aria-hidden="true"></i>
                <span class="show-for-sr">email</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>

  </div>
</header>

Styleguide 7.2
*/
.page-header--article .page-header__hero {
  background-color: transparent;
  overflow: hidden; }
  .page-header--article .page-header__hero img {
    opacity: 1;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
    @media screen and (min-width: 672px) {
      .page-header--article .page-header__hero img {
        -o-object-fit: initial;
        object-fit: initial; } }
    @media print {
      .page-header--article .page-header__hero img {
        -o-object-fit: initial;
        object-fit: initial; } }
  .page-header--article .page-header__hero:after {
    display: none; }

.page-header--article .page-header__img {
  opacity: 1; }

.page-header--article .page-header__title {
  top: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  margin-top: 23px;
  color: #0a0a0a;
  font-size: 2.6rem;
  letter-spacing: .002;
  line-height: 3.2rem;
  text-align: left;
  padding: 0; }

.page-header--article .page-header__content_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page-header--article .page-header__content {
  margin-top: -30px;
  padding-top: 40px;
  margin-bottom: 40px; }

.page-header--article .page-header__connect {
  position: absolute;
  top: calc(100% + 40px);
  right: 12px; }
  .page-header--article .page-header__connect .cta-button,
  .page-header--article .page-header__connect .content-flag {
    margin-bottom: 20px; }

@media screen and (min-width: 1024px) {
  .page-header--article .page-header__title {
    font-size: 6.2rem;
    line-height: 8rem; }
  .page-header--article .page-header__content {
    margin-top: -60px;
    padding-top: 40px; }
    .page-header--article .page-header__content .cta-button,
    .page-header--article .page-header__content .content-flag {
      margin-bottom: 30px; }
  .page-header--article .page-header__connect {
    position: relative;
    top: auto;
    margin-top: 33px;
    padding: 0 30px;
    margin-left: auto; } }

@media print {
  .page-header--article .page-header__title {
    font-size: 6.2rem;
    line-height: 8rem; }
  .page-header--article .page-header__content {
    margin-top: -60px;
    padding-top: 40px; }
    .page-header--article .page-header__content .cta-button,
    .page-header--article .page-header__content .content-flag {
      margin-bottom: 30px; }
  .page-header--article .page-header__connect {
    position: relative;
    top: auto;
    margin-top: 33px;
    padding: 0 30px;
    margin-left: auto; } }

@media screen and (min-width: 1280px) {
  .page-header--article .page-header__content {
    margin-top: -70px;
    padding-top: 50px; } }

@media print {
  .page-header--article .page-header__content {
    margin-top: -70px;
    padding-top: 50px; } }

.lab-mission .page-header__content {
  margin-top: 0; }

@media screen and (min-width: 672px) {
  .lab-mission.has-hero .page-header__content {
    margin-top: -30px; } }

@media print {
  .lab-mission.has-hero .page-header__content {
    margin-top: -30px; } }

@media screen and (min-width: 1024px) {
  .lab-mission.has-hero .page-header__content {
    margin-top: -60px; } }

@media print {
  .lab-mission.has-hero .page-header__content {
    margin-top: -60px; } }

@media screen and (min-width: 1280px) {
  .lab-mission.has-hero .page-header__content {
    margin-top: -70px; } }

@media print {
  .lab-mission.has-hero .page-header__content {
    margin-top: -70px; } }

.page-header__appointment-link .page-header__appointment-link-icon {
  display: block; }
  .page-header__appointment-link .page-header__appointment-link-icon .st0 {
    fill: #EA1C2B; }
  @media screen and (min-width: 672px) {
    .page-header__appointment-link .page-header__appointment-link-icon {
      display: none; } }
  @media print {
    .page-header__appointment-link .page-header__appointment-link-icon {
      display: none; } }

.page-header__appointment-link .cta-button {
  display: none; }
  @media screen and (min-width: 672px) {
    .page-header__appointment-link .cta-button {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media print {
    .page-header__appointment-link .cta-button {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; } }

/*

  Article Body styles.
  Article template = node.html.twig

*/
.page-body--article {
  position: relative;
  margin-bottom: 15px; }
  .page-body--article h4 {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .page-body--article p {
    font-family: "gt-sectra-fine", serif;
    color: #0a0a0a;
    margin-bottom: 20px;
    font-size: 1.6rem;
    letter-spacing: .0015em;
    line-height: 2.6rem;
    margin-bottom: 20px; }
    @media screen and (min-width: 1280px) {
      .page-body--article p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media print {
      .page-body--article p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media screen and (min-width: 1024px) {
      .page-body--article p {
        margin-bottom: 30px; } }
    @media print {
      .page-body--article p {
        margin-bottom: 30px; } }
  .page-body--article ul {
    padding: 0;
    margin: 0 0 20px 60px; }
    .page-body--article ul li {
      font-family: "gt-sectra-fine", serif;
      margin-bottom: 1rem;
      font-size: 1.6rem;
      line-height: 1.5;
      position: relative; }
      @media screen and (min-width: 1440px) {
        .page-body--article ul li {
          font-size: 1.8rem; } }
    @media screen and (min-width: 1280px) {
      .page-body--article ul {
        margin-bottom: 30px; } }
    @media print {
      .page-body--article ul {
        margin-bottom: 30px; } }
  .page-body--article ol {
    margin: 0 0 20px 15px;
    list-style-position: outside; }
    .page-body--article ol li {
      font-family: "gt-sectra-fine", serif;
      padding-left: 1.5rem;
      margin-bottom: .5rem;
      font-size: 1.6rem;
      line-height: 2.6rem; }
    @media screen and (min-width: 1280px) {
      .page-body--article ol {
        margin-bottom: 30px; }
        .page-body--article ol li {
          font-size: 1.8rem;
          line-height: 2.8rem; } }
    @media print {
      .page-body--article ol {
        margin-bottom: 30px; }
        .page-body--article ol li {
          font-size: 1.8rem;
          line-height: 2.8rem; } }
  .page-body--article .page-content {
    display: block;
    position: relative;
    padding-bottom: 35px; }
    @media screen and (min-width: 672px) {
      .page-body--article .page-content {
        width: 100%;
        padding: 0; } }
    @media print {
      .page-body--article .page-content {
        width: 100%;
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .page-body--article .page-content {
        width: 80%;
        padding: 0 0 0 95px;
        float: right; } }
    @media print {
      .page-body--article .page-content {
        width: 80%;
        padding: 0 0 0 95px;
        float: right; } }
    @media screen and (min-width: 1280px) {
      .page-body--article .page-content {
        width: 80%;
        padding: 0 100px;
        float: right; } }
    @media print {
      .page-body--article .page-content {
        width: 80%;
        padding: 0 100px;
        float: right; } }
    .page-body--article .page-content--end-decoration {
      position: absolute;
      display: block;
      height: 10px;
      width: 80px;
      pointer-events: none;
      position: relative;
      display: block;
      margin: 30px auto;
      text-align: center; }
      .page-body--article .page-content--end-decoration:before {
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/squiggle-red.svg);
        background-repeat: no-repeat;
        background-position: 0 0; }
      .page-body--article .page-content--end-decoration:before {
        background-size: auto 100%; }
  @media screen and (min-width: 1024px) {
    .page-body--article {
      min-height: 800px;
      margin-bottom: 95px; }
      .page-body--article .page-content {
        padding-bottom: 0; }
        .page-body--article .page-content--end-decoration {
          position: absolute;
          left: 0;
          right: -95px;
          bottom: -35px;
          margin: auto; } }
  @media print {
    .page-body--article {
      min-height: 800px;
      margin-bottom: 95px; }
      .page-body--article .page-content {
        padding-bottom: 0; }
        .page-body--article .page-content--end-decoration {
          position: absolute;
          left: 0;
          right: -95px;
          bottom: -35px;
          margin: auto; } }
  @media screen and (min-width: 1280px) {
    .page-body--article .page-content--end-decoration {
      right: 0; } }
  @media print {
    .page-body--article .page-content--end-decoration {
      right: 0; } }

/*

  Article Mete Data styles.
  Article template = node.html.twig
  Meta data is the author, date published and anything else in the left column.

*/
.page-body--article .page-meta {
  display: block;
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 40px;
  /*
    Keeps meta content from running into connect buttons at small/medium.
  */
  max-width: calc(100% - 50px);
  /*
    The connect buttons are positioned absolute. This keeps content, header and
    meta areas from colliding. Connect buttons are 80px high.
  */
  min-height: 80px; }
  @media screen and (min-width: 672px) {
    .page-body--article .page-meta {
      width: 100%;
      padding: 0; } }
  @media print {
    .page-body--article .page-meta {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page-body--article .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page-body--article .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .page-body--article .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page-body--article .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  .page-body--article .page-meta .field,
  .page-body--article .page-meta .field-label + a,
  .page-body--article .page-meta time {
    display: block;
    margin-bottom: 15px; }
    .page-body--article .page-meta .field .field,
    .page-body--article .page-meta .field-label + a .field,
    .page-body--article .page-meta time .field {
      margin-bottom: 0; }
  .page-body--article .page-meta .field-label {
    margin-bottom: 0; }
  .page-body--article .page-meta * + .cta-button {
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .page-body--article .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page-body--article .page-meta .field,
      .page-body--article .page-meta .field-label + a,
      .page-body--article .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page-body--article .page-meta .field .field,
        .page-body--article .page-meta .field-label + a .field,
        .page-body--article .page-meta time .field {
          margin-bottom: 0; }
      .page-body--article .page-meta * + .cta-button {
        margin-top: 25px; } }
  @media print {
    .page-body--article .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page-body--article .page-meta .field,
      .page-body--article .page-meta .field-label + a,
      .page-body--article .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page-body--article .page-meta .field .field,
        .page-body--article .page-meta .field-label + a .field,
        .page-body--article .page-meta time .field {
          margin-bottom: 0; }
      .page-body--article .page-meta * + .cta-button {
        margin-top: 25px; } }
  .page-body--article .page-meta p,
  .page-body--article .page-meta .field-label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: block; }

/*

  Info packages are pieces of content that show up -- typeically on an
  article page-- it is a collection of fields (not a field-collection) with a
  field and a field-label. Most of the time those items are in two columns,
  but sometimes are three.

  A working example in the styleguide is Lifecenter Library Item -- Details.
  _publication-info.scss

*/
.package--info .field,
.package--info .field-label + a {
  font-family: "gt-sectra-fine", serif;
  display: block;
  font-size: 1.6rem;
  letter-spacing: .0015em; }
  .package--info .field p,
  .package--info .field-label + a p {
    margin: 0;
    font-family: "gt-sectra-fine", serif;
    display: block;
    font-size: 1.6rem;
    letter-spacing: .0015em; }

.package--info .field-label,
.package--info p.field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.package--info .field {
  margin-bottom: 30px; }
  .package--info .field .field, .package--info .field:last-child {
    margin-bottom: 0; }

.package--info .field-label {
  margin-bottom: 10px; }

.package--info .field-name-field-label + .field,
.package--info .field-name-field-label {
  display: inline-block; }

.package--info .field-name-field-label:after {
  content: "\2014"; }

@media screen and (min-width: 1024px) {
  .package--info .field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 33.33%;
    max-width: none;
    margin-bottom: 50px;
    padding-right: 32px; }
    .package--info .field:last-child {
      margin-bottom: 50px; }
    .package--info .field .field {
      max-width: none;
      min-width: 0;
      padding: 0;
      margin: 0; } }

@media print {
  .package--info .field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 33.33%;
    max-width: none;
    margin-bottom: 50px;
    padding-right: 32px; }
    .package--info .field:last-child {
      margin-bottom: 50px; }
    .package--info .field .field {
      max-width: none;
      min-width: 0;
      padding: 0;
      margin: 0; } }

.package--info--twoup .field,
.package--info--twoup .field-label + a {
  font-family: "gt-sectra-fine", serif;
  display: block;
  font-size: 1.6rem;
  letter-spacing: .0015em; }
  .package--info--twoup .field p,
  .package--info--twoup .field-label + a p {
    margin: 0;
    font-family: "gt-sectra-fine", serif;
    display: block;
    font-size: 1.6rem;
    letter-spacing: .0015em; }

.package--info--twoup .field-label,
.package--info--twoup p.field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.package--info--twoup .field {
  margin-bottom: 30px; }
  .package--info--twoup .field .field, .package--info--twoup .field:last-child {
    margin-bottom: 0; }

.package--info--twoup .field-label {
  margin-bottom: 10px; }

.package--info--twoup .field-name-field-label + .field,
.package--info--twoup .field-name-field-label {
  display: inline-block; }

.package--info--twoup .field-name-field-label:after {
  content: "\2014"; }

@media screen and (min-width: 1024px) {
  .package--info--twoup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--info--twoup .field {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 50%;
      max-width: 50%;
      margin-bottom: 50px;
      padding-right: 32px; }
      .package--info--twoup .field:last-child {
        margin-bottom: 50px; }
      .package--info--twoup .field .field {
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0; } }

@media print {
  .package--info--twoup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--info--twoup .field {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 50%;
      max-width: 50%;
      margin-bottom: 50px;
      padding-right: 32px; }
      .package--info--twoup .field:last-child {
        margin-bottom: 50px; }
      .package--info--twoup .field .field {
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0; } }

.package--info--threeup .field,
.package--info--threeup .field-label + a {
  font-family: "gt-sectra-fine", serif;
  display: block;
  font-size: 1.6rem;
  letter-spacing: .0015em; }
  .package--info--threeup .field p,
  .package--info--threeup .field-label + a p {
    margin: 0;
    font-family: "gt-sectra-fine", serif;
    display: block;
    font-size: 1.6rem;
    letter-spacing: .0015em; }

.package--info--threeup .field-label,
.package--info--threeup p.field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.package--info--threeup .field {
  margin-bottom: 30px; }
  .package--info--threeup .field .field, .package--info--threeup .field:last-child {
    margin-bottom: 0; }

.package--info--threeup .field-label {
  margin-bottom: 10px; }

.package--info--threeup .field-name-field-label + .field,
.package--info--threeup .field-name-field-label {
  display: inline-block; }

.package--info--threeup .field-name-field-label:after {
  content: "\2014"; }

@media screen and (min-width: 1024px) {
  .package--info--threeup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--info--threeup .field {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 33.33%;
      max-width: 33.33%;
      margin-bottom: 50px;
      padding-right: 32px; }
      .package--info--threeup .field:last-child {
        margin-bottom: 50px; }
      .package--info--threeup .field .field {
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0; } }

@media print {
  .package--info--threeup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--info--threeup .field {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 33.33%;
      max-width: 33.33%;
      margin-bottom: 50px;
      padding-right: 32px; }
      .package--info--threeup .field:last-child {
        margin-bottom: 50px; }
      .package--info--threeup .field .field {
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0; } }

.section-header {
  font-family: "gibson-regular", sans-serif;
  margin: 0 0 30px;
  font-size: 2.2rem;
  line-height: 3rem;
  letter-spacing: .0015em;
  text-align: left; }
  @media screen and (min-width: 1024px) {
    .section-header {
      font-size: 2.8rem;
      line-height: 3.6rem; } }
  @media print {
    .section-header {
      font-size: 2.8rem;
      line-height: 3.6rem; } }
  @media screen and (min-width: 1280px) {
    .section-header {
      margin-bottom: 40px;
      font-size: 3rem;
      line-height: 3.8rem; } }
  @media print {
    .section-header {
      margin-bottom: 40px;
      font-size: 3rem;
      line-height: 3.8rem; } }
  .page-body--article .section-header {
    margin: 1em 0 0.25em; }

/*

  Page Tags - are tags for an article type page. They appear at the bottom of
              the article in the left rail.

*/
.page-tags {
  display: block;
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin: 18px 0 40px; }
  @media screen and (min-width: 672px) {
    .page-tags {
      width: 100%;
      padding: 0; } }
  @media print {
    .page-tags {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page-tags {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page-tags {
      width: 20%;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .page-tags {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page-tags {
      width: 20%;
      padding: 0;
      float: left; } }
  .page-tags ul {
    margin: 0;
    list-style: none; }
  .page-tags li {
    margin-bottom: 10px; }
    .page-tags li:last-child {
      margin: 0; }
  .page-tags .field-label {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .page-tags a {
    font-family: "gibson-regular", sans-serif;
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .018em; }
    .page-tags a:last-child {
      margin: 0; }
  @media screen and (min-width: 1024px) {
    .page-tags {
      position: absolute;
      bottom: 0;
      margin-top: 0;
      left: 48px; } }
  @media print {
    .page-tags {
      position: absolute;
      bottom: 0;
      margin-top: 0;
      left: 48px; } }
  @media screen and (min-width: 1280px) {
    .page-tags {
      left: 70px; } }
  @media print {
    .page-tags {
      left: 70px; } }

/*
Article Embeds

Article embeds are items that are defined in the CMS and appear within the flow
of an article.

Styleguide 13
*/
.sg-right-col-wrapper {
  display: block; }
  @media screen and (min-width: 672px) {
    .sg-right-col-wrapper {
      width: 100%;
      padding: 0; } }
  @media print {
    .sg-right-col-wrapper {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .sg-right-col-wrapper {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media print {
    .sg-right-col-wrapper {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media screen and (min-width: 1280px) {
    .sg-right-col-wrapper {
      width: 80%;
      padding: 0 100px;
      float: right; } }
  @media print {
    .sg-right-col-wrapper {
      width: 80%;
      padding: 0 100px;
      float: right; } }

/*
  Embedded Images.
  Embedded through wysiwyg editor. Need to account for image with caption and
  without.
*/
/*
  IMAGE SIZES - from styleguide.
  xlarge: 620x348
  large: 528x298
  medium:
  small: 320x180
*/
.paragraph--body img {
  position: relative;
  display: block;
  margin-top: 50px;
  margin-bottom: 40px;
  margin-left: -32px;
  margin-right: -32px;
  max-width: none;
  width: calc(100% + 64px); }
  @media screen and (min-width: 672px) {
    .paragraph--body img {
      margin-left: -55px;
      margin-right: -55px; } }
  @media print {
    .paragraph--body img {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (min-width: 1024px) {
    .paragraph--body img {
      margin-left: 0;
      margin-right: 0; } }
  @media print {
    .paragraph--body img {
      margin-left: 0;
      margin-right: 0; } }

.paragraph--body .caption {
  position: relative;
  display: block;
  margin-top: 50px;
  margin-bottom: 40px;
  margin-left: -32px;
  margin-right: -32px; }
  @media screen and (min-width: 672px) {
    .paragraph--body .caption {
      margin-left: -55px;
      margin-right: -55px; } }
  @media print {
    .paragraph--body .caption {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (min-width: 1024px) {
    .paragraph--body .caption {
      margin-left: 0;
      margin-right: 0; } }
  @media print {
    .paragraph--body .caption {
      margin-left: 0;
      margin-right: 0; } }
  .paragraph--body .caption img {
    width: 100%;
    margin: 0; }

.paragraph--body figcaption {
  font-family: "gibson-regular", sans-serif;
  display: block;
  margin-top: 15px;
  padding: 0 32px;
  font-size: 1.1rem;
  letter-spacing: .08em;
  text-transform: uppercase; }
  @media screen and (min-width: 672px) {
    .paragraph--body figcaption {
      padding: 0 55px; } }
  @media print {
    .paragraph--body figcaption {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .paragraph--body figcaption {
      padding: 0; } }
  @media print {
    .paragraph--body figcaption {
      padding: 0; } }

@media screen and (min-width: 672px) {
  .paragraph--body img {
    width: calc(100% + 110px); }
  .paragraph--body figure img {
    width: 100%;
    margin: 0; } }

@media print {
  .paragraph--body img {
    width: calc(100% + 110px); }
  .paragraph--body figure img {
    width: 100%;
    margin: 0; } }

@media screen and (min-width: 1024px) {
  .paragraph--body img,
  .paragraph--body .caption {
    width: 100%; } }

@media print {
  .paragraph--body img,
  .paragraph--body .caption {
    width: 100%; } }

/*
Event Card

Shows up on Support Pages.

markup:
<div class="main clearfix">
  <div class="page-body">
    <div class="sg-right-col-wrapper">
      <div class="embed-event__wrapper">
        <div class="embed-event">
          <header class="embed-event__header">
            <h4 class="embed-event__tag">Save the Date</h4>
            <p class="embed-event__info">
              <span class="embed-event__info__day">5</span>
              <span class="embed-event__info__month-year">may 2016</span>
            </p>
          </header>
          <div class="embed-event__body">
            <p date class="embed-event__info">
              <span class="embed-event__info__time">
                5:30PM —
              </span>
              <span class="embed-event__info__location">
                LURIE CENTER, NORTHWESTERN UNIVERSITY
              </span>
            </p>
            <p class="embed-event__name">Art in Motion 2016</p>
            <a class="embed-event__link" href="#">remind me</a>
          </div>
        </div>
        <span class="graphic-01" aria-hidden="true"></span>
      </div>
    </div>
  </div>
</div>

Styleguide 13.3
*/
.embed-event {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2; }
  .embed-event__wrapper {
    position: relative;
    margin: 30px 0;
    padding-top: 18px; }
    .embed-event__wrapper .graphic-01 {
      position: absolute;
      height: 200px;
      width: 100%;
      top: 0;
      left: -32px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/events2.svg);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      z-index: 1; }
  .embed-event__header, .embed-event__body {
    padding: 25px 20px 20px; }
  .embed-event__header .embed-event__info {
    width: 100%;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .embed-event__body {
    border-top: 1px solid var(--sra-border-color); }
  .embed-event__tag {
    font-family: "gibson-regular", sans-serif;
    margin-bottom: 15px;
    font-size: 1rem;
    letter-spacing: .018em;
    text-transform: uppercase; }
  .embed-event__info:after {
    content: "";
    display: table;
    clear: both; }
  .embed-event__info__day {
    font-family: "gibson-light", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    color: #E71324;
    font-size: 5rem;
    line-height: 4rem; }
  .embed-event__info__month-year {
    font-family: "gibson-regular", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1rem;
    line-height: 1.8rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    text-align: right; }
  .embed-event__info__time, .embed-event__info__location {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    color: #6D2077;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .0055em;
    text-transform: uppercase; }
  .embed-event__name {
    font-family: "gibson-semibold", sans-serif;
    display: inline-block;
    margin-top: 20px;
    font-size: 1.8rem;
    letter-spacing: .001em;
    text-decoration: none; }
  .embed-event .cta-link, .embed-event__link {
    font-family: "gibson-light", sans-serif;
    display: block;
    margin-top: 20px;
    font-size: 1.4rem;
    letter-spacing: .0015em; }
  @media screen and (min-width: 672px) {
    .embed-event {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .embed-event > * {
        max-width: 100%; }
      .embed-event__wrapper {
        max-width: 440px;
        margin: 30px auto;
        padding-top: 30px; }
        .embed-event__wrapper .graphic-01 {
          left: -50px; }
      .embed-event__header, .embed-event__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .embed-event__header > *, .embed-event__body > * {
          max-width: 100%; }
      .embed-event__header {
        min-width: 180px; }
        .embed-event__header .embed-event__info {
          display: block;
          margin: 0; }
      .embed-event__body {
        width: 260px;
        max-width: 260px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
      .embed-event__info__day {
        font-size: 10rem;
        line-height: 8rem; }
      .embed-event__info__month-year {
        display: block;
        margin-top: 10px;
        text-align: left; }
      .embed-event .cta-link, .embed-event__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left; } }
  @media print {
    .embed-event {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .embed-event > * {
        max-width: 100%; }
      .embed-event__wrapper {
        max-width: 440px;
        margin: 30px auto;
        padding-top: 30px; }
        .embed-event__wrapper .graphic-01 {
          left: -50px; }
      .embed-event__header, .embed-event__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .embed-event__header > *, .embed-event__body > * {
          max-width: 100%; }
      .embed-event__header {
        min-width: 180px; }
        .embed-event__header .embed-event__info {
          display: block;
          margin: 0; }
      .embed-event__body {
        width: 260px;
        max-width: 260px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
      .embed-event__info__day {
        font-size: 10rem;
        line-height: 8rem; }
      .embed-event__info__month-year {
        display: block;
        margin-top: 10px;
        text-align: left; }
      .embed-event .cta-link, .embed-event__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left; } }
  @media screen and (min-width: 1024px) {
    .embed-event__header, .embed-event__body {
      padding: 35px 20px 30px; }
    .embed-event__info__day {
      font-size: 11rem;
      line-height: 1; } }
  @media print {
    .embed-event__header, .embed-event__body {
      padding: 35px 20px 30px; }
    .embed-event__info__day {
      font-size: 11rem;
      line-height: 1; } }

/*
  Styles for a More Like This block on an Article page. This should only effect
  background and decorative elements.

  We may need to output the page type somewhere if these vary between types of
  article pages.

  look at common/packages/_updates.scss for base styles.

*/
.node--type-article .package--one-up + .package--with-featured {
  margin-top: 0; }

.node--type-article .package--one-up {
  margin-bottom: 0; }

.node--type-article .package--with-featured {
  position: relative;
  margin-top: 60px;
  background: transparent; }
  .node--type-article .package--with-featured .background {
    display: none; }
  .node--type-article .package--with-featured:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more1.svg);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: -410px -50px; }
  .node--type-article .package--with-featured .package__item--featured {
    position: relative;
    z-index: 1; }
    .node--type-article .package--with-featured .package__item--featured:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 135%;
      background-color: #e9f1f5;
      z-index: -1; }
  .node--type-article .package--with-featured .package__item__content {
    background-color: #e9f1f5; }
  .node--type-article .package--with-featured .package__items {
    position: relative;
    z-index: 1; }
  .node--type-article .package--with-featured .package__item:nth-child(2) {
    position: relative; }
    .node--type-article .package--with-featured .package__item:nth-child(2):before {
      content: "";
      position: absolute;
      top: -280px;
      right: -180px;
      height: 300px;
      width: 300px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more2.svg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      z-index: -1; }

@media screen and (min-width: 672px) {
  .node--type-article .package--with-featured .package__item--featured:before {
    height: 145%; } }

@media print {
  .node--type-article .package--with-featured .package__item--featured:before {
    height: 145%; } }

@media screen and (min-width: 1024px) {
  .node--type-article .package--with-featured:before {
    height: 320px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more1.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/more2.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 65%, auto 100%;
    background-position: -35px 20px, 835px 0; }
  .node--type-article .package--with-featured .package__item--featured:before {
    top: 45px;
    left: -88px;
    width: calc(100% + 176px);
    height: 420px; }
  .node--type-article .package--with-featured .package__item--featured:after {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    top: 465px;
    left: -88px;
    height: 190px;
    width: calc(100% + 176px);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more3.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/more4.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, auto 100%;
    background-position: -70px -110px, 884px -160px; }
  .node--type-article .package--with-featured .package__item__content {
    background-color: transparent; }
  .node--type-article .package--with-featured .package__item:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .node--type-article .package--with-featured .package__item:nth-child(2):before {
    display: none; } }

@media print {
  .node--type-article .package--with-featured:before {
    height: 320px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more1.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/more2.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 65%, auto 100%;
    background-position: -35px 20px, 835px 0; }
  .node--type-article .package--with-featured .package__item--featured:before {
    top: 45px;
    left: -88px;
    width: calc(100% + 176px);
    height: 420px; }
  .node--type-article .package--with-featured .package__item--featured:after {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    top: 465px;
    left: -88px;
    height: 190px;
    width: calc(100% + 176px);
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more3.svg), url(/themes/custom/abilitylab_theme/dist/images/svgs/more4.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, auto 100%;
    background-position: -70px -110px, 884px -160px; }
  .node--type-article .package--with-featured .package__item__content {
    background-color: transparent; }
  .node--type-article .package--with-featured .package__item:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .node--type-article .package--with-featured .package__item:nth-child(2):before {
    display: none; } }

@media screen and (min-width: 1280px) {
  .node--type-article .package--one-up + .package--with-featured {
    margin-top: 0; }
  .node--type-article .package--one-up {
    margin-bottom: 20px; }
  .node--type-article .package--with-featured {
    margin-top: 90px;
    margin-bottom: 0; }
    .node--type-article .package--with-featured:before {
      background-size: 93% 85%, auto 130%;
      background-position: -25px -2px, 1025px -30px; }
    .node--type-article .package--with-featured .package__item--featured:before {
      top: 60px;
      left: -120px;
      width: calc(100% + 240px);
      height: 500px; }
    .node--type-article .package--with-featured .package__item--featured:after {
      top: 560px;
      left: -120px;
      width: calc(100% + 240px);
      background-position: -70px -90px, 1110px -160px; } }

@media print {
  .node--type-article .package--one-up + .package--with-featured {
    margin-top: 0; }
  .node--type-article .package--one-up {
    margin-bottom: 20px; }
  .node--type-article .package--with-featured {
    margin-top: 90px;
    margin-bottom: 0; }
    .node--type-article .package--with-featured:before {
      background-size: 93% 85%, auto 130%;
      background-position: -25px -2px, 1025px -30px; }
    .node--type-article .package--with-featured .package__item--featured:before {
      top: 60px;
      left: -120px;
      width: calc(100% + 240px);
      height: 500px; }
    .node--type-article .package--with-featured .package__item--featured:after {
      top: 560px;
      left: -120px;
      width: calc(100% + 240px);
      background-position: -70px -90px, 1110px -160px; } }

/*
Service Detail Page.

Styleguide 21
*/
.page--services .page-header__hero {
  position: relative;
  z-index: 1; }
  .page--services .page-header__hero:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background-color: rgba(35, 143, 207, 0.25); }
  .page--services .page-header__hero.overlay-hidden:after {
    opacity: 0; }

.page--service .page-meta {
  display: block;
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 40px;
  /*
    Keeps meta content from running into connect buttons at small/medium.
  */
  max-width: calc(100% - 50px);
  /*
    The connect buttons are positioned absolute. This keeps content, header and
    meta areas from colliding. Connect buttons are 80px high.
  */
  min-height: 80px; }
  @media screen and (min-width: 672px) {
    .page--service .page-meta {
      width: 100%;
      padding: 0; } }
  @media print {
    .page--service .page-meta {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page--service .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--service .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .page--service .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--service .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  .page--service .page-meta .field,
  .page--service .page-meta .field-label + a,
  .page--service .page-meta time {
    display: block;
    margin-bottom: 15px; }
    .page--service .page-meta .field .field,
    .page--service .page-meta .field-label + a .field,
    .page--service .page-meta time .field {
      margin-bottom: 0; }
  .page--service .page-meta .field-label {
    margin-bottom: 0; }
  .page--service .page-meta * + .cta-button {
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .page--service .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--service .page-meta .field,
      .page--service .page-meta .field-label + a,
      .page--service .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--service .page-meta .field .field,
        .page--service .page-meta .field-label + a .field,
        .page--service .page-meta time .field {
          margin-bottom: 0; }
      .page--service .page-meta * + .cta-button {
        margin-top: 25px; } }
  @media print {
    .page--service .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--service .page-meta .field,
      .page--service .page-meta .field-label + a,
      .page--service .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--service .page-meta .field .field,
        .page--service .page-meta .field-label + a .field,
        .page--service .page-meta time .field {
          margin-bottom: 0; }
      .page--service .page-meta * + .cta-button {
        margin-top: 25px; } }
  .page--service .page-meta .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase; }

.page--service .page-content {
  display: block; }
  @media screen and (min-width: 672px) {
    .page--service .page-content {
      width: 100%;
      padding: 0; } }
  @media print {
    .page--service .page-content {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page--service .page-content {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media print {
    .page--service .page-content {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media screen and (min-width: 1280px) {
    .page--service .page-content {
      width: 80%;
      padding: 0 100px;
      float: right; } }
  @media print {
    .page--service .page-content {
      width: 80%;
      padding: 0 100px;
      float: right; } }
  .page--service .page-content .section-header {
    border-top: 1px solid var(--sra-border-color);
    margin: 35px 0;
    padding-top: 35px; }
  .page--service .page-content .package--contacts .profile-listing__name {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 0; }

/*

  Overrides and styles specific to the Innovate landing page.
  /innovate.

*/
.path-innovate .package--two-up .package__items {
  position: relative; }
  .path-innovate .package--two-up .package__items:after {
    content: "";
    position: absolute;
    display: block;
    height: 90px;
    width: 500px;
    left: -205px;
    bottom: -30px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up1.svg"); }

.path-innovate .package--two-up .package__item:first-child {
  position: relative; }
  .path-innovate .package--two-up .package__item:first-child:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    height: 250px;
    width: 600px;
    top: -80px;
    right: -280px;
    -webkit-transform: scaleX(-1) rotate(155deg);
    transform: scaleX(-1) rotate(155deg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }

@media screen and (min-width: 1024px) {
  .path-innovate .package--two-up .package__items:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    height: 300px;
    width: 1000px;
    top: -30px;
    left: 10px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
  .path-innovate .package--two-up .package__items:after {
    height: 130px;
    width: 570px;
    left: -300px;
    bottom: -20px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  .path-innovate .package--two-up .package__item:first-child:before {
    display: none; } }

@media print {
  .path-innovate .package--two-up .package__items:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    height: 300px;
    width: 1000px;
    top: -30px;
    left: 10px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
  .path-innovate .package--two-up .package__items:after {
    height: 130px;
    width: 570px;
    left: -300px;
    bottom: -20px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  .path-innovate .package--two-up .package__item:first-child:before {
    display: none; } }

@media screen and (min-width: 1280px) {
  .path-innovate .package--two-up .package__items:before {
    height: 360px;
    width: 1280px;
    top: -60px;
    left: 30px; } }

@media print {
  .path-innovate .package--two-up .package__items:before {
    height: 360px;
    width: 1280px;
    top: -60px;
    left: 30px; } }

.path-innovate .package--tabbed-content__layout .tabs {
  text-align: center; }

.path-innovate .package--tabbed-content__layout .tabs-title {
  float: none;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 1024px) {
  .path-innovate .package--tabbed-content__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0; }
    .path-innovate .package--tabbed-content__layout .tabs-content {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .path-innovate .package--tabbed-content__layout .tabs {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      bottom: auto; }
    .path-innovate .package--tabbed-content__layout .tabs-title {
      max-width: 33%;
      min-width: 33%; }
    .path-innovate .package--tabbed-content__layout .tab-anchor {
      height: auto;
      text-align: left; }
    .path-innovate .package--tabbed-content__layout .package--tabbed-content-tab {
      padding-bottom: 10px; } }

@media print {
  .path-innovate .package--tabbed-content__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0; }
    .path-innovate .package--tabbed-content__layout .tabs-content {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .path-innovate .package--tabbed-content__layout .tabs {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      bottom: auto; }
    .path-innovate .package--tabbed-content__layout .tabs-title {
      max-width: 33%;
      min-width: 33%; }
    .path-innovate .package--tabbed-content__layout .tab-anchor {
      height: auto;
      text-align: left; }
    .path-innovate .package--tabbed-content__layout .package--tabbed-content-tab {
      padding-bottom: 10px; } }

.page--innovation-center .page-meta {
  display: block;
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 40px;
  /*
    Keeps meta content from running into connect buttons at small/medium.
  */
  max-width: calc(100% - 50px);
  /*
    The connect buttons are positioned absolute. This keeps content, header and
    meta areas from colliding. Connect buttons are 80px high.
  */
  min-height: 80px; }
  @media screen and (min-width: 672px) {
    .page--innovation-center .page-meta {
      width: 100%;
      padding: 0; } }
  @media print {
    .page--innovation-center .page-meta {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page--innovation-center .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--innovation-center .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .page--innovation-center .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--innovation-center .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  .page--innovation-center .page-meta .field,
  .page--innovation-center .page-meta .field-label + a,
  .page--innovation-center .page-meta time {
    display: block;
    margin-bottom: 15px; }
    .page--innovation-center .page-meta .field .field,
    .page--innovation-center .page-meta .field-label + a .field,
    .page--innovation-center .page-meta time .field {
      margin-bottom: 0; }
  .page--innovation-center .page-meta .field-label {
    margin-bottom: 0; }
  .page--innovation-center .page-meta * + .cta-button {
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .page--innovation-center .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--innovation-center .page-meta .field,
      .page--innovation-center .page-meta .field-label + a,
      .page--innovation-center .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--innovation-center .page-meta .field .field,
        .page--innovation-center .page-meta .field-label + a .field,
        .page--innovation-center .page-meta time .field {
          margin-bottom: 0; }
      .page--innovation-center .page-meta * + .cta-button {
        margin-top: 25px; } }
  @media print {
    .page--innovation-center .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--innovation-center .page-meta .field,
      .page--innovation-center .page-meta .field-label + a,
      .page--innovation-center .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--innovation-center .page-meta .field .field,
        .page--innovation-center .page-meta .field-label + a .field,
        .page--innovation-center .page-meta time .field {
          margin-bottom: 0; }
      .page--innovation-center .page-meta * + .cta-button {
        margin-top: 25px; } }
  .page--innovation-center .page-meta .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase; }

.page--innovation-center .page-body {
  margin-top: 40px; }
  .page--innovation-center .page-body:nth-child(2) {
    padding-top: 40px;
    border-top: 1px solid var(--sra-border-color); }

.page--innovation-center .page-content {
  display: block; }
  @media screen and (min-width: 672px) {
    .page--innovation-center .page-content {
      width: 100%;
      padding: 0; } }
  @media print {
    .page--innovation-center .page-content {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page--innovation-center .page-content {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media print {
    .page--innovation-center .page-content {
      width: 80%;
      padding: 0 0 0 95px;
      float: right; } }
  @media screen and (min-width: 1280px) {
    .page--innovation-center .page-content {
      width: 80%;
      padding: 0 100px;
      float: right; } }
  @media print {
    .page--innovation-center .page-content {
      width: 80%;
      padding: 0 100px;
      float: right; } }
  .page--innovation-center .page-content p {
    font-family: "gt-sectra-fine", serif;
    color: #0a0a0a;
    margin-bottom: 20px;
    font-size: 1.6rem;
    letter-spacing: .0015em;
    line-height: 2.6rem;
    margin-bottom: 20px; }
    @media screen and (min-width: 1280px) {
      .page--innovation-center .page-content p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media print {
      .page--innovation-center .page-content p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media screen and (min-width: 1024px) {
      .page--innovation-center .page-content p {
        margin-bottom: 30px; } }
    @media print {
      .page--innovation-center .page-content p {
        margin-bottom: 30px; } }
    .page--innovation-center .page-content p:first-child {
      font-family: "gt-sectra-fine", serif;
      color: #0a0a0a;
      margin-bottom: 20px;
      font-size: 2rem;
      letter-spacing: .0015em;
      line-height: 3rem; }
      @media screen and (min-width: 1280px) {
        .page--innovation-center .page-content p:first-child {
          font-size: 2.2rem;
          line-height: 3.2rem; } }
      @media print {
        .page--innovation-center .page-content p:first-child {
          font-size: 2.2rem;
          line-height: 3.2rem; } }
  .page--innovation-center .page-content .section-header {
    border-top: 1px solid var(--sra-border-color);
    margin: 35px 0;
    padding-top: 35px; }
  .page--innovation-center .page-content:first-child .section-header:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }

@media screen and (min-width: 672px) {
  .page--innovation-center .page-body {
    margin-top: 50px; } }

@media print {
  .page--innovation-center .page-body {
    margin-top: 50px; } }

@media screen and (min-width: 1024px) {
  .page--innovation-center .page-body {
    margin-top: 60px; }
    .page--innovation-center .page-body:nth-child(2) {
      padding-top: 60px; }
  .page--innovation-center .package--abilitylabs {
    margin-bottom: 90px; } }

@media print {
  .page--innovation-center .page-body {
    margin-top: 60px; }
    .page--innovation-center .page-body:nth-child(2) {
      padding-top: 60px; }
  .page--innovation-center .package--abilitylabs {
    margin-bottom: 90px; } }

@media screen and (min-width: 1280px) {
  .page--innovation-center .page-body {
    margin-top: 80px; }
    .page--innovation-center .page-body:nth-child(2) {
      padding-top: 80px; }
  .page--innovation-center .package--abilitylabs {
    margin-bottom: 110px; } }

@media print {
  .page--innovation-center .page-body {
    margin-top: 80px; }
    .page--innovation-center .page-body:nth-child(2) {
      padding-top: 80px; }
  .page--innovation-center .package--abilitylabs {
    margin-bottom: 110px; } }

/*

  Overrides specific to Condition Landing Page.

*/
.node--type-condition .package--with-featured {
  margin-bottom: 0; }
  .node--type-condition .package--with-featured .package__item--featured__wrapper {
    position: relative; }
  .node--type-condition .package--with-featured .background {
    top: -35px;
    bottom: -140px; }
    .node--type-condition .package--with-featured .background .graphic {
      display: none; }
  .node--type-condition .package--with-featured .package__item {
    position: relative; }
    .node--type-condition .package--with-featured .package__item--featured {
      position: relative; }
      .node--type-condition .package--with-featured .package__item--featured__img,
      .node--type-condition .package--with-featured .package__item--featured .package__item__content {
        position: relative;
        z-index: 1; }
      .node--type-condition .package--with-featured .package__item--featured:before, .node--type-condition .package--with-featured .package__item--featured:after {
        content: "";
        display: block;
        position: absolute;
        background-size: auto 100%;
        background-repeat: no-repeat; }
      .node--type-condition .package--with-featured .package__item--featured:before {
        height: 190px;
        width: 180px;
        top: -90px;
        left: -70px;
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }
      .node--type-condition .package--with-featured .package__item--featured:after {
        top: -60px;
        right: -50px;
        height: 120px;
        width: 110px;
        background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
    .node--type-condition .package--with-featured .package__item:nth-child(2):before {
      content: "";
      display: block;
      position: absolute;
      height: 40%;
      width: 40%;
      top: -10%;
      left: -28%;
      z-index: -1;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
    .node--type-condition .package--with-featured .package__item:last-child:before {
      content: "";
      display: block;
      position: absolute;
      height: 190px;
      width: 180px;
      top: 0;
      right: -110px;
      z-index: -1;
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }
  @media screen and (min-width: 672px) {
    .node--type-condition .package--with-featured .background {
      bottom: -200px; }
    .node--type-condition .package--with-featured .package__item:last-child:before {
      height: 280px;
      width: 210px;
      top: 50px;
      right: -110px; } }
  @media print {
    .node--type-condition .package--with-featured .background {
      bottom: -200px; }
    .node--type-condition .package--with-featured .package__item:last-child:before {
      height: 280px;
      width: 210px;
      top: 50px;
      right: -110px; } }
  @media screen and (min-width: 1024px) {
    .node--type-condition .package--with-featured .background {
      top: -52px;
      left: -88px;
      right: -88px;
      bottom: -125px;
      overflow: hidden; }
      .node--type-condition .package--with-featured .background .graphic {
        display: block;
        position: absolute; }
        .node--type-condition .package--with-featured .background .graphic-01 {
          height: 270px;
          width: 220px;
          top: 20px;
          left: -70px; }
          .node--type-condition .package--with-featured .background .graphic-01 .st0,
          .node--type-condition .package--with-featured .background .graphic-01 .st1 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-02 {
          height: 210px;
          width: 210px;
          right: -80px;
          top: 30px; }
          .node--type-condition .package--with-featured .background .graphic-02 .st0 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-03 {
          height: 270px;
          width: 200px;
          right: -10px;
          bottom: -110px; }
          .node--type-condition .package--with-featured .background .graphic-03 .st0,
          .node--type-condition .package--with-featured .background .graphic-03 .st1 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-04 {
          height: 100px;
          width: 100px;
          left: 40px;
          bottom: -50px; }
          .node--type-condition .package--with-featured .background .graphic-04 .st0 {
            stroke: #7BBCDF; }
    .node--type-condition .package--with-featured .package__item--featured:before, .node--type-condition .package--with-featured .package__item--featured:after {
      display: none;
      background-image: none; }
    .node--type-condition .package--with-featured .package__item:nth-child(2):before {
      display: none; }
    .node--type-condition .package--with-featured .package__item:last-child:before {
      display: none; } }
  @media print {
    .node--type-condition .package--with-featured .background {
      top: -52px;
      left: -88px;
      right: -88px;
      bottom: -125px;
      overflow: hidden; }
      .node--type-condition .package--with-featured .background .graphic {
        display: block;
        position: absolute; }
        .node--type-condition .package--with-featured .background .graphic-01 {
          height: 270px;
          width: 220px;
          top: 20px;
          left: -70px; }
          .node--type-condition .package--with-featured .background .graphic-01 .st0,
          .node--type-condition .package--with-featured .background .graphic-01 .st1 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-02 {
          height: 210px;
          width: 210px;
          right: -80px;
          top: 30px; }
          .node--type-condition .package--with-featured .background .graphic-02 .st0 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-03 {
          height: 270px;
          width: 200px;
          right: -10px;
          bottom: -110px; }
          .node--type-condition .package--with-featured .background .graphic-03 .st0,
          .node--type-condition .package--with-featured .background .graphic-03 .st1 {
            stroke: #7BBCDF; }
        .node--type-condition .package--with-featured .background .graphic-04 {
          height: 100px;
          width: 100px;
          left: 40px;
          bottom: -50px; }
          .node--type-condition .package--with-featured .background .graphic-04 .st0 {
            stroke: #7BBCDF; }
    .node--type-condition .package--with-featured .package__item--featured:before, .node--type-condition .package--with-featured .package__item--featured:after {
      display: none;
      background-image: none; }
    .node--type-condition .package--with-featured .package__item:nth-child(2):before {
      display: none; }
    .node--type-condition .package--with-featured .package__item:last-child:before {
      display: none; } }
  @media screen and (min-width: 1280px) {
    .node--type-condition .package--with-featured .background {
      top: -65px;
      left: -120px;
      right: -120px; } }
  @media print {
    .node--type-condition .package--with-featured .background {
      top: -65px;
      left: -120px;
      right: -120px; } }

.node--type-condition .cta-block__wrapper:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 1024px) {
  .node--type-condition .package--with-featured {
    margin-bottom: 0; }
    .node--type-condition .package--with-featured .package__item:first-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

@media print {
  .node--type-condition .package--with-featured {
    margin-bottom: 0; }
    .node--type-condition .package--with-featured .package__item:first-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

@media screen and (min-width: 1280px) {
  .node--type-condition .package--with-featured {
    margin-bottom: 0; } }

@media print {
  .node--type-condition .package--with-featured {
    margin-bottom: 0; } }

/*

  Overrides specific to Condtion Detail Page.

*/
.page--conditions .page-header__hero {
  position: relative;
  z-index: 1; }
  .page--conditions .page-header__hero:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background-color: rgba(35, 143, 207, 0.25); }
  .page--conditions .page-header__hero.overlay-hidden:after {
    opacity: 0; }

.page--conditions .package--three-up {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px; }
  @media screen and (min-width: 672px) {
    .page--conditions .package--three-up {
      padding-top: 50px; } }
  @media print {
    .page--conditions .package--three-up {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .page--conditions .package--three-up {
      padding-top: 60px; } }
  @media print {
    .page--conditions .package--three-up {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page--conditions .package--three-up {
      padding-top: 70px; } }
  @media print {
    .page--conditions .package--three-up {
      padding-top: 70px; } }

.page--condition .value-proposition {
  margin-bottom: 0; }

.page--condition .package--abilitylabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .page--condition .package--abilitylabs .section-subtitle {
    margin-bottom: 24px; }
  @media screen and (min-width: 1024px) {
    .page--condition .package--abilitylabs {
      margin-bottom: 70px; }
      .page--condition .package--abilitylabs .icon-list {
        width: 1024px; } }
  @media print {
    .page--condition .package--abilitylabs {
      margin-bottom: 70px; }
      .page--condition .package--abilitylabs .icon-list {
        width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .page--condition .package--abilitylabs .icon-list {
      width: 1270px; }
    .page--condition .package--abilitylabs .section-title,
    .page--condition .package--abilitylabs .section-subtitle {
      max-width: 830px; } }
  @media print {
    .page--condition .package--abilitylabs .icon-list {
      width: 1270px; }
    .page--condition .package--abilitylabs .section-title,
    .page--condition .package--abilitylabs .section-subtitle {
      max-width: 830px; } }

/*
Lifecenter Library Item

Styleguide 15
*/
.page--lifecenter .no-margin {
  margin-bottom: 0; }

.page--lifecenter .page-meta .lifecenter-field {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 15px; }
  .page--lifecenter .page-meta .lifecenter-field a,
  .page--lifecenter .page-meta .lifecenter-field p,
  .page--lifecenter .page-meta .lifecenter-field .field,
  .page--lifecenter .page-meta .lifecenter-field .lifecenter-field {
    margin-bottom: 0; }

.page--lifecenter .page-meta .field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.page--lifecenter .page-meta .address,
.page--lifecenter .page-meta .phone-number,
.page--lifecenter .page-meta .phone-number__label,
.page--lifecenter .page-meta .phone-number__instructions {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.page--lifecenter .page-content {
  font-family: "gt-sectra-fine", serif;
  color: #0a0a0a;
  margin-bottom: 20px;
  font-size: 1.6rem;
  letter-spacing: .0015em;
  line-height: 2.6rem; }
  .page--lifecenter .page-content:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 1280px) {
    .page--lifecenter .page-content {
      font-size: 1.8rem;
      line-height: 2.8rem; } }
  @media print {
    .page--lifecenter .page-content {
      font-size: 1.8rem;
      line-height: 2.8rem; } }
  .page--lifecenter .page-content__body {
    display: block; }
    @media screen and (min-width: 672px) {
      .page--lifecenter .page-content__body {
        width: 100%;
        padding: 0; } }
    @media print {
      .page--lifecenter .page-content__body {
        width: 100%;
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .page--lifecenter .page-content__body {
        width: 80%;
        padding: 0 0 0 95px;
        float: right; } }
    @media print {
      .page--lifecenter .page-content__body {
        width: 80%;
        padding: 0 0 0 95px;
        float: right; } }
    @media screen and (min-width: 1280px) {
      .page--lifecenter .page-content__body {
        width: 80%;
        padding: 0 100px;
        float: right; } }
    @media print {
      .page--lifecenter .page-content__body {
        width: 80%;
        padding: 0 100px;
        float: right; } }
  .page--lifecenter .page-content .lifecenter-field > p {
    margin: 0; }

.page--lifecenter__media {
  clear: both; }
  .page--lifecenter__media p {
    margin-bottom: 0; }

.page--lifecenter .media-embed + .media-embed {
  margin-top: 40px; }

.page--lifecenter .page--lifecenter__media + .page-content .page--lifecenter__details {
  border-top: 0; }

@media screen and (min-width: 1024px) {
  .page--lifecenter .page-meta .lifecenter-field {
    margin-bottom: 25px; }
  .page--lifecenter .media-embed + .media-embed {
    margin-top: 50px; } }

@media print {
  .page--lifecenter .page-meta .lifecenter-field {
    margin-bottom: 25px; }
  .page--lifecenter .media-embed + .media-embed {
    margin-top: 50px; } }

/*
Lifecenter Library Item -- Details.

The Lifecenter Library is a listing for different types of media. Each one has
details about the piece of media itself and where you can get a physical copy.
They are styled the same.

markup:
<div class="main">
  <div class="page-body">
    <div class="sg-right-col-wrapper">
      <div class="page--lifecenter-library-item__details">
        <h4 class="page--lifecenter-library-item__details__header">Section Title</h4>
        <div class="page--lifecenter-library-item__details__content">
          <div class="field">
            <p class="field-label">
              Title
            </p>
            Darius Goes West
          </div>
          <div class="field">
            <p class="field-label">
              length
            </p>
            147minutes
          </div>
          <div class="field">
            <p class="field-label">
              Copyright
            </p>
            1980
          </div>
          <div class="field">
            <p class="field-label">
              Website
            </p>
            <a href="http://www.google.com">www.google.com</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 15.1
*/
.page--lifecenter {
  position: relative; }
  .page--lifecenter__details__header {
    font-family: "gibson-regular", sans-serif;
    margin-bottom: 30px;
    color: var(--sra-text-gray-color);
    font-size: 2.2rem;
    letter-spacing: .0015em; }
  .page--lifecenter__details__content {
    display: block; }
  .page--lifecenter__details .lifecenter-field {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    letter-spacing: .005em;
    min-width: 100%;
    margin-bottom: 30px; }
    .page--lifecenter__details .lifecenter-field .lifecenter-field,
    .page--lifecenter__details .lifecenter-field .field {
      margin-bottom: 0; }
    .page--lifecenter__details .lifecenter-field .field-label {
      font-family: "gibson-semibold", sans-serif;
      display: block;
      margin-bottom: 0;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase; }
    .page--lifecenter__details .lifecenter-field .field__content {
      font-family: "gt-sectra-fine", serif;
      display: block;
      font-size: 1.6rem;
      letter-spacing: .0015em; }
  .page--lifecenter__details .phone-number__instructions {
    margin-bottom: 0; }
  .page--lifecenter .page-meta + .page-content .lifecenter-field + .page--lifecenter__details,
  .page--lifecenter .page--lifecenter__atomized-content + .page--lifecenter__details {
    margin-top: 35px;
    padding: 35px 0 0;
    border-top: 1px solid var(--sra-border-color); }
  .page--lifecenter .page-content + .page-content {
    margin-top: 20px; }
  .page--lifecenter .cta-link {
    display: block;
    text-transform: none;
    border-top: 1px solid var(--sra-border-color);
    padding-top: 25px; }
  @media screen and (min-width: 1024px) {
    .page--lifecenter__details {
      padding: 0 0 5px; }
      .page--lifecenter__details__header {
        font-size: 2.8rem; }
      .page--lifecenter__details__content:after {
        content: "";
        display: table;
        clear: both; }
      .page--lifecenter__details .lifecenter-field {
        float: left;
        min-width: 50%;
        max-width: 50%;
        margin-bottom: 50px;
        padding-right: 32px;
        font-size: 1.8rem;
        line-height: 2.8rem; }
        .page--lifecenter__details .lifecenter-field:nth-child(even) {
          padding-right: 0; }
        .page--lifecenter__details .lifecenter-field:nth-child(odd) {
          clear: left; }
        .page--lifecenter__details .lifecenter-field .field-label {
          margin-bottom: 15px; }
    .page--lifecenter .page-meta + .page-content .lifecenter-field + .page--lifecenter__details,
    .page--lifecenter .page--lifecenter__atomized-content + .page--lifecenter__details {
      margin-top: 55px;
      padding-top: 55px; }
    .page--lifecenter .cta-link {
      padding-top: 40px; } }
  @media print {
    .page--lifecenter__details {
      padding: 0 0 5px; }
      .page--lifecenter__details__header {
        font-size: 2.8rem; }
      .page--lifecenter__details__content:after {
        content: "";
        display: table;
        clear: both; }
      .page--lifecenter__details .lifecenter-field {
        float: left;
        min-width: 50%;
        max-width: 50%;
        margin-bottom: 50px;
        padding-right: 32px;
        font-size: 1.8rem;
        line-height: 2.8rem; }
        .page--lifecenter__details .lifecenter-field:nth-child(even) {
          padding-right: 0; }
        .page--lifecenter__details .lifecenter-field:nth-child(odd) {
          clear: left; }
        .page--lifecenter__details .lifecenter-field .field-label {
          margin-bottom: 15px; }
    .page--lifecenter .page-meta + .page-content .lifecenter-field + .page--lifecenter__details,
    .page--lifecenter .page--lifecenter__atomized-content + .page--lifecenter__details {
      margin-top: 55px;
      padding-top: 55px; }
    .page--lifecenter .cta-link {
      padding-top: 40px; } }
  @media screen and (min-width: 1280px) {
    .page--lifecenter__details__header {
      font-size: 3rem; }
    .page--lifecenter__details__content .lifecenter-field {
      padding-right: 40px; } }
  @media print {
    .page--lifecenter__details__header {
      font-size: 3rem; }
    .page--lifecenter__details__content .lifecenter-field {
      padding-right: 40px; } }

/*
  lifecenter--updates

  Updates is the same styles as More Like this or any other three-up package.
*/
.lifecenter--updates {
  padding: 0 12px;
  margin: 0 20px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--sra-border-color);
  text-align: center; }
  @media screen and (min-width: 672px) {
    .lifecenter--updates {
      padding: 0 25px; } }
  @media print {
    .lifecenter--updates {
      padding: 0 25px; } }
  @media screen and (min-width: 1024px) {
    .lifecenter--updates {
      padding: 0 48px; } }
  @media print {
    .lifecenter--updates {
      padding: 0 48px; } }
  @media screen and (min-width: 1280px) {
    .lifecenter--updates {
      padding: 0 70px; } }
  @media print {
    .lifecenter--updates {
      padding: 0 70px; } }
  @media screen and (min-width: 672px) {
    .lifecenter--updates {
      margin: 0 30px; } }
  @media print {
    .lifecenter--updates {
      margin: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .lifecenter--updates {
      margin: 0 40px; } }
  @media print {
    .lifecenter--updates {
      margin: 0 40px; } }
  @media screen and (min-width: 1280px) {
    .lifecenter--updates {
      margin: 0 50px; } }
  @media print {
    .lifecenter--updates {
      margin: 0 50px; } }
  .lifecenter--updates .package__item__title {
    font-family: "gibson-semibold", sans-serif;
    margin: 18px 0 0;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .002em; }
    .lifecenter--updates .package__item__title a {
      text-decoration: none; }
  .lifecenter--updates .package__item__meta {
    margin-top: 12px; }
  .lifecenter--updates .package__item__meta > div,
  .lifecenter--updates .content-flag,
  .lifecenter--updates .taxonomy-tag {
    display: inline-block;
    vertical-align: middle; }
  .lifecenter--updates .taxonomy-tag {
    margin-right: 1rem; }
  @media screen and (min-width: 1024px) {
    .lifecenter--updates .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lifecenter--updates .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .lifecenter--updates .package__item__title {
      margin-top: 25px; }
    .lifecenter--updates .package__item__meta {
      margin-top: 20px; }
    .lifecenter--updates .cta-button,
    .lifecenter--updates .cta-link {
      margin-top: 25px; } }
  @media print {
    .lifecenter--updates .package__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      position: relative;
      z-index: 1;
      margin-left: -16px;
      margin-right: -16px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lifecenter--updates .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 16px;
      padding-left: 16px; }
    .lifecenter--updates .package__item__title {
      margin-top: 25px; }
    .lifecenter--updates .package__item__meta {
      margin-top: 20px; }
    .lifecenter--updates .cta-button,
    .lifecenter--updates .cta-link {
      margin-top: 25px; } }
  @media screen and (min-width: 1280px) {
    .lifecenter--updates .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lifecenter--updates .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .lifecenter--updates .taxonomy-tag {
      margin-right: 2rem; } }
  @media print {
    .lifecenter--updates .package__items {
      position: relative;
      z-index: 1;
      margin-left: -20px;
      margin-right: -20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lifecenter--updates .package__item {
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      padding-right: 20px;
      padding-left: 20px; }
    .lifecenter--updates .taxonomy-tag {
      margin-right: 2rem; } }
  .lifecenter--updates .section-title {
    margin-bottom: 30px; }
  .lifecenter--updates .package__item {
    margin-bottom: 40px;
    text-align: left; }
  .lifecenter--updates .cta-button {
    margin-top: 40px; }
  @media screen and (min-width: 672px) {
    .lifecenter--updates {
      margin-top: 40px;
      padding-top: 40px; } }
  @media print {
    .lifecenter--updates {
      margin-top: 40px;
      padding-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .lifecenter--updates {
      margin-top: 60px;
      padding-top: 60px; }
      .lifecenter--updates .section-title {
        margin-bottom: 40px; }
      .lifecenter--updates .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 0; }
        .lifecenter--updates .package__item:first-child {
          min-width: 352px;
          max-width: 352px; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1024px) and (min-width: 1280px) {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media screen and (min-width: 1024px) {
        .lifecenter--updates .package__item img {
          width: 100%;
          height: auto; } }
  @media print {
    .lifecenter--updates {
      margin-top: 60px;
      padding-top: 60px; }
      .lifecenter--updates .section-title {
        margin-bottom: 40px; }
      .lifecenter--updates .package__item {
        width: calc(((100% - (320px - 32px)) / 2) - (32px * 2) / 2);
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 0; }
        .lifecenter--updates .package__item:first-child {
          min-width: 352px;
          max-width: 352px; } }
    @media print {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
        .lifecenter--updates .package__item img {
          width: 100%;
          height: auto; } }
  @media screen and (min-width: 1280px) {
    .lifecenter--updates {
      margin-top: 80px;
      padding-top: 80px; }
      .lifecenter--updates .section-title {
        margin-bottom: 50px; }
      .lifecenter--updates .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px; }
        .lifecenter--updates .package__item:first-child {
          min-width: 440px;
          max-width: 440px; } }
    @media screen and (min-width: 1280px) and (min-width: 1024px) {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media screen and (min-width: 1280px) and (min-width: 1280px) {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
  @media print {
    .lifecenter--updates {
      margin-top: 80px;
      padding-top: 80px; }
      .lifecenter--updates .section-title {
        margin-bottom: 50px; }
      .lifecenter--updates .package__item {
        width: calc(((100% - (400px - 40px)) / 2) - (40px * 2) / 2);
        padding-right: 20px;
        padding-left: 20px; }
        .lifecenter--updates .package__item:first-child {
          min-width: 440px;
          max-width: 440px; } }
    @media print {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.4rem;
        line-height: 3rem; } }
    @media print {
      .lifecenter--updates .package__item:first-child .package__item__title {
        font-size: 2.6rem;
        line-height: 3.2rem; } }

/*

  Embedded media on a lifecenter page.
  Has a background texture.

*/
@media screen and (min-width: 1024px) {
  .page--lifecenter__media .media-embed {
    position: relative; }
    .page--lifecenter__media .media-embed:before, .page--lifecenter__media .media-embed:after {
      content: "";
      display: block;
      position: absolute;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/wave-form-large.svg);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover;
      opacity: .7; }
    .page--lifecenter__media .media-embed:before {
      height: 290px;
      width: 250px;
      left: -10%;
      top: 20%;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .page--lifecenter__media .media-embed:after {
      height: 290px;
      width: 370px;
      bottom: -13%;
      right: -10%; } }

@media print {
  .page--lifecenter__media .media-embed {
    position: relative; }
    .page--lifecenter__media .media-embed:before, .page--lifecenter__media .media-embed:after {
      content: "";
      display: block;
      position: absolute;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/wave-form-large.svg);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover;
      opacity: .7; }
    .page--lifecenter__media .media-embed:before {
      height: 290px;
      width: 250px;
      left: -10%;
      top: 20%;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .page--lifecenter__media .media-embed:after {
      height: 290px;
      width: 370px;
      bottom: -13%;
      right: -10%; } }

@media screen and (min-width: 1280px) {
  .page--lifecenter__media .media-embed {
    padding-right: 100px; } }

@media print {
  .page--lifecenter__media .media-embed {
    padding-right: 100px; } }

.lifecenter-binder__header {
  padding: 0 32px;
  border-top: 1px solid var(--sra-border-color);
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--sra-border-color); }
  @media screen and (min-width: 672px) {
    .lifecenter-binder__header {
      padding: 0 55px; } }
  @media print {
    .lifecenter-binder__header {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .lifecenter-binder__header {
      padding: 0 88px; } }
  @media print {
    .lifecenter-binder__header {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .lifecenter-binder__header {
      padding: 0 120px; } }
  @media print {
    .lifecenter-binder__header {
      padding: 0 120px; } }

.lifecenter-binder__description {
  font-family: "gibson-semibold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-bottom: 30px; }

.lifecenter-binder__download {
  border-bottom: 1px solid var(--sra-border-color);
  margin-bottom: 50px; }

.lifecenter-binder .lifecenter-binder__topics__title,
.lifecenter-binder .lifecenter-binder__group__title {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: .15rem;
  text-transform: uppercase;
  margin: 30px 0 0; }

.lifecenter-binder .lifecenter-binder__group__title {
  padding: 0 32px; }

.lifecenter-binder .lifecenter-binder__topics__title {
  margin-bottom: 30px; }

.lifecenter-binder__group__count {
  display: block;
  margin-top: 10px;
  color: var(--sra-text-gray-color); }

.lifecenter-binder__group__cta {
  text-align: center;
  padding: 30px 0 40px;
  border-bottom: 1px solid var(--sra-border-color); }

.lifecenter-binder__group--empty {
  padding-left: 32px; }
  .lifecenter-binder__group--empty h2 {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem; }

.lifecenter-binder .key-topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .lifecenter-binder .key-topics p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid var(--sra-border-color);
    border-right: 1px solid var(--sra-border-color); }
    .lifecenter-binder .key-topics p > * {
      max-width: 100%; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .lifecenter-binder .key-topics p {
      min-width: 100%;
      width: 100%;
      max-width: 100%; }
      .lifecenter-binder .key-topics p:nth-child(1n + 1) {
        border-left: 1px solid var(--sra-border-color); }
      .lifecenter-binder .key-topics p:nth-last-child(-n + 1) {
        border-bottom: 0; } }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .lifecenter-binder .key-topics p {
      min-width: 100%;
      width: 100%;
      max-width: 100%; }
      .lifecenter-binder .key-topics p:nth-child(1n + 1) {
        border-left: 1px solid var(--sra-border-color); }
      .lifecenter-binder .key-topics p:nth-last-child(-n + 1) {
        border-bottom: 0; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .lifecenter-binder .key-topics p {
      min-width: 100%;
      width: 100%;
      max-width: 100%; }
      .lifecenter-binder .key-topics p:nth-child(1n + 1) {
        border-left: 1px solid var(--sra-border-color); }
      .lifecenter-binder .key-topics p:nth-last-child(-n + 1) {
        border-bottom: 0; } }
  @media screen and (min-width: 1280px) and (max-width: 9999em) {
    .lifecenter-binder .key-topics p {
      min-width: 100%;
      width: 100%;
      max-width: 100%; }
      .lifecenter-binder .key-topics p:nth-child(1n + 1) {
        border-left: 1px solid var(--sra-border-color); }
      .lifecenter-binder .key-topics p:nth-last-child(-n + 1) {
        border-bottom: 0; } }
  .lifecenter-binder .key-topics p {
    font-family: "gibson-light", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-align: center;
    min-height: 10rem;
    padding: 2rem 3.2rem; }
    .lifecenter-binder .key-topics p span {
      color: var(--sra-text-gray-color); }

.lifecenter-binder .pager {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .lifecenter-binder .pager {
      padding: 0 55px; } }
  @media print {
    .lifecenter-binder .pager {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .lifecenter-binder .pager {
      padding: 0 88px; } }
  @media print {
    .lifecenter-binder .pager {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .lifecenter-binder .pager {
      padding: 0 120px; } }
  @media print {
    .lifecenter-binder .pager {
      padding: 0 120px; } }
  .lifecenter-binder .pager__item--first, .lifecenter-binder .pager__item--last {
    display: none; }

@media screen and (max-width: 671px) {
  .lifecenter-binder .search--aside {
    padding: 0 32px; } }

@media screen and (min-width: 672px) {
  .lifecenter-binder__header {
    padding: 40px; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding: 0 40px; }
  .lifecenter-binder__group__count {
    display: inline-block;
    padding-left: 50px;
    border-left: 1px solid var(--sra-border-color);
    margin-left: 50px; }
  .lifecenter-binder__group--empty {
    padding-left: 55px; } }

@media print {
  .lifecenter-binder__header {
    padding: 40px; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding: 0 40px; }
  .lifecenter-binder__group__count {
    display: inline-block;
    padding-left: 50px;
    border-left: 1px solid var(--sra-border-color);
    margin-left: 50px; }
  .lifecenter-binder__group--empty {
    padding-left: 55px; } }

@media screen and (max-width: 1023px) {
  .lifecenter-binder .search--aside {
    padding: 0 40px; } }

@media screen and (min-width: 1024px) {
  .lifecenter-binder__header, .lifecenter-binder__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .lifecenter-binder__header {
    padding: 50px 88px; }
    .lifecenter-binder__header .lifecenter-binder__description {
      padding: 0 100px 0 0;
      max-width: 600px;
      border-right: 1px solid var(--sra-border-color); }
    .lifecenter-binder__header .lifecenter-binder__selector {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-left: 100px; }
  .lifecenter-binder .lifecenter-binder__topics__title,
  .lifecenter-binder .lifecenter-binder__group__title {
    margin-top: 0; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding-left: 88px; }
  .lifecenter-binder .lifecenter-binder__topics__title {
    margin: 50px 0 40px; }
  .lifecenter-binder__download {
    padding: 50px 0; }
  .lifecenter-binder__group {
    max-width: 100%;
    margin-top: 50px; }
    .lifecenter-binder__group__count {
      margin-top: 0; }
    .lifecenter-binder__group__cta {
      padding: 50px 0 100px; }
      .lifecenter-binder__group__cta .cta-button {
        width: 260px; }
    .lifecenter-binder__group--empty {
      padding-left: 88px; }
  .lifecenter-binder .key-topics p {
    font-size: 2.2rem;
    line-height: 3rem; } }

@media print {
  .lifecenter-binder__header, .lifecenter-binder__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .lifecenter-binder__header {
    padding: 50px 88px; }
    .lifecenter-binder__header .lifecenter-binder__description {
      padding: 0 100px 0 0;
      max-width: 600px;
      border-right: 1px solid var(--sra-border-color); }
    .lifecenter-binder__header .lifecenter-binder__selector {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-left: 100px; }
  .lifecenter-binder .lifecenter-binder__topics__title,
  .lifecenter-binder .lifecenter-binder__group__title {
    margin-top: 0; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding-left: 88px; }
  .lifecenter-binder .lifecenter-binder__topics__title {
    margin: 50px 0 40px; }
  .lifecenter-binder__download {
    padding: 50px 0; }
  .lifecenter-binder__group {
    max-width: 100%;
    margin-top: 50px; }
    .lifecenter-binder__group__count {
      margin-top: 0; }
    .lifecenter-binder__group__cta {
      padding: 50px 0 100px; }
      .lifecenter-binder__group__cta .cta-button {
        width: 260px; }
    .lifecenter-binder__group--empty {
      padding-left: 88px; }
  .lifecenter-binder .key-topics p {
    font-size: 2.2rem;
    line-height: 3rem; } }

@media screen and (min-width: 1280px) {
  .lifecenter-binder__header {
    padding: 50px 120px; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding-left: 120px; }
  .lifecenter-binder__group--empty {
    padding-left: 120px; } }

@media print {
  .lifecenter-binder__header {
    padding: 50px 120px; }
  .lifecenter-binder .lifecenter-binder__group__title {
    padding-left: 120px; }
  .lifecenter-binder__group--empty {
    padding-left: 120px; } }

/*
  Inside Look Content Type page overrides.
*/
.node--type-ric-matters .page-body--article .page-meta {
  float: none; }

.node--type-ric-matters .page-body--article .page-more-like-this {
  width: 100%;
  margin-bottom: 32px; }
  @media screen and (min-width: 64em) {
    .node--type-ric-matters .page-body--article .page-more-like-this {
      display: inline-block;
      width: 25%; } }
  .node--type-ric-matters .page-body--article .page-more-like-this .page-more-like-this__title {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 8px; }

@media screen and (min-width: 64em) {
  .node--type-ric-matters .page-body--article .page-content {
    width: 75%;
    padding: 0 100px 0 50px; } }

/*
Rehab Measures Page

Styleguide 16
*/
.page--rehabilitation-measures .download-module__wrapper + .package--one-up {
  margin-top: 0;
  border-top: 0; }

@media screen and (min-width: 1280px) {
  .page--rehabilitation-measures .package--card-list .section-title {
    font-size: 9.2rem;
    line-height: 9.5rem; } }

@media print {
  .page--rehabilitation-measures .package--card-list .section-title {
    font-size: 9.2rem;
    line-height: 9.5rem; } }

.page--rehabilitation-measures .page-pre-footer {
  padding: 0 32px;
  color: var(--sra-text-gray-color);
  font-size: 2rem; }
  @media screen and (min-width: 672px) {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 32px; } }
  @media print {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 32px; } }
  @media screen and (min-width: 1024px) {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 88px; } }
  @media print {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 120px; } }
  @media print {
    .page--rehabilitation-measures .page-pre-footer {
      padding: 0 120px; } }

.rmd-instrument__breadcrumb {
  margin: 0 auto 20px;
  width: 848px; }
  @media screen and (min-width: 1280px) {
    .rmd-instrument__breadcrumb {
      width: 1040px; } }
  @media print {
    .rmd-instrument__breadcrumb {
      width: 1040px; } }
  .rmd-instrument__breadcrumb .rmd-instrument__breadcrumb-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0; }
  .rmd-instrument__breadcrumb .rmd-instrument__breadcrumb-menu-item {
    margin: 0 10px 0 0;
    padding: 0; }
    .rmd-instrument__breadcrumb .rmd-instrument__breadcrumb-menu-item a {
      font-family: "gibson-regular", sans-serif;
      display: block;
      font-size: 1.2rem;
      line-height: 2.2rem;
      padding: 5px 0;
      position: relative;
      text-decoration: none;
      text-transform: uppercase; }
    .rmd-instrument__breadcrumb .rmd-instrument__breadcrumb-menu-item a::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\f11a';
      display: inline-block;
      margin-left: 10px; }
    .rmd-instrument__breadcrumb .rmd-instrument__breadcrumb-menu-item:last-child a::after {
      content: ''; }

/*
Rehab Measure -- Details

markup:
<div class="main page--rehab-measure">
  <div class="sg-content__article">
    <div class="page--rehab-measure__details">
      <div class="page--rehab-measure__details__content">
        <div class="package package--populations">
          <header class="header">
            <h4 class="field-label">Populations</h4>
          </header>
          <div class="body">
            <div class="field">
              <a href="#">Alzheimer's Disease</a>
            </div>
            <div class="field">
              <a href="#">Children's Fibromyalgia</a>
            </div>
            <div class="field">
              <a href="#">Geriatrics</a>
            </div>
            <div class="field">
              <a href="#">Heart Failure</a>
            </div>
            <div class="field">
              <a href="#">Multiple Schlerosis</a>
            </div>
          </div>
        </div>
        <div class="package package--key-descriptions">
          <header class="header">
            <h4 class="field-label">Key Descriptions</h4>
          </header>
          <ul class="body">
            <li class="item">Cras mattis consectetur purus sit amet fermentum.</li>
            <li class="item">Nulla vitae elit libero, a pharetra augue.</li>
            <li class="item">Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</li>
            <li class="item">Cras justo odio, dapibus ac facilisis in, egestas eget quam.</li>
            <li class="item">Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</li>
          </ul>
        </div>
        <div class="package package--equipment-required">
          <header class="header">
            <h4 class="field-label">Equipment required</h4>
          </header>
          <ul class="body">
            <li class="field">
              Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
            </li>
            <li class="field">
              Ridiculus Tellus Egestas
            </li>
          </ul>
        </div>
        <div class="package package--time-to-administer">
          <header class="header">
            <h4 class="field-label">Time to administer</h4>
          </header>
          <div class="body">
            <div class="field">
              <div class="time-to-administer">
                <p class="time-to-administer__value time">6</p>
                <span class="time-to-administer__unit units">minutes</span>
              </div>
            </div>
          </div>
        </div>
        <div class="package package--age-ranges">
          <header class="header">
            <h4 class="field-label">Age Ranges</h4>
          </header>
          <div class="js-horiz-scroll">
            <div class="wrapper js-horiz-scroll__wrapper">
              <div class="age-range js-horiz-scroll__item">
                <p class="age-range__label">Preschool Child</p>
                <p class="age-range__value time">
                  2
                  <span class="hyphen">-</span>
                  5
                </p>
                <span class="age-range__units units">years</span>
              </div>
              <div class="age-range js-horiz-scroll__item">
                <p class="age-range__label">Child</p>
                <p class="age-range__value time">
                  6
                  <span class="hyphen">-</span>
                  12
                </p>
                <span class="age-range__units units">years</span>
              </div>
              <div class="age-range js-horiz-scroll__item">
                <p class="age-range__label">Adult</p>
                <p class="age-range__value time">
                  18
                  <span class="hyphen">-</span>
                  64
                </p>
                <span class="age-range__units units">years</span>
              </div>
              <div class="age-range js-horiz-scroll__item">
                <p class="age-range__label">Elderly</p>
                <p class="age-range__value time">
                  64
                  <span class="hyphen">-</span>
                  85
                </p>
                <span class="age-range__units units">years</span>
              </div>
            </div>
            <div class="package--age-ranges__nav js-horiz-scroll__nav">
              <button class="nav-dot js-horiz-scoll__nav-item active" aria-hidden="true"></button>
              <button class="nav-dot js-horiz-scoll__nav-item" aria-hidden="true"></button>
              <button class="nav-dot js-horiz-scoll__nav-item" aria-hidden="true"></button>
              <button class="nav-dot js-horiz-scoll__nav-item" aria-hidden="true"></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 16.1
*/
.page--rehab-measure .page-body--article .page-meta {
  float: none; }

.page--rehab-measure .page-body--article .page-ads_section {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-margin-after: 30px;
  margin-block-end: 30px; }
  @media screen and (min-width: 64em) {
    .page--rehab-measure .page-body--article .page-ads_section {
      display: inline-block;
      width: 20%; } }

.page--rehab-measure .page-body {
  margin-bottom: 40px; }

.page--rehab-measure .field--conditions {
  margin-top: 30px; }
  .page--rehab-measure .field--conditions ul li {
    font-family: "gt-sectra-fine", serif;
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.6rem;
    letter-spacing: .0015em;
    padding: 0;
    margin: 0; }
    .page--rehab-measure .field--conditions ul li:before {
      display: none; }
    .page--rehab-measure .field--conditions ul li:after {
      content: ",";
      display: inline-block;
      vertical-align: baseline;
      margin-right: .5em; }
    .page--rehab-measure .field--conditions ul li:last-child:after {
      display: none; }

.page--rehab-measure__details {
  position: relative;
  margin-left: -32px;
  margin-right: -32px;
  clear: both;
  clear: both;
  margin-top: 50px;
  margin-bottom: 40px; }
  @media screen and (min-width: 672px) {
    .page--rehab-measure__details {
      margin-left: -55px;
      margin-right: -55px; } }
  @media print {
    .page--rehab-measure__details {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (min-width: 1024px) {
    .page--rehab-measure__details {
      margin-left: -88px;
      margin-right: -88px; } }
  @media print {
    .page--rehab-measure__details {
      margin-left: -88px;
      margin-right: -88px; } }
  @media screen and (min-width: 1280px) {
    .page--rehab-measure__details {
      margin-left: -120px;
      margin-right: -120px; } }
  @media print {
    .page--rehab-measure__details {
      margin-left: -120px;
      margin-right: -120px; } }
  .page--rehab-measure__details__content {
    font-family: "gt-sectra-fine", serif;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid var(--sra-border-color);
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: .0015em; }
    .page--rehab-measure__details__content .field-label {
      font-family: "gibson-semibold", sans-serif;
      display: block;
      margin-bottom: 0;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin-bottom: 20px; }

.page--rehab-measure .content-nav-jump-link.populations {
  top: auto; }

.page--rehab-measure .package {
  border-top: 1px solid var(--sra-border-color);
  padding: 40px 32px;
  margin: 0; }
  .page--rehab-measure .package--populations {
    position: relative; }
    .page--rehab-measure .package--populations .header {
      position: relative; }
    .page--rehab-measure .package--populations .body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--rehab-measure .package--populations .body .field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 1px solid var(--sra-border-color);
        border-right: 1px solid var(--sra-border-color); }
        .page--rehab-measure .package--populations .body .field > * {
          max-width: 100%; }
      @media screen and (min-width: 0) and (max-width: 671px) {
        .page--rehab-measure .package--populations .body .field {
          min-width: 50%;
          width: 50%;
          max-width: 50%; }
          .page--rehab-measure .package--populations .body .field:nth-child(2n + 1) {
            border-left: 1px solid var(--sra-border-color); }
          .page--rehab-measure .package--populations .body .field:nth-last-child(-n + 2) {
            border-bottom: 0; } }
      @media screen and (min-width: 672px) and (max-width: 1023px) {
        .page--rehab-measure .package--populations .body .field {
          min-width: 33.33333%;
          width: 33.33333%;
          max-width: 33.33333%; }
          .page--rehab-measure .package--populations .body .field:nth-child(3n + 1) {
            border-left: 1px solid var(--sra-border-color); }
          .page--rehab-measure .package--populations .body .field:nth-last-child(-n + 3) {
            border-bottom: 0; } }
      @media screen and (min-width: 1024px) and (max-width: 1279px) {
        .page--rehab-measure .package--populations .body .field {
          min-width: 25%;
          width: 25%;
          max-width: 25%; }
          .page--rehab-measure .package--populations .body .field:nth-child(4n + 1) {
            border-left: 1px solid var(--sra-border-color); }
          .page--rehab-measure .package--populations .body .field:nth-last-child(-n + 4) {
            border-bottom: 0; } }
      @media screen and (min-width: 1280px) and (max-width: 9999em) {
        .page--rehab-measure .package--populations .body .field {
          min-width: 25%;
          width: 25%;
          max-width: 25%; }
          .page--rehab-measure .package--populations .body .field:nth-child(4n + 1) {
            border-left: 1px solid var(--sra-border-color); }
          .page--rehab-measure .package--populations .body .field:nth-last-child(-n + 4) {
            border-bottom: 0; } }
    .page--rehab-measure .package--populations .field {
      font-family: "gt-sectra-fine", serif;
      height: 70px;
      font-size: 1.4rem;
      line-height: 1.8rem;
      letter-spacing: .0015em; }
      .page--rehab-measure .package--populations .field a {
        text-align: center; }
  .page--rehab-measure .package--key-descriptions .body, .page--rehab-measure .package--equipment-required .body {
    padding: 0;
    margin: 0 0 20px 60px; }
    .page--rehab-measure .package--key-descriptions .body li, .page--rehab-measure .package--equipment-required .body li {
      font-family: "gt-sectra-fine", serif;
      margin-bottom: 1rem;
      font-size: 1.6rem;
      line-height: 1.5;
      position: relative; }
      @media screen and (min-width: 1440px) {
        .page--rehab-measure .package--key-descriptions .body li, .page--rehab-measure .package--equipment-required .body li {
          font-size: 1.8rem; } }
    @media screen and (min-width: 1280px) {
      .page--rehab-measure .package--key-descriptions .body, .page--rehab-measure .package--equipment-required .body {
        margin-bottom: 30px; } }
    @media print {
      .page--rehab-measure .package--key-descriptions .body, .page--rehab-measure .package--equipment-required .body {
        margin-bottom: 30px; } }
  .page--rehab-measure .package--age-ranges {
    white-space: nowrap; }
    .page--rehab-measure .package--age-ranges .wrapper {
      position: relative;
      overflow: hidden; }
    .page--rehab-measure .package--age-ranges .body {
      overflow: hidden;
      overflow-x: scroll;
      margin-bottom: -20px;
      padding-bottom: 20px; }
    .page--rehab-measure .package--age-ranges__nav {
      position: relative;
      width: 100%;
      padding-top: 40px;
      text-align: center; }
    .page--rehab-measure .package--age-ranges .nav-dot {
      display: inline-block;
      height: 10px;
      width: 10px;
      margin: 0 8px;
      border-radius: 50%;
      background-color: var(--sra-gray);
      cursor: pointer; }
      .page--rehab-measure .package--age-ranges .nav-dot.active {
        background-color: #0a0a0a; }
  .page--rehab-measure .package .large-red-num,
  .page--rehab-measure .package .time {
    font-family: "gibson-light", sans-serif;
    margin: 0;
    color: #E71324;
    font-size: 8rem;
    line-height: 6.5rem;
    letter-spacing: .001em; }
  .page--rehab-measure .package .units {
    font-family: "gibson-regular", sans-serif;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6rem;
    letter-spacing: .018em;
    text-transform: uppercase; }
    .page--rehab-measure .package .units + .units {
      margin-top: .5rem; }
  .page--rehab-measure .package .hyphen {
    margin: 0 -1.5rem; }
  .page--rehab-measure .package .age-range {
    display: inline-block;
    margin-right: 55px; }
    .page--rehab-measure .package .age-range__label {
      font-family: "gt-sectra-fine", serif;
      margin: 0 0 10px;
      font-size: 1.6rem;
      letter-spacing: .015em; }

.page--rehab-measure .download-module__wrapper {
  margin-top: 30px;
  margin-bottom: 30px; }

@media screen and (min-width: 672px) {
  .page--rehab-measure__details__content {
    position: relative;
    z-index: 2; }
    .page--rehab-measure__details__content .field-label {
      margin-bottom: 20px; }
  .page--rehab-measure__details .age-range {
    margin-right: 60px; }
  .page--rehab-measure .package {
    padding: 40px 55px; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media print {
  .page--rehab-measure__details__content {
    position: relative;
    z-index: 2; }
    .page--rehab-measure__details__content .field-label {
      margin-bottom: 20px; }
  .page--rehab-measure__details .age-range {
    margin-right: 60px; }
  .page--rehab-measure .package {
    padding: 40px 55px; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media screen and (min-width: 1024px) {
  .page--rehab-measure .field--conditions {
    margin-top: 0;
    margin-bottom: 50px; }
  .page--rehab-measure .page-body {
    margin-bottom: 50px; }
  .page--rehab-measure__details {
    padding: 60px 88px;
    background-color: #f3f3f3;
    overflow: hidden;
    margin-bottom: 60px; }
    .page--rehab-measure__details:before, .page--rehab-measure__details:after {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0; }
    .page--rehab-measure__details:before {
      top: 90px;
      left: -70px;
      height: 430px;
      width: 280px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/rods1.svg); }
    .page--rehab-measure__details:after {
      bottom: 250px;
      right: 30px;
      height: 260px;
      width: 230px;
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/rods3.svg); }
    .page--rehab-measure__details__content {
      background-color: #fefefe;
      border: 0; }
  .page--rehab-measure .package {
    padding: 60px 48px; }
    .page--rehab-measure .package:after {
      content: "";
      display: table;
      clear: both; }
    .page--rehab-measure .package--populations {
      border-top: 0; }
    .page--rehab-measure .package--key-descriptions {
      overflow: hidden; }
      .page--rehab-measure .package--key-descriptions .header,
      .page--rehab-measure .package--key-descriptions .body {
        float: left; }
      .page--rehab-measure .package--key-descriptions .header {
        width: 25%;
        padding-right: 32px; }
      .page--rehab-measure .package--key-descriptions .body {
        width: 75%; }
    .page--rehab-measure .package--training-required, .page--rehab-measure .package--training-required-descrip, .page--rehab-measure .package--number-of-items, .page--rehab-measure .package--time-to-administer, .page--rehab-measure .package--equipment-required {
      width: 50%;
      float: left; }
    .page--rehab-measure .package--age-ranges {
      clear: both; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media print {
  .page--rehab-measure .field--conditions {
    margin-top: 0;
    margin-bottom: 50px; }
  .page--rehab-measure .page-body {
    margin-bottom: 50px; }
  .page--rehab-measure__details {
    padding: 60px 88px;
    background-color: #f3f3f3;
    overflow: hidden;
    margin-bottom: 60px; }
    .page--rehab-measure__details:before, .page--rehab-measure__details:after {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0; }
    .page--rehab-measure__details:before {
      top: 90px;
      left: -70px;
      height: 430px;
      width: 280px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/rods1.svg); }
    .page--rehab-measure__details:after {
      bottom: 250px;
      right: 30px;
      height: 260px;
      width: 230px;
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/rods3.svg); }
    .page--rehab-measure__details__content {
      background-color: #fefefe;
      border: 0; }
  .page--rehab-measure .package {
    padding: 60px 48px; }
    .page--rehab-measure .package:after {
      content: "";
      display: table;
      clear: both; }
    .page--rehab-measure .package--populations {
      border-top: 0; }
    .page--rehab-measure .package--key-descriptions {
      overflow: hidden; }
      .page--rehab-measure .package--key-descriptions .header,
      .page--rehab-measure .package--key-descriptions .body {
        float: left; }
      .page--rehab-measure .package--key-descriptions .header {
        width: 25%;
        padding-right: 32px; }
      .page--rehab-measure .package--key-descriptions .body {
        width: 75%; }
    .page--rehab-measure .package--training-required, .page--rehab-measure .package--training-required-descrip, .page--rehab-measure .package--number-of-items, .page--rehab-measure .package--time-to-administer, .page--rehab-measure .package--equipment-required {
      width: 50%;
      float: left; }
    .page--rehab-measure .package--age-ranges {
      clear: both; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media screen and (min-width: 1280px) {
  .page--rehab-measure__details {
    padding: 60px 120px;
    margin-bottom: 70px; }
    .page--rehab-measure__details:before {
      top: 200px; }
    .page--rehab-measure__details:after {
      right: 50px;
      height: 280px;
      width: 240px; }
    .page--rehab-measure__details .package {
      padding: 80px 60px; }
      .page--rehab-measure__details .package--age-ranges .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .page--rehab-measure__details .package--age-ranges .time {
        font-size: 7.4rem; }
      .page--rehab-measure__details .package .age-range {
        min-width: 175px;
        max-width: 175px; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media print {
  .page--rehab-measure__details {
    padding: 60px 120px;
    margin-bottom: 70px; }
    .page--rehab-measure__details:before {
      top: 200px; }
    .page--rehab-measure__details:after {
      right: 50px;
      height: 280px;
      width: 240px; }
    .page--rehab-measure__details .package {
      padding: 80px 60px; }
      .page--rehab-measure__details .package--age-ranges .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .page--rehab-measure__details .package--age-ranges .time {
        font-size: 7.4rem; }
      .page--rehab-measure__details .package .age-range {
        min-width: 175px;
        max-width: 175px; }
  .page--rehab-measure .download-module__wrapper {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media print {
  .page--rehab-measure .page-body--article,
  .page--rehab-measure .paragraph--populations {
    margin: 0 0 24px;
    padding: 0; }
    .page--rehab-measure .page-body--article .content-nav-jump-link,
    .page--rehab-measure .page-body--article .cta-link,
    .page--rehab-measure .paragraph--populations .content-nav-jump-link,
    .page--rehab-measure .paragraph--populations .cta-link {
      display: none; }
  .page--rehab-measure .paragraph--populations,
  .page--rehab-measure .paragraph--populations--data {
    padding-top: 24px; }
    .page--rehab-measure .paragraph--populations .field-label,
    .page--rehab-measure .paragraph--populations .paragraph--populations--data__body,
    .page--rehab-measure .paragraph--populations .paragraph--populations--data__content,
    .page--rehab-measure .paragraph--populations--data .field-label,
    .page--rehab-measure .paragraph--populations--data .paragraph--populations--data__body,
    .page--rehab-measure .paragraph--populations--data .paragraph--populations--data__content {
      float: none;
      margin: 0;
      padding: 0;
      width: 100%; }
    .page--rehab-measure .paragraph--populations .paragraph--populations--data__content,
    .page--rehab-measure .paragraph--populations--data .paragraph--populations--data__content {
      padding-top: 12px; }
  .page--rehab-measure__details {
    margin: 0;
    padding: 0; }
  .page--rehab-measure__details::before,
  .page--rehab-measure__details::after {
    display: none; }
  .page--rehab-measure .package,
  .page--rehab-measure .package--info,
  .page--rehab-measure .package--info--threeup {
    border: 0;
    float: none;
    padding: 0 0 24px;
    width: 100%; }
    .page--rehab-measure .package.package--populations .body .field,
    .page--rehab-measure .package--info.package--populations .body .field,
    .page--rehab-measure .package--info--threeup.package--populations .body .field {
      border: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      height: auto;
      padding: 0 12px 12px 0; }
    .page--rehab-measure .package .hyphen,
    .page--rehab-measure .package--info .hyphen,
    .page--rehab-measure .package--info--threeup .hyphen {
      margin: 0; }
  .page--rehab-measure .package--info--threeup .field {
    margin: 0;
    max-width: 100%;
    padding: 0 0 24px; } }

/*
Rehab Measures -- Recent Publications.

markup:
<div class="page-content">
  <div class="package--recent-publications">
    <header class="header">
      <h2 class="section-title">Other Recent Publications</h2>
    </header>
    <div class="body">
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Vestibulum id ligula porta felis euismod semper.
        </h4>
        <p class="recent-publication__contributors">
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
        </p>
        <p class="recent-publication__data">
        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
        </p>
      </div>
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.
        </h4>
        <p class="recent-publication__contributors">
        Donec sed odio dui.
        </p>
        <p class="recent-publication__data">
        Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.
        </p>
      </div>
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Curabitur blandit tempus porttitor.
        </h4>
        <p class="recent-publication__contributors">
        Nullam id dolor id nibh ultricies vehicula ut id elit.
        </p>
        <p class="recent-publication__data">
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
        </p>
      </div>
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Aenean lacinia bibendum nulla sed consectetur. Donec sed odio dui.
        </h4>
        <p class="recent-publication__contributors">
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
        </p>
        <p class="recent-publication__data">
        Donec ullamcorper nulla non metus auctor fringilla.
        </p>
      </div>
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum.
        </h4>
        <p class="recent-publication__contributors">
        Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue.
        </p>
        <p class="recent-publication__data">
        Maecenas sed diam eget risus varius blandit sit amet non magna.
        </p>
      </div>
      <div class="field package--recent-publications__item">
        <h4 class="recent-publication__title">
          Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
        </h4>
        <p class="recent-publication__contributors">
        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod.
        </p>
        <p class="recent-publication__data">
        Nullam id dolor id nibh ultricies vehicula ut id elit.
        </p>
      </div>
    </div>
    <a href="#" class="cta-button">view all on pub med</a>
  </div>
</div>

Styleguide 16.2
*/
.package--recent-publications {
  padding: 0 32px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid var(--sra-border-color);
  text-align: center; }
  @media screen and (min-width: 672px) {
    .package--recent-publications {
      padding: 0 55px; } }
  @media print {
    .package--recent-publications {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .package--recent-publications {
      padding: 0 88px; } }
  @media print {
    .package--recent-publications {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .package--recent-publications {
      padding: 0 120px; } }
  @media print {
    .package--recent-publications {
      padding: 0 120px; } }
  .package--recent-publications .section-title {
    text-align: left;
    margin-bottom: 28px;
    margin-bottom: 35px; }
    @media screen and (min-width: 1024px) {
      .package--recent-publications .section-title {
        font-size: 5.2rem;
        margin-bottom: 48px; } }
    @media print {
      .package--recent-publications .section-title {
        font-size: 5.2rem;
        margin-bottom: 48px; } }
  .package--recent-publications .body .field {
    border-top: 1px solid var(--sra-border-color);
    padding: 30px 0; }
    .package--recent-publications .body .field:first-child {
      border-top: 0;
      padding-top: 0; }
  .package--recent-publications .recent-publication__title {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .0015em;
    margin-bottom: 1.8rem; }
  .package--recent-publications .recent-publication__contributors {
    font-family: "gibson-regular", sans-serif;
    color: var(--sra-gray);
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 1.8rem; }
  .package--recent-publications .recent-publication__data {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .0015em; }
  .package--recent-publications .cta-button {
    margin-top: 40px; }
  @media screen and (min-width: 672px) {
    .package--recent-publications {
      padding-top: 40px;
      padding-bottom: 40px; }
      .package--recent-publications .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .package--recent-publications .body .field {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          border-bottom: 1px solid var(--sra-border-color);
          border-right: 1px solid var(--sra-border-color); }
          .package--recent-publications .body .field > * {
            max-width: 100%; } }
    @media screen and (min-width: 672px) and (min-width: 0) and (max-width: 671px) {
      .package--recent-publications .body .field {
        min-width: 100%;
        width: 100%;
        max-width: 100%; }
        .package--recent-publications .body .field:nth-child(1n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .package--recent-publications .body .field:nth-last-child(-n + 1) {
          border-bottom: 0; } }
    @media screen and (min-width: 672px) and (min-width: 672px) and (max-width: 1023px) {
      .package--recent-publications .body .field {
        min-width: 50%;
        width: 50%;
        max-width: 50%; }
        .package--recent-publications .body .field:nth-child(2n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .package--recent-publications .body .field:nth-last-child(-n + 2) {
          border-bottom: 0; } }
    @media screen and (min-width: 672px) and (min-width: 1024px) and (max-width: 1279px) {
      .package--recent-publications .body .field {
        min-width: 33.33333%;
        width: 33.33333%;
        max-width: 33.33333%; }
        .package--recent-publications .body .field:nth-child(3n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .package--recent-publications .body .field:nth-last-child(-n + 3) {
          border-bottom: 0; } }
    @media screen and (min-width: 672px) and (min-width: 1280px) and (max-width: 9999em) {
      .package--recent-publications .body .field {
        min-width: 33.33333%;
        width: 33.33333%;
        max-width: 33.33333%; }
        .package--recent-publications .body .field:nth-child(3n + 1) {
          border-left: 1px solid var(--sra-border-color); }
        .package--recent-publications .body .field:nth-last-child(-n + 3) {
          border-bottom: 0; } }
  @media screen and (min-width: 672px) {
        .package--recent-publications .body .field {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          border-top: 0;
          padding-left: 32px;
          padding-right: 32px; }
          .package--recent-publications .body .field:nth-child(2) {
            padding-top: 0; } }
  @media print {
    .package--recent-publications {
      padding-top: 40px;
      padding-bottom: 40px; }
      .package--recent-publications .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .package--recent-publications .body .field {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          border-bottom: 1px solid var(--sra-border-color);
          border-right: 1px solid var(--sra-border-color); }
          .package--recent-publications .body .field > * {
            max-width: 100%; }
        .package--recent-publications .body .field {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          border-top: 0;
          padding-left: 32px;
          padding-right: 32px; }
          .package--recent-publications .body .field:nth-child(2) {
            padding-top: 0; } }
  @media screen and (min-width: 1024px) {
    .package--recent-publications {
      padding-top: 60px;
      padding-bottom: 60px; }
      .package--recent-publications .body .field:nth-child(3) {
        padding-top: 0; }
      .package--recent-publications .cta-button {
        margin-top: 60px; } }
  @media print {
    .package--recent-publications {
      padding-top: 60px;
      padding-bottom: 60px; }
      .package--recent-publications .body .field:nth-child(3) {
        padding-top: 0; }
      .package--recent-publications .cta-button {
        margin-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .package--recent-publications {
      padding-top: 80px;
      padding-bottom: 80px; }
      .package--recent-publications .recent-publication__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  @media print {
    .package--recent-publications {
      padding-top: 80px;
      padding-bottom: 80px; }
      .package--recent-publications .recent-publication__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }

/*
Rehab Measures -- Populations.

markup:
<div class="page-content">
  <div class="paragraph paragraph--populations">
    <header class="header">
      <h2 class="section-title">Other Recent Publications</h2>
      <a href="#" class="cta-link">back to Populations</a>
    </header>
    <div class="paragraph--populations--data">
      <h4 class="field-label">
        Vestibulum id ligula porta felis euismod semper.
      </h4>
      <div class="paragraph--populations--data__body">
        <div class="paragraph--populations--data__content">
          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla.</p>
          <ul>
            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</li>
            <li>Nullam quis risus eget urna mollis ornare vel eu leo.</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="paragraph--populations--data">
      <h4 class="field-label">
        Vestibulum id ligula porta felis euismod semper.
      </h4>
      <div class="paragraph--populations--data__body">
        <div class="paragraph--populations--data__content">
          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla.</p>
          <ul>
            <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</li>
            <li>Nullam quis risus eget urna mollis ornare vel eu leo.</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

Styleguide 16.3
*/
.paragraph--populations {
  padding: 0 32px;
  border-top: 1px solid var(--sra-border-color);
  padding-top: 50px;
  margin-bottom: 50px; }
  @media screen and (min-width: 672px) {
    .paragraph--populations {
      padding: 0 55px; } }
  @media print {
    .paragraph--populations {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .paragraph--populations {
      padding: 0 88px; } }
  @media print {
    .paragraph--populations {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .paragraph--populations {
      padding: 0 120px; } }
  @media print {
    .paragraph--populations {
      padding: 0 120px; } }
  .paragraph--populations .header {
    position: relative; }
  .paragraph--populations .section-title {
    text-align: left;
    margin-bottom: 28px; }
    @media screen and (min-width: 1024px) {
      .paragraph--populations .section-title {
        font-size: 5.2rem;
        margin-bottom: 48px; } }
    @media print {
      .paragraph--populations .section-title {
        font-size: 5.2rem;
        margin-bottom: 48px; } }
  .paragraph--populations .cta-link {
    position: absolute;
    top: -4rem;
    right: 0;
    text-transform: lowercase; }
  .paragraph--populations--data {
    padding: 40px 0;
    border-top: 1px solid var(--sra-border-color); }
    .paragraph--populations--data ul {
      padding: 0;
      margin: 0 0 20px 60px; }
      .paragraph--populations--data ul li {
        font-family: "gt-sectra-fine", serif;
        margin-bottom: 1rem;
        font-size: 1.6rem;
        line-height: 1.5;
        position: relative; }
        @media screen and (min-width: 1440px) {
          .paragraph--populations--data ul li {
            font-size: 1.8rem; } }
      @media screen and (min-width: 1280px) {
        .paragraph--populations--data ul {
          margin-bottom: 30px; } }
      @media print {
        .paragraph--populations--data ul {
          margin-bottom: 30px; } }
      .paragraph--populations--data ul li {
        font-size: 1.6rem;
        line-height: 2.6rem; }
    .paragraph--populations--data p,
    .paragraph--populations--data li {
      font-family: "gt-sectra-fine", serif;
      font-size: 1.6rem;
      line-height: 2.4rem;
      letter-spacing: .0015em;
      margin-bottom: 1rem; }
    .header + .paragraph--populations--data {
      border-top: 0;
      padding-top: 0; }
    .paragraph--populations--data__body {
      display: block; }
      @media screen and (min-width: 672px) {
        .paragraph--populations--data__body {
          width: 100%;
          padding: 0; } }
      @media print {
        .paragraph--populations--data__body {
          width: 100%;
          padding: 0; } }
      @media screen and (min-width: 1024px) {
        .paragraph--populations--data__body {
          width: 80%;
          padding: 0 0 0 95px;
          float: right; } }
      @media print {
        .paragraph--populations--data__body {
          width: 80%;
          padding: 0 0 0 95px;
          float: right; } }
      @media screen and (min-width: 1280px) {
        .paragraph--populations--data__body {
          width: 80%;
          padding: 0 100px;
          float: right; } }
      @media print {
        .paragraph--populations--data__body {
          width: 80%;
          padding: 0 100px;
          float: right; } }
    .paragraph--populations--data:last-child {
      padding-bottom: 0; }
  .paragraph--populations .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    display: block; }
    @media screen and (min-width: 672px) {
      .paragraph--populations .field-label {
        width: 100%;
        padding: 0; } }
    @media print {
      .paragraph--populations .field-label {
        width: 100%;
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .paragraph--populations .field-label {
        width: 20%;
        padding: 0;
        float: left; } }
    @media print {
      .paragraph--populations .field-label {
        width: 20%;
        padding: 0;
        float: left; } }
    @media screen and (min-width: 1280px) {
      .paragraph--populations .field-label {
        width: 20%;
        padding: 0;
        float: left; } }
    @media print {
      .paragraph--populations .field-label {
        width: 20%;
        padding: 0;
        float: left; } }
  @media screen and (min-width: 672px) {
    .paragraph--populations {
      padding-top: 50px;
      margin-bottom: 50px; } }
  @media print {
    .paragraph--populations {
      padding-top: 50px;
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    .paragraph--populations {
      padding-top: 50x;
      margin-bottom: 50px; }
      .paragraph--populations .header:after {
        content: "";
        display: table;
        clear: both; }
      .paragraph--populations .section-title {
        float: left;
        max-width: 75%; }
      .paragraph--populations .cta-link {
        position: relative;
        float: right;
        top: auto;
        right: auto; }
      .paragraph--populations--data {
        overflow: hidden;
        padding: 0;
        border-top: 0; }
        .paragraph--populations--data .field-label {
          padding-top: 60px;
          padding-bottom: 60px; }
        .paragraph--populations--data__content {
          border-top: 1px solid var(--sra-border-color);
          padding-top: 60px;
          padding-bottom: 60px; }
        .header + .paragraph--populations--data .field-label,
        .header + .paragraph--populations--data .paragraph--populations--data__content {
          padding-top: 0;
          border-top: 0; }
        .paragraph--populations--data:last-child .paragraph--populations--data__content {
          padding-bottom: 0; } }
  @media print {
    .paragraph--populations {
      padding-top: 50x;
      margin-bottom: 50px; }
      .paragraph--populations .header:after {
        content: "";
        display: table;
        clear: both; }
      .paragraph--populations .section-title {
        float: left;
        max-width: 75%; }
      .paragraph--populations .cta-link {
        position: relative;
        float: right;
        top: auto;
        right: auto; }
      .paragraph--populations--data {
        overflow: hidden;
        padding: 0;
        border-top: 0; }
        .paragraph--populations--data .field-label {
          padding-top: 60px;
          padding-bottom: 60px; }
        .paragraph--populations--data__content {
          border-top: 1px solid var(--sra-border-color);
          padding-top: 60px;
          padding-bottom: 60px; }
        .header + .paragraph--populations--data .field-label,
        .header + .paragraph--populations--data .paragraph--populations--data__content {
          padding-top: 0;
          border-top: 0; }
        .paragraph--populations--data:last-child .paragraph--populations--data__content {
          padding-bottom: 0; } }
  @media screen and (min-width: 1280px) {
    .paragraph--populations {
      padding-top: 50px;
      margin-bottom: 50px; }
      .paragraph--populations--data .field-label {
        padding-top: 60px;
        padding-bottom: 60px; } }
  @media print {
    .paragraph--populations {
      padding-top: 50px;
      margin-bottom: 50px; }
      .paragraph--populations--data .field-label {
        padding-top: 60px;
        padding-bottom: 60px; } }

/*
More like this -- with a carousel.

markup:
<div class="more-like-this more-like-this--w-carousel">
  <header class="header">
    <h2 class="section-title">
      <span class="section-title__eyebrow">
        rehabilitation measures
      </span>
      More like this
    </h2>
    <p class="more-like-this__description">
    Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
    </p>
  </header>
  <div class="body js-horiz-scroll">
    <div class="wrapper js-horiz-scroll__wrapper">
      <div class="package__items js-horiz-scroll__content">
        <div class="package__item js-horiz-scroll__item">
          <p class="package__item__date"><span class="updated">updated</span>Apr 26, 2015</p>
          <h4 class="package__item__title">10-Meter Walk Test</h4>
          <a href="#" class="cta-button--blue">read more</a>
        </div>
        <div class="package__item js-horiz-scroll__item">
          <p class="package__item__date"><span class="updated">updated</span>Apr 26, 2015</p>
          <h4 class="package__item__title">10-Meter Walk Test</h4>
          <a href="#" class="cta-button--blue">read more</a>
        </div>
        <div class="package__item js-horiz-scroll__item">
          <p class="package__item__date"><span class="update">updated</span>Apr 26, 2015</p>
          <h4 class="package__item__title">10-Meter Walk Test</h4>
          <a href="#" class="cta-button--blue">read more</a>
        </div>
      </div>
    </div>
    <div class="package__nav js-horiz-scroll__nav">
      <button class="nav-dot js-horiz-scoll__nav-item active" aria-hidden="true"></button>
      <button class="nav-dot js-horiz-scoll__nav-item" aria-hidden="true"></button>
      <button class="nav-dot js-horiz-scoll__nav-item" aria-hidden="true"></button>
    </div>
  </div>
  <span class="graphic-01" aria-hidden="true"></span>
  <span class="graphic-02" aria-hidden="true"></span>
  <span class="graphic-03" aria-hidden="true"></span>
  <span class="graphic-04" aria-hidden="true"></span>
</div>

Styleguide 11.15
*/
.more-like-this--w-carousel.more-like-this {
  padding: 0 32px;
  position: relative;
  margin: 0;
  text-align: left;
  border-top: 0;
  padding-top: 50px;
  padding-bottom: 40px; }
  .more-like-this--w-carousel.more-like-this:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 672px) {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 55px; } }
  @media print {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 88px; } }
  @media print {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 120px; } }
  @media print {
    .more-like-this--w-carousel.more-like-this {
      padding: 0 120px; } }
  .more-like-this--w-carousel.more-like-this .header {
    position: relative;
    z-index: 2; }
  .more-like-this--w-carousel.more-like-this .section-title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 4rem;
    line-height: 4.6rem;
    text-align: left;
    margin-bottom: 20px; }
    .more-like-this--w-carousel.more-like-this .section-title__eyebrow {
      font-family: "gibson-regular", sans-serif;
      display: block;
      font-size: 1.2rem;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.015em;
      margin-bottom: 15px; }
  .more-like-this--w-carousel.more-like-this .more-like-this__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .0015em; }
  .more-like-this--w-carousel.more-like-this .body {
    position: relative;
    z-index: 2;
    margin-top: 35px; }
  .more-like-this--w-carousel.more-like-this .wrapper {
    position: relative;
    overflow: hidden; }
  .more-like-this--w-carousel.more-like-this .package__items {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin: 0 0 -20px; }
  .more-like-this--w-carousel.more-like-this .package__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 40px 20px;
    min-width: 100%;
    max-width: 100%;
    min-height: 240px;
    background-color: #238FCF;
    margin-bottom: 0;
    margin-right: 40px;
    white-space: normal;
    text-align: center; }
    .more-like-this--w-carousel.more-like-this .package__item:last-child {
      margin-right: 0; }
    .more-like-this--w-carousel.more-like-this .package__item__date {
      font-family: "gibson-semibold", sans-serif;
      color: #238FCF;
      font-size: 1rem;
      letter-spacing: .0015em;
      text-align: left; }
      .more-like-this--w-carousel.more-like-this .package__item__date .updated {
        font-family: "gibson-regular", sans-serif;
        color: #fff;
        text-transform: uppercase;
        margin-right: 1em; }
    .more-like-this--w-carousel.more-like-this .package__item__title {
      font-family: "gibson-semibold", sans-serif;
      color: #fefefe;
      font-size: 1.8rem;
      line-height: 2.4rem;
      letter-spacing: .001em;
      text-align: left;
      margin-top: 15px; }
    .more-like-this--w-carousel.more-like-this .package__item .cta-button--blue {
      position: absolute;
      left: 20px;
      bottom: 40px;
      margin-top: 30px;
      color: #fff; }
  .more-like-this--w-carousel.more-like-this .package__nav {
    position: relative;
    padding-top: 40px;
    text-align: center; }
  .more-like-this--w-carousel.more-like-this .nav-dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 8px;
    border-radius: 50%;
    background-color: var(--sra-text-lg-color);
    cursor: pointer; }
    .more-like-this--w-carousel.more-like-this .nav-dot.active {
      background-color: #0a0a0a; }
  .more-like-this--w-carousel.more-like-this .graphic-01,
  .more-like-this--w-carousel.more-like-this .graphic-02,
  .more-like-this--w-carousel.more-like-this .graphic-03,
  .more-like-this--w-carousel.more-like-this .graphic-04 {
    position: absolute;
    z-index: 1;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top left; }
  .more-like-this--w-carousel.more-like-this .graphic-01 {
    display: block;
    top: 70px;
    left: 30%;
    height: 300px;
    width: 500px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this4.svg); }
  .more-like-this--w-carousel.more-like-this .graphic-02 {
    display: block;
    bottom: 10px;
    right: -490px;
    height: 330px;
    width: 1200px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this4.svg); }
  .more-like-this--w-carousel.more-like-this .graphic-03,
  .more-like-this--w-carousel.more-like-this .graphic-04 {
    display: none; }

@media screen and (min-width: 672px) {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 50px;
    padding-bottom: 40px; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-width: calc(50% - 20px);
      max-width: calc(50% - 20px); }
      .more-like-this--w-carousel.more-like-this .package__item:first-child {
        margin-left: 0; }
        .more-like-this--w-carousel.more-like-this .package__item:first-child .package__item__title {
          font-size: 1.8rem;
          line-height: 2.4rem; }
      .more-like-this--w-carousel.more-like-this .package__item:last-child {
        margin-right: 0; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: 370px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -240px; } }

@media print {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 50px;
    padding-bottom: 40px; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-width: calc(50% - 20px);
      max-width: calc(50% - 20px); }
      .more-like-this--w-carousel.more-like-this .package__item:first-child {
        margin-left: 0; }
        .more-like-this--w-carousel.more-like-this .package__item:first-child .package__item__title {
          font-size: 1.8rem;
          line-height: 2.4rem; }
      .more-like-this--w-carousel.more-like-this .package__item:last-child {
        margin-right: 0; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: 370px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -240px; } }

@media screen and (min-width: 1024px) {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 80px;
    padding-bottom: 60px; }
    .more-like-this--w-carousel.more-like-this .body {
      float: left;
      width: 480px;
      margin-top: 0; }
    .more-like-this--w-carousel.more-like-this .section-title {
      font-size: 8.2rem;
      line-height: 1;
      margin-bottom: 30px; }
      .more-like-this--w-carousel.more-like-this .section-title__eyebrow {
        font-size: 1.2rem; }
    .more-like-this--w-carousel.more-like-this .more-like-this__description {
      float: left;
      width: calc(100% - 480px);
      padding-right: 48px; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-width: 220px;
      max-width: 220px; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: -340px;
      top: 200px;
      width: 820px;
      height: 260px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -670px;
      bottom: auto;
      top: 104px;
      height: 260px; }
    .more-like-this--w-carousel.more-like-this .graphic-03 {
      display: block;
      top: 120px;
      left: -80px;
      height: 90px;
      width: 420px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this_blue.svg); }
    .more-like-this--w-carousel.more-like-this .graphic-04 {
      display: block;
      right: 0;
      bottom: 70px;
      height: 100px;
      width: 540px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this3.svg); } }

@media print {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 80px;
    padding-bottom: 60px; }
    .more-like-this--w-carousel.more-like-this .body {
      float: left;
      width: 480px;
      margin-top: 0; }
    .more-like-this--w-carousel.more-like-this .section-title {
      font-size: 8.2rem;
      line-height: 1;
      margin-bottom: 30px; }
      .more-like-this--w-carousel.more-like-this .section-title__eyebrow {
        font-size: 1.2rem; }
    .more-like-this--w-carousel.more-like-this .more-like-this__description {
      float: left;
      width: calc(100% - 480px);
      padding-right: 48px; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-width: 220px;
      max-width: 220px; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: -340px;
      top: 200px;
      width: 820px;
      height: 260px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -670px;
      bottom: auto;
      top: 104px;
      height: 260px; }
    .more-like-this--w-carousel.more-like-this .graphic-03 {
      display: block;
      top: 120px;
      left: -80px;
      height: 90px;
      width: 420px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this_blue.svg); }
    .more-like-this--w-carousel.more-like-this .graphic-04 {
      display: block;
      right: 0;
      bottom: 70px;
      height: 100px;
      width: 540px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/more_like_this3.svg); } }

@media screen and (min-width: 1280px) {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden; }
    .more-like-this--w-carousel.more-like-this .section-title {
      font-size: 9.2rem; }
      .more-like-this--w-carousel.more-like-this .section-title__eyebrow {
        font-size: 1.2rem; }
    .more-like-this--w-carousel.more-like-this .package__items {
      overflow: hidden;
      margin-bottom: 0; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-height: 240px; }
    .more-like-this--w-carousel.more-like-this .more-like-this__description {
      float: left;
      width: calc(100% - 740px);
      padding-right: 20px; }
    .more-like-this--w-carousel.more-like-this .body {
      width: 740px; }
    .more-like-this--w-carousel.more-like-this .wrapper {
      overflow: hidden;
      margin-bottom: 0; }
    .more-like-this--w-carousel.more-like-this .nav-dot {
      display: none; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: -320px;
      top: 200px;
      height: 270px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -610px;
      top: 135px;
      height: 240px; }
    .more-like-this--w-carousel.more-like-this .graphic-03 {
      height: 100px; }
    .more-like-this--w-carousel.more-like-this .graphic-04 {
      right: 90px;
      bottom: 77px;
      height: 100px;
      width: 610px; } }

@media print {
  .more-like-this--w-carousel.more-like-this {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden; }
    .more-like-this--w-carousel.more-like-this .section-title {
      font-size: 9.2rem; }
      .more-like-this--w-carousel.more-like-this .section-title__eyebrow {
        font-size: 1.2rem; }
    .more-like-this--w-carousel.more-like-this .package__items {
      overflow: hidden;
      margin-bottom: 0; }
    .more-like-this--w-carousel.more-like-this .package__item {
      min-height: 240px; }
    .more-like-this--w-carousel.more-like-this .more-like-this__description {
      float: left;
      width: calc(100% - 740px);
      padding-right: 20px; }
    .more-like-this--w-carousel.more-like-this .body {
      width: 740px; }
    .more-like-this--w-carousel.more-like-this .wrapper {
      overflow: hidden;
      margin-bottom: 0; }
    .more-like-this--w-carousel.more-like-this .nav-dot {
      display: none; }
    .more-like-this--w-carousel.more-like-this .graphic-01 {
      left: -320px;
      top: 200px;
      height: 270px; }
    .more-like-this--w-carousel.more-like-this .graphic-02 {
      right: -610px;
      top: 135px;
      height: 240px; }
    .more-like-this--w-carousel.more-like-this .graphic-03 {
      height: 100px; }
    .more-like-this--w-carousel.more-like-this .graphic-04 {
      right: 90px;
      bottom: 77px;
      height: 100px;
      width: 610px; } }

.rmd-search-form .landing-page-filters {
  position: relative;
  margin-left: -32px;
  margin-right: -32px;
  clear: both;
  background-color: transparent;
  padding-top: 30px; }
  @media screen and (min-width: 672px) {
    .rmd-search-form .landing-page-filters {
      margin-left: -55px;
      margin-right: -55px; } }
  @media print {
    .rmd-search-form .landing-page-filters {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (min-width: 1024px) {
    .rmd-search-form .landing-page-filters {
      margin-left: -88px;
      margin-right: -88px; } }
  @media print {
    .rmd-search-form .landing-page-filters {
      margin-left: -88px;
      margin-right: -88px; } }
  @media screen and (min-width: 1280px) {
    .rmd-search-form .landing-page-filters {
      margin-left: -120px;
      margin-right: -120px; } }
  @media print {
    .rmd-search-form .landing-page-filters {
      margin-left: -120px;
      margin-right: -120px; } }
  .rmd-search-form .landing-page-filters .apply-filters.active {
    background-color: #fefefe; }
  .rmd-search-form .landing-page-filters .apply-filters.active:hover {
    background-color: #E71324;
    color: #fefefe; }

.page--clinical-trial .page-meta .clinical-trial-field {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 15px; }
  .page--clinical-trial .page-meta .clinical-trial-field .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase; }
  .page--clinical-trial .page-meta .clinical-trial-field a {
    margin: 0; }
  .page--clinical-trial .page-meta .clinical-trial-field .clinical-trial-field {
    margin-bottom: 0; }

.page--clinical-trial .page-meta .phone-number,
.page--clinical-trial .page-meta .phone-number__label {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.page--clinical-trial .page-meta + .page-content .page--lifecenter__details {
  border-top: 0; }

.page--clinical-trial .page-content .clinical-trial-field {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--sra-border-color); }
  .page--clinical-trial .page-content .clinical-trial-field:first-child {
    margin-top: 0; }
  .page--clinical-trial .page-content .clinical-trial-field:first-child, .page--clinical-trial .page-content .clinical-trial-field:last-child {
    padding-top: 0;
    border-top: 0; }

.page--clinical-trial .page-content ul {
  padding: 0;
  margin: 0 0 20px 60px;
  margin-bottom: 20px; }
  .page--clinical-trial .page-content ul li {
    font-family: "gt-sectra-fine", serif;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
    position: relative; }
    @media screen and (min-width: 1440px) {
      .page--clinical-trial .page-content ul li {
        font-size: 1.8rem; } }
  @media screen and (min-width: 1280px) {
    .page--clinical-trial .page-content ul {
      margin-bottom: 30px; } }
  @media print {
    .page--clinical-trial .page-content ul {
      margin-bottom: 30px; } }

.page--clinical-trial .page-content h3 {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 15px; }
  .page--clinical-trial .page-content h3.section-header {
    font-family: "gibson-regular", sans-serif;
    margin: 0 0 30px;
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: .0015em;
    text-align: left;
    text-transform: capitalize; }
    @media screen and (min-width: 1024px) {
      .page--clinical-trial .page-content h3.section-header {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
    @media print {
      .page--clinical-trial .page-content h3.section-header {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
    @media screen and (min-width: 1280px) {
      .page--clinical-trial .page-content h3.section-header {
        margin-bottom: 40px;
        font-size: 3rem;
        line-height: 3.8rem; } }
    @media print {
      .page--clinical-trial .page-content h3.section-header {
        margin-bottom: 40px;
        font-size: 3rem;
        line-height: 3.8rem; } }

@media screen and (min-width: 1024px) {
  .page--clinical-trial .page-content .clinical-trial-field {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid var(--sra-border-color); }
    .page--clinical-trial .page-content .clinical-trial-field:first-child {
      margin-top: 0; }
    .page--clinical-trial .page-content .clinical-trial-field:first-child, .page--clinical-trial .page-content .clinical-trial-field:last-child {
      padding-top: 0; }
  .page--clinical-trial .page-content ul {
    margin-bottom: 30px; } }

@media print {
  .page--clinical-trial .page-content .clinical-trial-field {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid var(--sra-border-color); }
    .page--clinical-trial .page-content .clinical-trial-field:first-child {
      margin-top: 0; }
    .page--clinical-trial .page-content .clinical-trial-field:first-child, .page--clinical-trial .page-content .clinical-trial-field:last-child {
      padding-top: 0; }
  .page--clinical-trial .page-content ul {
    margin-bottom: 30px; } }

.node--type-clinical-trial .lifecenter--updates {
  padding-top: 0;
  border-top: 0; }
  .node--type-clinical-trial .lifecenter--updates .package__item:last-child {
    margin-bottom: 0; }

.clinical-trial-form {
  padding: 0 32px;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--sra-border-color);
  margin-bottom: 40px;
  overflow: hidden; }
  @media screen and (min-width: 672px) {
    .clinical-trial-form {
      padding: 0 55px; } }
  @media print {
    .clinical-trial-form {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .clinical-trial-form {
      padding: 0 88px; } }
  @media print {
    .clinical-trial-form {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .clinical-trial-form {
      padding: 0 120px; } }
  @media print {
    .clinical-trial-form {
      padding: 0 120px; } }
  .clinical-trial-form:before, .clinical-trial-form:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1; }
  .clinical-trial-form:before {
    height: 140px;
    width: 140px;
    top: -10px;
    left: -115px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply1.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%; }
  .clinical-trial-form:after {
    height: 260px;
    width: 150px;
    top: 80px;
    right: -110px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply2.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  .clinical-trial-form__header {
    position: relative;
    z-index: 2;
    margin-bottom: 40px; }
  .clinical-trial-form .section-title, .clinical-trial-form__subheader {
    text-align: left; }
  .clinical-trial-form__subheader {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 0; }
  .clinical-trial-form__body {
    position: relative;
    z-index: 2; }
  .clinical-trial-form .form-item {
    margin-bottom: 40px; }
  .clinical-trial-form .fieldgroup .form-item {
    margin-bottom: 0; }
  .clinical-trial-form .form-type-radio input {
    position: absolute;
    /* Match the image dimensions */
    width: 24px;
    height: 24px;
    /* Reset anything that could peek out or interfere with dimensions */
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }
    .clinical-trial-form .form-type-radio input + label {
      cursor: pointer; }
    .clinical-trial-form .form-type-radio input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .clinical-trial-form .form-type-radio input:focus + label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
    .clinical-trial-form .form-type-radio input + label {
      position: relative;
      margin: 0;
      padding-left: 3.5rem;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .clinical-trial-form .form-type-radio input + label i {
        text-decoration: none;
        text-decoration: none;
        position: absolute;
        top: -.25rem;
        left: 0;
        margin: auto;
        line-height: 1.8rem;
        text-align: center; }
        .clinical-trial-form .form-type-radio input + label i:before {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .clinical-trial-form .form-type-radio input + label i:hover:before {
          text-decoration: none; }
        .clinical-trial-form .form-type-radio input + label i:after {
          color: #0a0a0a;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .clinical-trial-form .form-type-radio input + label i:hover:after {
          text-decoration: none; }
        .clinical-trial-form .form-type-radio input + label i:after {
          position: absolute;
          width: 0;
          left: 0.3rem;
          top: 0.2rem;
          overflow: hidden;
          -webkit-transition: width .25s ease;
          transition: width .25s ease;
          font-size: 2rem; }
    .clinical-trial-form .form-type-radio input:checked + label i:after {
      width: 1.4rem; }
  .clinical-trial-form .form-type-radio:first-child {
    margin-bottom: 1rem; }
  .clinical-trial-form__logged-in-title {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 15px; }
  @media screen and (min-width: 672px) {
    .clinical-trial-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .clinical-trial-form:before {
        left: -105px; }
      .clinical-trial-form:after {
        width: 170px; } }
  @media print {
    .clinical-trial-form {
      padding-top: 40px;
      padding-bottom: 40px; }
      .clinical-trial-form:before {
        left: -105px; }
      .clinical-trial-form:after {
        width: 170px; } }
  .clinical-trial-form__closed p {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem; }
  @media screen and (min-width: 1024px) {
    .clinical-trial-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding-top: 60px;
      padding-bottom: 60px;
      /*
      We are no longer using the logged-in style, left here just in case.
    */ }
      .clinical-trial-form:before {
        height: 150px;
        width: 150px;
        top: 0;
        left: -80px; }
      .clinical-trial-form:after {
        width: 180px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        top: -30px;
        height: 300px; }
      .clinical-trial-form__header {
        max-width: 45%;
        width: 45%;
        min-width: 45%;
        padding-right: 32px; }
      .clinical-trial-form__body {
        max-width: 55%;
        width: 55%;
        min-width: 55%; }
        .clinical-trial-form__body form {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .clinical-trial-form .form-item {
        min-width: 50%;
        max-width: 50%; }
        .clinical-trial-form .form-item:nth-child(even) {
          padding-right: 16px; }
        .clinical-trial-form .form-item:not(.fieldgroup) {
          width: 50%; }
      .clinical-trial-form .fieldgroup .form-item {
        min-width: 0;
        width: auto;
        max-width: 100%;
        display: inline-block;
        vertical-align: middle; }
        .clinical-trial-form .fieldgroup .form-item:first-child {
          margin-bottom: 0;
          margin-right: 2rem; }
        .clinical-trial-form .fieldgroup .form-item:nth-child(odd) {
          padding-right: 0; }
        .clinical-trial-form .fieldgroup .form-item:nth-child(even) {
          padding-left: 0; }
      .clinical-trial-form .form-actions {
        margin-left: 16px; }
        .clinical-trial-form .form-actions [type="submit"] {
          width: 100%; }
      .clinical-trial-form__closed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%; }
        .clinical-trial-form__closed p {
          font-family: "gibson-semibold", sans-serif;
          font-size: 2.4rem;
          line-height: 3.2rem;
          width: 80%;
          max-width: 80%;
          margin-bottom: 50px; } }
  @media print {
    .clinical-trial-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding-top: 60px;
      padding-bottom: 60px;
      /*
      We are no longer using the logged-in style, left here just in case.
    */ }
      .clinical-trial-form:before {
        height: 150px;
        width: 150px;
        top: 0;
        left: -80px; }
      .clinical-trial-form:after {
        width: 180px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        top: -30px;
        height: 300px; }
      .clinical-trial-form__header {
        max-width: 45%;
        width: 45%;
        min-width: 45%;
        padding-right: 32px; }
      .clinical-trial-form__body {
        max-width: 55%;
        width: 55%;
        min-width: 55%; }
        .clinical-trial-form__body form {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .clinical-trial-form .form-item {
        min-width: 50%;
        max-width: 50%; }
        .clinical-trial-form .form-item:nth-child(even) {
          padding-right: 16px; }
        .clinical-trial-form .form-item:not(.fieldgroup) {
          width: 50%; }
      .clinical-trial-form .fieldgroup .form-item {
        min-width: 0;
        width: auto;
        max-width: 100%;
        display: inline-block;
        vertical-align: middle; }
        .clinical-trial-form .fieldgroup .form-item:first-child {
          margin-bottom: 0;
          margin-right: 2rem; }
        .clinical-trial-form .fieldgroup .form-item:nth-child(odd) {
          padding-right: 0; }
        .clinical-trial-form .fieldgroup .form-item:nth-child(even) {
          padding-left: 0; }
      .clinical-trial-form .form-actions {
        margin-left: 16px; }
        .clinical-trial-form .form-actions [type="submit"] {
          width: 100%; }
      .clinical-trial-form__closed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%; }
        .clinical-trial-form__closed p {
          font-family: "gibson-semibold", sans-serif;
          font-size: 2.4rem;
          line-height: 3.2rem;
          width: 80%;
          max-width: 80%;
          margin-bottom: 50px; } }
  @media screen and (min-width: 1280px) {
    .clinical-trial-form {
      padding-top: 60px;
      padding-bottom: 60px; }
      .clinical-trial-form:before {
        left: -90px;
        height: 180px;
        width: 180px; }
      .clinical-trial-form:after {
        top: -10px;
        right: -140px;
        width: 240px;
        height: 340px; }
      .clinical-trial-form__header {
        padding-right: 40px;
        max-width: 40%;
        min-width: 40%; }
      .clinical-trial-form__body {
        min-width: 60%;
        max-width: 60%; }
      .clinical-trial-form .form-item:nth-child(odd) {
        padding-right: 20px; }
      .clinical-trial-form .form-item:nth-child(even) {
        padding-left: 20px; }
      .clinical-trial-form .fieldgroup .form-item:nth-child(odd) {
        padding-right: 0; }
      .clinical-trial-form .fieldgroup .form-item:nth-child(even) {
        padding-left: 0; }
      .clinical-trial-form .form-actions {
        margin-left: 20px; } }
  @media print {
    .clinical-trial-form {
      padding-top: 60px;
      padding-bottom: 60px; }
      .clinical-trial-form:before {
        left: -90px;
        height: 180px;
        width: 180px; }
      .clinical-trial-form:after {
        top: -10px;
        right: -140px;
        width: 240px;
        height: 340px; }
      .clinical-trial-form__header {
        padding-right: 40px;
        max-width: 40%;
        min-width: 40%; }
      .clinical-trial-form__body {
        min-width: 60%;
        max-width: 60%; }
      .clinical-trial-form .form-item:nth-child(odd) {
        padding-right: 20px; }
      .clinical-trial-form .form-item:nth-child(even) {
        padding-left: 20px; }
      .clinical-trial-form .fieldgroup .form-item:nth-child(odd) {
        padding-right: 0; }
      .clinical-trial-form .fieldgroup .form-item:nth-child(even) {
        padding-left: 0; }
      .clinical-trial-form .form-actions {
        margin-left: 20px; } }

/*
Events Page

Styles specific to an Events page.

Styleguide 19
*/
.event-meta {
  gap: 20px; }
  .page-body--article .event-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 50px; }
  .page-body--article .event-meta > .field,
  .page-body--article .event-meta > .give-now-cta.cta-button {
    margin: 0; }
  .event-meta.page-meta {
    position: relative;
    max-width: none; }
    .event-meta.page-meta .field-label {
      font-family: "gibson-semibold", sans-serif;
      display: block;
      margin-bottom: 0;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase; }
    .event-meta.page-meta .address {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin-bottom: 15px; }
      .event-meta.page-meta .address .organization {
        font-family: "gibson-semibold", sans-serif;
        display: block;
        margin-bottom: 0;
        color: #0a0a0a;
        font-size: 1.2rem;
        line-height: 2.2rem;
        letter-spacing: 0.015em;
        text-transform: uppercase;
        display: inline-block; }

.node--type-event .cards__wrapper .cards {
  z-index: 5; }

/*
Events Give.

A custom area for the Give CTA.

<div class="give-now--event__wrapper">
  <div class="give-now--event">
    <p class="give-now--event__copy">
      Your support goes a long way.
    </p>
    <a href="#" class="cta-button--green">give now</a>
  </div>
</div>

Styleguide 19.1
*/
.give-now--event__wrapper {
  margin: 0 0 40px; }

* + .give-now--event__wrapper {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid var(--sra-border-color); }

.give-now--event {
  padding: 30px;
  background: #40C1AC url("/themes/custom/abilitylab_theme/dist/images/svgs/atoms.svg") no-repeat;
  background-position: top center;
  background-size: 100% 110%; }
  .give-now--event .give-now--event__copy {
    font-family: "gibson-regular", sans-serif;
    margin-bottom: 15px;
    color: #fefefe;
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: .0015em; }

@media screen and (min-width: 672px) {
  .give-now--event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .give-now--event .give-now--event__copy {
      margin-bottom: 0;
      max-width: 15rem; } }

@media print {
  .give-now--event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .give-now--event .give-now--event__copy {
      margin-bottom: 0;
      max-width: 15rem; } }

@media screen and (min-width: 1024px) {
  .give-now--event__wrapper {
    margin: 0 0 70px; }
  * + .give-now--event__wrapper {
    margin-top: 60px;
    padding-top: 50px; }
  .give-now--event {
    padding: 35px 40px;
    font-size: 2.2rem;
    line-height: 3rem;
    background-size: 100% 170%; }
    .give-now--event .give-now--event__copy {
      max-width: 20rem;
      font-size: 2.2rem;
      line-height: 3rem; } }

@media print {
  .give-now--event__wrapper {
    margin: 0 0 70px; }
  * + .give-now--event__wrapper {
    margin-top: 60px;
    padding-top: 50px; }
  .give-now--event {
    padding: 35px 40px;
    font-size: 2.2rem;
    line-height: 3rem;
    background-size: 100% 170%; }
    .give-now--event .give-now--event__copy {
      max-width: 20rem;
      font-size: 2.2rem;
      line-height: 3rem; } }

@media screen and (min-width: 1280px) {
  .give-now--event__wrapper {
    margin: 0 0 60px; }
  * + .give-now--event__wrapper {
    margin-top: 55px;
    padding-top: 55px; } }

@media print {
  .give-now--event__wrapper {
    margin: 0 0 60px; }
  * + .give-now--event__wrapper {
    margin-top: 55px;
    padding-top: 55px; } }

/*
  AbilityLab Content Type page overrides.
*/
.node--type-abilitylab .page-header + .page-body {
  border-top: 1px solid var(--sra-border-color); }

.node--type-abilitylab .page-content {
  margin-top: 45px; }

.node--type-abilitylab .homepage-search,
.node--type-abilitylab .package--support-recap,
.node--type-abilitylab .package--three-up {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px; }
  @media screen and (min-width: 672px) {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 50px; } }
  @media print {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 60px; } }
  @media print {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 70px; } }
  @media print {
    .node--type-abilitylab .homepage-search,
    .node--type-abilitylab .package--support-recap,
    .node--type-abilitylab .package--three-up {
      padding-top: 70px; } }

@media screen and (min-width: 1024px) {
  .node--type-abilitylab .page-body {
    text-align: right; }
  .node--type-abilitylab .page-content,
  .node--type-abilitylab .media-embed {
    text-align: left; }
  .node--type-abilitylab .page-content {
    display: inline-block;
    float: none;
    margin-top: 55px; }
  .node--type-abilitylab .package--support-recap {
    padding-top: 90px; } }

@media print {
  .node--type-abilitylab .page-body {
    text-align: right; }
  .node--type-abilitylab .page-content,
  .node--type-abilitylab .media-embed {
    text-align: left; }
  .node--type-abilitylab .page-content {
    display: inline-block;
    float: none;
    margin-top: 55px; }
  .node--type-abilitylab .package--support-recap {
    padding-top: 90px; } }

@media screen and (min-width: 1280px) {
  .node--type-abilitylab .page-content {
    margin-top: 75px; }
  .node--type-abilitylab .package--support-recap {
    padding-top: 140px; } }

@media print {
  .node--type-abilitylab .page-content {
    margin-top: 75px; }
  .node--type-abilitylab .package--support-recap {
    padding-top: 140px; } }

.page--contact-us .page-body--article {
  text-align: center;
  min-height: auto; }

.page--contact-us .page-meta {
  display: block;
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 40px;
  /*
    Keeps meta content from running into connect buttons at small/medium.
  */
  max-width: calc(100% - 50px);
  /*
    The connect buttons are positioned absolute. This keeps content, header and
    meta areas from colliding. Connect buttons are 80px high.
  */
  min-height: 80px;
  max-width: 100%; }
  @media screen and (min-width: 672px) {
    .page--contact-us .page-meta {
      width: 100%;
      padding: 0; } }
  @media print {
    .page--contact-us .page-meta {
      width: 100%;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .page--contact-us .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--contact-us .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media screen and (min-width: 1280px) {
    .page--contact-us .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  @media print {
    .page--contact-us .page-meta {
      width: 20%;
      padding: 0;
      float: left; } }
  .page--contact-us .page-meta .field,
  .page--contact-us .page-meta .field-label + a,
  .page--contact-us .page-meta time {
    display: block;
    margin-bottom: 15px; }
    .page--contact-us .page-meta .field .field,
    .page--contact-us .page-meta .field-label + a .field,
    .page--contact-us .page-meta time .field {
      margin-bottom: 0; }
  .page--contact-us .page-meta .field-label {
    margin-bottom: 0; }
  .page--contact-us .page-meta * + .cta-button {
    margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    .page--contact-us .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--contact-us .page-meta .field,
      .page--contact-us .page-meta .field-label + a,
      .page--contact-us .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--contact-us .page-meta .field .field,
        .page--contact-us .page-meta .field-label + a .field,
        .page--contact-us .page-meta time .field {
          margin-bottom: 0; }
      .page--contact-us .page-meta * + .cta-button {
        margin-top: 25px; } }
  @media print {
    .page--contact-us .page-meta {
      min-height: auto;
      max-width: none;
      width: 20%;
      float: left;
      margin-bottom: 0; }
      .page--contact-us .page-meta .field,
      .page--contact-us .page-meta .field-label + a,
      .page--contact-us .page-meta time {
        display: block;
        margin-bottom: 25px; }
        .page--contact-us .page-meta .field .field,
        .page--contact-us .page-meta .field-label + a .field,
        .page--contact-us .page-meta time .field {
          margin-bottom: 0; }
      .page--contact-us .page-meta * + .cta-button {
        margin-top: 25px; } }
  .page--contact-us .page-meta a[href^="tel"] {
    text-decoration: none; }

.page--contact-us .field {
  font-family: "gibson-light", sans-serif;
  font-size: 2.4rem;
  line-height: 2.6rem; }

.page--contact-us .page-meta .field-label,
.page--contact-us .field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.page--contact-us .page-content {
  font-family: "gt-sectra-fine", serif;
  border-top: 1px solid var(--sra-border-color);
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 35px 0 0; }
  .page--contact-us .page-content .field-label {
    margin-bottom: 20px; }

.page--contact-us .package--two-up {
  background-color: #dbe8ee;
  padding-top: 40px;
  padding-bottom: 40px; }
  .page--contact-us .package--two-up .package__item__description {
    color: var(--sra-text-lg-color); }

.page--contact-us .package--three-up .package__item:first-child {
  position: relative; }
  .page--contact-us .package--three-up .package__item:first-child:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    height: 250px;
    width: 600px;
    top: -80px;
    right: -280px;
    -webkit-transform: scaleX(-1) rotate(155deg);
    transform: scaleX(-1) rotate(155deg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }

.page--contact-us .package--three-up:after {
  content: "";
  position: absolute;
  display: block;
  height: 90px;
  width: 500px;
  left: -155px;
  bottom: -30px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
  background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up1.svg"); }

.page--contact-us .package--three-up.package--three-up-w-header .package__item:first-child:before {
  display: none; }

.page--contact-us .package--three-up.package--three-up-w-header:after {
  display: none; }

.page--contact-us .package--card-list {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px; }
  @media screen and (min-width: 672px) {
    .page--contact-us .package--card-list {
      padding-top: 50px; } }
  @media print {
    .page--contact-us .package--card-list {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .page--contact-us .package--card-list {
      padding-top: 60px; } }
  @media print {
    .page--contact-us .package--card-list {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page--contact-us .package--card-list {
      padding-top: 70px; } }
  @media print {
    .page--contact-us .package--card-list {
      padding-top: 70px; } }

@media screen and (min-width: 1024px) {
  .page--contact-us .page-body--article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left; }
  .page--contact-us .page-meta {
    max-width: 30%;
    width: 30%;
    padding-right: 32px; }
  .page--contact-us .page-content {
    width: 70%;
    max-width: 70%;
    border-top: 0;
    border-left: 1px solid var(--sra-border-color);
    padding: 0 0 0 40px;
    font-size: 1.8rem;
    line-height: 3.2rem; }
  .page--contact-us .package--two-up {
    padding-top: 60px;
    padding-bottom: 60px; }
  .page--contact-us .package--three-up .package__item:first-child:before {
    display: none; }
  .page--contact-us .package--three-up .package__item:last-child {
    position: relative; }
    .page--contact-us .package--three-up .package__item:last-child:before {
      content: "";
      position: absolute;
      display: block;
      z-index: -1;
      height: 290px;
      width: 600px;
      top: -30px;
      right: -230px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
  .page--contact-us .package--three-up:after {
    height: 130px;
    width: 570px;
    left: -185px;
    bottom: -60px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  .page--contact-us .package--three-up.package--three-up-w-header .package__item:last-child:before {
    display: none; } }

@media print {
  .page--contact-us .page-body--article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left; }
  .page--contact-us .page-meta {
    max-width: 30%;
    width: 30%;
    padding-right: 32px; }
  .page--contact-us .page-content {
    width: 70%;
    max-width: 70%;
    border-top: 0;
    border-left: 1px solid var(--sra-border-color);
    padding: 0 0 0 40px;
    font-size: 1.8rem;
    line-height: 3.2rem; }
  .page--contact-us .package--two-up {
    padding-top: 60px;
    padding-bottom: 60px; }
  .page--contact-us .package--three-up .package__item:first-child:before {
    display: none; }
  .page--contact-us .package--three-up .package__item:last-child {
    position: relative; }
    .page--contact-us .package--three-up .package__item:last-child:before {
      content: "";
      position: absolute;
      display: block;
      z-index: -1;
      height: 290px;
      width: 600px;
      top: -30px;
      right: -230px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
  .page--contact-us .package--three-up:after {
    height: 130px;
    width: 570px;
    left: -185px;
    bottom: -60px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  .page--contact-us .package--three-up.package--three-up-w-header .package__item:last-child:before {
    display: none; } }

@media screen and (min-width: 1280px) {
  .page--contact-us .page-meta {
    width: 25%;
    max-width: 25%; }
  .page--contact-us .page-content {
    padding-left: 60px;
    width: 75%;
    max-width: 75%;
    padding: 0 100px 0 60px; }
  .page--contact-us .package--two-up {
    padding-top: 80px;
    padding-bottom: 80px; }
  .page--contact-us .package--three-up .package__item:last-child:before {
    height: 330px;
    width: 600px;
    top: -30px;
    right: -180px;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@media print {
  .page--contact-us .page-meta {
    width: 25%;
    max-width: 25%; }
  .page--contact-us .page-content {
    padding-left: 60px;
    width: 75%;
    max-width: 75%;
    padding: 0 100px 0 60px; }
  .page--contact-us .package--two-up {
    padding-top: 80px;
    padding-bottom: 80px; }
  .page--contact-us .package--three-up .package__item:last-child:before {
    height: 330px;
    width: 600px;
    top: -30px;
    right: -180px;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

/*
Package -- map

Seen on the Contact page.

markup:
<section class="pacakge package--map">
  <h2 class="section-title">Our flagship location</h2>
  <div class="package--map__content">
    <header class="header">
      <div class="field">
        <h4 class="field-label">
          Address
        </h4>
        <p>
          AbilityLab </br>
          355 E. Erie STREET </br>
          Chicago, IL 60611
        </p>
      </div>
      <div class="field">
        <h4 class="field-label">
          Hours or Operation
        </h4>
        <p>
          Open 24 hours a day
        </p>
      </div>
    </header>
    <div class="package__description">
      <h3 class="section-subtitle">
        Not near this AbilityLab facility?
      </h3>
      <p>
        Take a look at our Alliances or our other locations in the Chicagoland area.
      </p>
      <a class="cta-button" href="#">see all locations</a>
    </div>
    <div class="map__wrapper">
      <div class="map">
        <iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBFHQG7M1OOSbGWR8tQrc9qvqCIPLz5moo&q=AbilityLab+%5Cn%0D%0A355+E.+Erie+STREET+%5Cn%0D%0AChicago%2C+IL+60611%0D%0A"></iframe>
      </div>
      <span class="graphic-02" aria-hidden="true"></span>
      <span class="graphic-03" aria-hidden="true"></span>
      <span class="graphic-04" aria-hidden="true"></span>
    </div>
  </div>
  <span class="graphic-01" aria-hidden="true"></span>
</section>

Styleguide 11.11
*/
.package--map {
  padding: 0 32px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 40px; }
  @media screen and (min-width: 672px) {
    .package--map {
      padding: 0 55px; } }
  @media print {
    .package--map {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .package--map {
      padding: 0 88px; } }
  @media print {
    .package--map {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .package--map {
      padding: 0 120px; } }
  @media print {
    .package--map {
      padding: 0 120px; } }
  .package--map .section-title {
    position: relative;
    font-size: 2.8rem;
    line-height: 1.4em;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 23px;
    z-index: 2; }
  .package--map .header {
    position: relative;
    z-index: 2;
    margin-bottom: 25px; }
    .package--map .header .field {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin-bottom: 15px; }
      .package--map .header .field .field-label {
        font-family: "gibson-semibold", sans-serif;
        display: block;
        margin-bottom: 0;
        color: #0a0a0a;
        font-size: 1.2rem;
        line-height: 2.2rem;
        letter-spacing: 0.015em;
        text-transform: uppercase; }
      .package--map .header .field:last-child {
        margin-bottom: 0; }
    .package--map .header span {
      display: inline-block;
      margin-top: .2em; }
  .package--map .map {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 0;
    padding-top: 56.25%; }
    .package--map .map__wrapper {
      position: relative; }
    .package--map .map iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      border: 0; }
  .package--map .package__description {
    position: relative;
    z-index: 2;
    margin-top: 35px;
    text-align: center; }
    .package--map .package__description p {
      font-family: "gt-sectra-fine", serif;
      color: var(--sra-text-gray-color);
      font-size: 1.6rem;
      line-height: 2.4rem;
      letter-spacing: .015em;
      margin-top: 18px;
      text-align: left; }
  .package--map .section-subtitle {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .02em;
    text-align: left;
    margin-bottom: 0; }
  .package--map .cta-button {
    margin-top: 25px; }
  .package--map .graphic-01,
  .package--map .graphic-02,
  .package--map .graphic-03,
  .package--map .graphic-04 {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    z-index: 1; }
  .package--map .graphic-01 {
    top: -30px;
    left: -55px;
    height: 100px;
    width: 100px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/flagship1.svg); }
  .package--map .graphic-02,
  .package--map .graphic-03 {
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/flagship3.svg); }
  .package--map .graphic-02 {
    top: -45px;
    right: -16px;
    height: 80px;
    width: 80px; }
  .package--map .graphic-03 {
    bottom: -80px;
    right: -67px;
    height: 110px;
    width: 110px; }
  .package--map .graphic-04 {
    height: 100px;
    width: 80px;
    bottom: -60px;
    right: 25px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/flagship2.svg); }
  @media screen and (max-width: 1023px) {
    .package--map__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .package--map .header {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .package--map .map__wrapper {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .package--map .package__description {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; }
    .package--map .map__wrapper {
      position: relative;
      margin-left: -32px;
      margin-right: -32px;
      clear: both; } }
  @media screen and (max-width: 1023px) and (min-width: 672px) {
    .package--map .map__wrapper {
      margin-left: -55px;
      margin-right: -55px; } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .package--map .map__wrapper {
      margin-left: -88px;
      margin-right: -88px; } }
  @media screen and (max-width: 1023px) and (min-width: 1280px) {
    .package--map .map__wrapper {
      margin-left: -120px;
      margin-right: -120px; } }
  @media screen and (min-width: 1024px) {
    .package--map {
      margin-top: 100px;
      margin-bottom: 60px; }
      .package--map:after {
        content: "";
        display: table;
        clear: both; }
      .package--map .section-title {
        font-size: 6.2rem;
        margin-bottom: 50px; }
      .package--map__content {
        position: relative; }
      .package--map .header,
      .package--map .package__description {
        float: left;
        width: calc(100% - 496px);
        padding-right: 40px; }
      .package--map .header {
        margin-bottom: 0; }
      .package--map .package__description {
        margin-top: 25px;
        text-align: left;
        clear: left; }
      .package--map .map__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 496px; }
      .package--map .graphic-01 {
        top: -70px;
        left: -105px;
        height: 390px;
        width: 220px; }
      .package--map .graphic-02 {
        top: -75px;
        right: -150px;
        height: 130px;
        width: 130px; }
      .package--map .graphic-03 {
        bottom: 20px;
        right: -160px;
        height: 220px;
        width: 220px; }
      .package--map .graphic-04 {
        height: 100px;
        width: 110px;
        top: -125px;
        bottom: auto;
        right: -35px; } }
  @media print {
    .package--map {
      margin-top: 100px;
      margin-bottom: 60px; }
      .package--map:after {
        content: "";
        display: table;
        clear: both; }
      .package--map .section-title {
        font-size: 6.2rem;
        margin-bottom: 50px; }
      .package--map__content {
        position: relative; }
      .package--map .header,
      .package--map .package__description {
        float: left;
        width: calc(100% - 496px);
        padding-right: 40px; }
      .package--map .header {
        margin-bottom: 0; }
      .package--map .package__description {
        margin-top: 25px;
        text-align: left;
        clear: left; }
      .package--map .map__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 496px; }
      .package--map .graphic-01 {
        top: -70px;
        left: -105px;
        height: 390px;
        width: 220px; }
      .package--map .graphic-02 {
        top: -75px;
        right: -150px;
        height: 130px;
        width: 130px; }
      .package--map .graphic-03 {
        bottom: 20px;
        right: -160px;
        height: 220px;
        width: 220px; }
      .package--map .graphic-04 {
        height: 100px;
        width: 110px;
        top: -125px;
        bottom: auto;
        right: -35px; } }
  @media screen and (min-width: 1280px) {
    .package--map {
      margin-bottom: 80px; }
      .package--map .section-title {
        font-size: 7.2rem;
        margin-bottom: 70px; }
      .package--map .header,
      .package--map .package__description {
        width: calc(100% - 598px);
        padding-right: 100px; }
      .package--map .map__wrapper {
        width: 598px; }
      .package--map .graphic-01 {
        top: -70px;
        left: -135px;
        height: 480px;
        width: 280px; }
      .package--map .graphic-02 {
        top: 25px;
        right: -185px;
        height: 160px;
        width: 160px; }
      .package--map .graphic-03 {
        bottom: -50px;
        right: -180px;
        height: 220px;
        width: 250px; }
      .package--map .graphic-04 {
        height: 120px;
        width: 150px;
        top: -55px;
        right: -55px; } }
  @media print {
    .package--map {
      margin-bottom: 80px; }
      .package--map .section-title {
        font-size: 7.2rem;
        margin-bottom: 70px; }
      .package--map .header,
      .package--map .package__description {
        width: calc(100% - 598px);
        padding-right: 100px; }
      .package--map .map__wrapper {
        width: 598px; }
      .package--map .graphic-01 {
        top: -70px;
        left: -135px;
        height: 480px;
        width: 280px; }
      .package--map .graphic-02 {
        top: 25px;
        right: -185px;
        height: 160px;
        width: 160px; }
      .package--map .graphic-03 {
        bottom: -50px;
        right: -180px;
        height: 220px;
        width: 250px; }
      .package--map .graphic-04 {
        height: 120px;
        width: 150px;
        top: -55px;
        right: -55px; } }

/*

  Style overrides for the form that shows up on the Contact page.

*/
.path-contact .form--full-page .form-type-textarea {
  border-bottom: 0; }
  .path-contact .form--full-page .form-type-textarea label {
    font-family: "gibson-semibold", sans-serif;
    letter-spacing: .18em; }

.path-contact .form--full-page .form-actions {
  padding-top: 20px;
  border-top: 0; }

@media screen and (min-width: 1024px) {
  .path-contact .form--full-page .form-actions {
    padding-top: 40px; } }

@media print {
  .path-contact .form--full-page .form-actions {
    padding-top: 40px; } }

.page--learn .package--learn-index + .package--one-up {
  border-top: 0; }

.path-educate .package--two-up .package__item__content > a:last-child {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  margin-top: 30px; }
  @media screen and (min-width: 64em) {
    .path-educate .package--two-up .package__item__content > a:last-child {
      white-space: nowrap; } }
  .path-educate .package--two-up .package__item__content > a:last-child:visited, .path-educate .package--two-up .package__item__content > a:last-child:active {
    background-color: transparent;
    color: #E71324; }
  .path-educate .package--two-up .package__item__content > a:last-child:hover, .path-educate .package--two-up .package__item__content > a:last-child:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

.path-educate .package--one-up:last-child {
  margin-bottom: 0; }

/*
Support Page

Styleguide 14
*/
/*
Support Page -- Recap Package

A list of some items support goes towards.

markup:
<div class="main clearfix">
  <div class="package package--support-recap">
    <header class="header">
      <h2 class="section-title">By the numbers</h2>
      <h3 class="section-subtitle">Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</h3>
      <span class="graphic-01" aria-hidden="true"></span>
      <span class="graphic-02" aria-hidden="true"></span>
      <span class="graphic-03" aria-hidden="true"></span>
    </header>
    <div class="package--support-recap__content">
      <p class="package--support-recap__description">a few things your support will make possible</p>
      <ul class="package--support-recap__list">
        <li class="package--support-recap__item">
          <span class="package--support-recap__item__num">1</span>
          <p class="package--support-recap__item__detail">
            Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
          </p>
        </li>
        <li class="package--support-recap__item">
          <span class="package--support-recap__item__num">2</span>
          <p class="package--support-recap__item__detail">
            Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
          </p>
        </li>
        <li class="package--support-recap__item">
          <span class="package--support-recap__item__num">3</span>
          <p class="package--support-recap__item__detail">
            Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
          </p>
        </li>
        <li class="package--support-recap__item">
          <span class="package--support-recap__item__num">4</span>
          <p class="package--support-recap__item__detail">
            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna.
          </p>
        </li>
      </ul>
    </div>
  </div>
</div>

Styleguide 14.1
*/
.package--support-recap {
  padding: 0; }
  .page-body .package--support-recap {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both; }
    @media screen and (min-width: 672px) {
      .page-body .package--support-recap {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      .page-body .package--support-recap {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      .page-body .package--support-recap {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      .page-body .package--support-recap {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      .page-body .package--support-recap {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      .page-body .package--support-recap {
        margin-left: -120px;
        margin-right: -120px; } }
  .package--support-recap .header {
    padding: 0 32px;
    position: relative; }
    @media screen and (min-width: 672px) {
      .package--support-recap .header {
        padding: 0 55px; } }
    @media print {
      .package--support-recap .header {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .package--support-recap .header {
        padding: 0 88px; } }
    @media print {
      .package--support-recap .header {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .package--support-recap .header {
        padding: 0 120px; } }
    @media print {
      .package--support-recap .header {
        padding: 0 120px; } }
  .package--support-recap__content {
    position: relative;
    background-color: #ecf9f7;
    overflow: hidden; }
  .package--support-recap .graphic-01,
  .package--support-recap .graphic-02,
  .package--support-recap .graphic-03 {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .page-body--article .package--support-recap .graphic-01, .page-body--article
    .package--support-recap .graphic-02, .page-body--article
    .package--support-recap .graphic-03 {
      display: none; }
  .package--support-recap .graphic-01 {
    bottom: -70px;
    left: -90px;
    width: 120px;
    height: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support3.svg);
    z-index: 1; }
  .package--support-recap .graphic-02 {
    left: 0;
    right: 0;
    bottom: -63px;
    height: 60px;
    width: 60px;
    margin: auto;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support3.svg);
    z-index: -1; }
  .package--support-recap .graphic-03 {
    right: -140px;
    bottom: -150px;
    width: 210px;
    height: 210px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support3.svg);
    z-index: -1; }
  .package--support-recap__description {
    margin-bottom: 0 !important; }
    .package--support-recap__description,
    .page-body--article .package--support-recap__description {
      font-family: "gibson-regular", sans-serif;
      padding: 25px 35px 15px;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: .18rem;
      text-transform: uppercase; }
  .package--support-recap .package--support-recap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 20px;
    margin-bottom: -40px; }
    .package--support-recap .package--support-recap__list .package--support-recap__item {
      margin-bottom: 0; }
  .package--support-recap__item {
    display: inline-block;
    vertical-align: top;
    min-width: 220px;
    max-width: 220px;
    padding: 0 35px 40px;
    border-left: 1px solid #40C1AC;
    white-space: normal; }
    .package--support-recap__item:first-child {
      border: 0; }
    .page-body--article .package--support-recap__item:before {
      display: none; }
    .package--support-recap__item__num {
      font-family: "gibson-light", sans-serif;
      color: #E71324;
      font-size: 8rem;
      letter-spacing: .001em;
      line-height: 1; }
    .package--support-recap__item__detail,
    .page-body--article .package--support-recap__item__detail {
      font-family: "gt-sectra-fine", serif;
      font-size: 1.4rem;
      line-height: 1.8rem;
      letter-spacing: .0015em; }
  @media screen and (min-width: 672px) {
    .package--support-recap__item {
      min-width: 280px;
      max-width: 450px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .package--support-recap .package--support-recap__list--2 .package--support-recap__item {
      min-width: 50%;
      max-width: 50%; } }
  @media print {
    .package--support-recap__item {
      min-width: 280px;
      max-width: 450px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .package--support-recap .package--support-recap__list--2 .package--support-recap__item {
      min-width: 50%;
      max-width: 50%; } }
  @media screen and (min-width: 1024px) {
    .package--support-recap .graphic-01 {
      bottom: -190px;
      left: -220px;
      width: 300px;
      height: 340px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support1.svg);
      z-index: -1; }
    .package--support-recap .graphic-02 {
      left: 0;
      right: -290px;
      bottom: -173px;
      height: 160px;
      width: 160px; }
    .package--support-recap .graphic-03 {
      right: -150px;
      bottom: -50px; }
    .package--support-recap__content {
      padding: 0 88px; }
    .package--support-recap__description,
    .page-body--article .package--support-recap__description {
      padding: 40px 0 25px; }
    .package--support-recap .package--support-recap__list {
      overflow: hidden;
      padding-bottom: 0;
      margin-bottom: 0 !important; }
    .package--support-recap__item {
      min-width: 25%;
      max-width: 33%;
      padding: 15px 32px 45px 20px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .package--support-recap__item:first-child {
        padding-left: 0; }
      .package--support-recap__item:last-child {
        padding-right: 0; }
      .package--support-recap__item__num {
        font-size: 12.5rem; }
      .package--support-recap__item__detail,
      .page-body--article .package--support-recap__item__detail {
        margin-top: 5px;
        font-size: 1.2rem; }
      .package--support-recap__item__detail:last-child,
      .page-body--article .package--support-recap__item__detail:last-child {
        margin-bottom: 0; }
    .package--support-recap__list--4 .package--support-recap__item__num {
      font-size: 9rem; } }
  @media print {
    .package--support-recap .graphic-01 {
      bottom: -190px;
      left: -220px;
      width: 300px;
      height: 340px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support1.svg);
      z-index: -1; }
    .package--support-recap .graphic-02 {
      left: 0;
      right: -290px;
      bottom: -173px;
      height: 160px;
      width: 160px; }
    .package--support-recap .graphic-03 {
      right: -150px;
      bottom: -50px; }
    .package--support-recap__content {
      padding: 0 88px; }
    .package--support-recap__description,
    .page-body--article .package--support-recap__description {
      padding: 40px 0 25px; }
    .package--support-recap .package--support-recap__list {
      overflow: hidden;
      padding-bottom: 0;
      margin-bottom: 0 !important; }
    .package--support-recap__item {
      min-width: 25%;
      max-width: 33%;
      padding: 15px 32px 45px 20px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .package--support-recap__item:first-child {
        padding-left: 0; }
      .package--support-recap__item:last-child {
        padding-right: 0; }
      .package--support-recap__item__num {
        font-size: 12.5rem; }
      .package--support-recap__item__detail,
      .page-body--article .package--support-recap__item__detail {
        margin-top: 5px;
        font-size: 1.2rem; }
      .package--support-recap__item__detail:last-child,
      .page-body--article .package--support-recap__item__detail:last-child {
        margin-bottom: 0; }
    .package--support-recap__list--4 .package--support-recap__item__num {
      font-size: 9rem; } }
  @media screen and (min-width: 1280px) {
    .package--support-recap .header {
      padding: 0 240px; }
    .package--support-recap .graphic-01 {
      bottom: -240px;
      left: -170px;
      width: 360px;
      height: 430px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support1.svg);
      z-index: -1; }
    .package--support-recap .graphic-02 {
      right: -700px;
      bottom: -183px; }
    .package--support-recap .graphic-03 {
      right: -140px;
      bottom: -210px;
      height: 420px;
      width: 300px;
      z-index: 1;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support2.svg); }
    .package--support-recap__content {
      padding: 0 120px; }
    .package--support-recap__description,
    .page-body--article .package--support-recap__description {
      padding: 50px 0; }
    .package--support-recap__item {
      padding: 0 32px 58px; }
      .package--support-recap__item:first-child {
        padding-left: 0; }
      .package--support-recap__item:last-child {
        padding-right: 0; }
      .package--support-recap__item__num {
        font-size: 14.5rem; }
      .package--support-recap__item__detail,
      .page-body--article .package--support-recap__item__detail {
        margin-top: 12px;
        font-size: 1.4rem; }
    .package--support-recap__list--4 .package--support-recap__item__num {
      font-size: 11rem; } }
  @media print {
    .package--support-recap .header {
      padding: 0 240px; }
    .package--support-recap .graphic-01 {
      bottom: -240px;
      left: -170px;
      width: 360px;
      height: 430px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support1.svg);
      z-index: -1; }
    .package--support-recap .graphic-02 {
      right: -700px;
      bottom: -183px; }
    .package--support-recap .graphic-03 {
      right: -140px;
      bottom: -210px;
      height: 420px;
      width: 300px;
      z-index: 1;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/support2.svg); }
    .package--support-recap__content {
      padding: 0 120px; }
    .package--support-recap__description,
    .page-body--article .package--support-recap__description {
      padding: 50px 0; }
    .package--support-recap__item {
      padding: 0 32px 58px; }
      .package--support-recap__item:first-child {
        padding-left: 0; }
      .package--support-recap__item:last-child {
        padding-right: 0; }
      .package--support-recap__item__num {
        font-size: 14.5rem; }
      .package--support-recap__item__detail,
      .page-body--article .package--support-recap__item__detail {
        margin-top: 12px;
        font-size: 1.4rem; }
    .package--support-recap__list--4 .package--support-recap__item__num {
      font-size: 11rem; } }

/*
Style overrides specific to Research landing page.
*/
.page--research .package--circular-items--research {
  margin-top: -40px; }

.page--research .package--two-up {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px; }
  @media screen and (min-width: 672px) {
    .page--research .package--two-up {
      padding-top: 50px; } }
  @media print {
    .page--research .package--two-up {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .page--research .package--two-up {
      padding-top: 60px; } }
  @media print {
    .page--research .package--two-up {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page--research .package--two-up {
      padding-top: 70px; } }
  @media print {
    .page--research .package--two-up {
      padding-top: 70px; } }
  .page--research .package--two-up .package__items {
    position: relative; }
    .page--research .package--two-up .package__items:after {
      content: "";
      position: absolute;
      display: block;
      height: 90px;
      width: 500px;
      left: -205px;
      bottom: -30px;
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up1.svg"); }
  .page--research .package--two-up .package__item:first-child {
    position: relative; }
    .page--research .package--two-up .package__item:first-child:before {
      content: "";
      position: absolute;
      display: block;
      z-index: -1;
      height: 250px;
      width: 600px;
      top: -80px;
      right: -280px;
      -webkit-transform: scaleX(-1) rotate(155deg);
      transform: scaleX(-1) rotate(155deg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
  @media screen and (min-width: 1024px) {
    .page--research .package--two-up .package__items:before {
      content: "";
      position: absolute;
      display: block;
      z-index: -1;
      height: 300px;
      width: 1000px;
      top: -30px;
      left: 10px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
    .page--research .package--two-up .package__items:after {
      height: 130px;
      width: 570px;
      left: -300px;
      bottom: -20px;
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg); }
    .page--research .package--two-up .package__item:first-child:before {
      display: none; } }
  @media print {
    .page--research .package--two-up .package__items:before {
      content: "";
      position: absolute;
      display: block;
      z-index: -1;
      height: 300px;
      width: 1000px;
      top: -30px;
      left: 10px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 0 0;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/3up2.svg"); }
    .page--research .package--two-up .package__items:after {
      height: 130px;
      width: 570px;
      left: -300px;
      bottom: -20px;
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg); }
    .page--research .package--two-up .package__item:first-child:before {
      display: none; } }
  @media screen and (min-width: 1280px) {
    .page--research .package--two-up .package__items:before {
      height: 360px;
      width: 1280px;
      top: -60px;
      left: 30px; } }
  @media print {
    .page--research .package--two-up .package__items:before {
      height: 360px;
      width: 1280px;
      top: -60px;
      left: 30px; } }

.page--research .page-pre-footer {
  padding: 0 32px;
  color: var(--sra-text-gray-color);
  font-size: 2rem; }
  @media screen and (min-width: 672px) {
    .page--research .page-pre-footer {
      padding: 0 32px; } }
  @media print {
    .page--research .page-pre-footer {
      padding: 0 32px; } }
  @media screen and (min-width: 1024px) {
    .page--research .page-pre-footer {
      padding: 0 88px; } }
  @media print {
    .page--research .page-pre-footer {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .page--research .page-pre-footer {
      padding: 0 120px; } }
  @media print {
    .page--research .page-pre-footer {
      padding: 0 120px; } }

/*
Related Profile -- within Research Glossary.

markup:
<div class="page--research">
  <div class="main" style="padding: 20px 0">
    <div class="glossary-section">
      <div class="glossary-items">
        <!-- ITEM MARKUP START -->
        <div class="glossary-item__wrapper related-profile__wrapper">
          <div class="related-profile related-people__item">
            <header class="header">
              <div class="focus-icons">
                <p class="research-focus-icon">
                  <i aria-hidden="true" class="icon--research-biology"></i>
                  <span class="show-for-sr">Biology</span>
                </p>
                <p class="research-focus-icon">
                  <i aria-hidden="true" class="icon--research-engineering"></i>
                  <span class="show-for-sr">Engineering</span>
                </p>
              </div>
              <div class="related-profile__img-mask">
                <img src="https://www.fillmurray.com/80/80">
              </div>
              <h4 class="related-profile__name">
                Leora Cherney, SLP, PhD, BC-ANCDS
              </h4>
            </header>
            <div class="related-profile__content">
              <p class="related-profile__job-title">
                Principle Investigator
              </p>
              <a href="#" class="cta-button">View Lab</a>
            </div>
          </div>
        </div>
        <!-- ITEM MARKUP END -->
      </div>
    </div>
  </div>
</div>

Styleguide 23.1
*/
.focus-icons {
  text-align: right; }

.research-focus-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }
  .research-focus-icon i:before {
    color: #B2B4B2;
    font-size: 1.8rem; }

.page--research .related-profile__wrapper .related-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: none;
  text-align: center; }
  .page--research .related-profile__wrapper .related-profile .header {
    position: relative;
    padding: 60px 25px 30px; }
    .page--research .related-profile__wrapper .related-profile .header .focus-icons {
      position: absolute;
      top: 2rem;
      right: 2.5rem; }
  .page--research .related-profile__wrapper .related-profile__img-mask {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 50%; }
    .page--research .related-profile__wrapper .related-profile__img-mask:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.2); }
    .page--research .related-profile__wrapper .related-profile__img-mask.overlay-hidden:after {
      opacity: 0; }
    .page--research .related-profile__wrapper .related-profile__img-mask img {
      width: 100%;
      height: 100%; }
    .page--research .related-profile__wrapper .related-profile__img-mask.no-img {
      position: relative;
      z-index: 1; }
      .page--research .related-profile__wrapper .related-profile__img-mask.no-img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        pointer-events: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        background-color: rgba(35, 143, 207, 0.5); }
      .page--research .related-profile__wrapper .related-profile__img-mask.no-img.overlay-hidden:after {
        opacity: 0; }
  .page--research .related-profile__wrapper .related-profile .default-avatar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 50px;
    width: 70px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/face-gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    z-index: 3;
    opacity: .5; }
  .page--research .related-profile__wrapper .related-profile__name {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0; }
  .page--research .related-profile__wrapper .related-profile__content {
    border-top: 1px solid var(--sra-border-color);
    padding: 30px 25px 32px; }
  .page--research .related-profile__wrapper .related-profile__job-title span {
    display: block; }
  .page--research .related-profile__wrapper .related-profile .cta-button {
    position: relative;
    -webkit-transform: none;
    transform: none;
    bottom: auto;
    left: auto; }

@media screen and (min-width: 672px) {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 32px;
    padding-right: 32px; } }

@media print {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 32px;
    padding-right: 32px; } }

@media screen and (min-width: 1024px) {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 32px;
    padding-right: 32px; } }

@media print {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 32px;
    padding-right: 32px; } }

@media screen and (min-width: 1280px) {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 40px;
    padding-right: 40px; } }

@media print {
  .page--research .related-profile__wrapper .related-profile .header, .page--research .related-profile__wrapper .related-profile__content {
    padding-left: 40px;
    padding-right: 40px; } }

.page--research .glossary-item-related--lab {
  text-align: center; }
  .page--research .glossary-item-related--lab .glossary-item-related__header {
    margin-top: 30px; }
  .page--research .glossary-item-related--lab .lab-description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .015em;
    color: #fefefe; }
  .page--research .glossary-item-related--lab .cta-button--blue {
    margin-top: 10px; }

@media screen and (min-width: 672px) {
  .page--research .related-profile__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page--research .glossary-item-related--lab {
    text-align: left; }
    .page--research .glossary-item-related--lab .glossary-item-related__header {
      margin-top: 0; }
    .page--research .glossary-item-related--lab .lab-description {
      margin-bottom: 30px; }
    .page--research .glossary-item-related--lab .glossary-item-related__col {
      min-width: 50%;
      max-width: 50%;
      margin-top: 0; }
    .page--research .glossary-item-related--lab .cta-button--blue {
      margin-top: 0; } }

@media print {
  .page--research .related-profile__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page--research .glossary-item-related--lab {
    text-align: left; }
    .page--research .glossary-item-related--lab .glossary-item-related__header {
      margin-top: 0; }
    .page--research .glossary-item-related--lab .lab-description {
      margin-bottom: 30px; }
    .page--research .glossary-item-related--lab .glossary-item-related__col {
      min-width: 50%;
      max-width: 50%;
      margin-top: 0; }
    .page--research .glossary-item-related--lab .cta-button--blue {
      margin-top: 0; } }

@media screen and (min-width: 1024px) {
  .page--research .glossary-item-related--lab .glossary-item-related__col {
    min-width: 33.33%;
    max-width: 33.33%; }
    .page--research .glossary-item-related--lab .glossary-item-related__col:last-child {
      min-width: 66.66%;
      max-width: 66.66%;
      padding-right: 0; }
      .page--research .glossary-item-related--lab .glossary-item-related__col:last-child:after {
        content: "";
        display: table;
        clear: both; }
      .page--research .glossary-item-related--lab .glossary-item-related__col:last-child a {
        display: block;
        width: 50%;
        float: left;
        padding-right: 3rem; } }

@media print {
  .page--research .glossary-item-related--lab .glossary-item-related__col {
    min-width: 33.33%;
    max-width: 33.33%; }
    .page--research .glossary-item-related--lab .glossary-item-related__col:last-child {
      min-width: 66.66%;
      max-width: 66.66%;
      padding-right: 0; }
      .page--research .glossary-item-related--lab .glossary-item-related__col:last-child:after {
        content: "";
        display: table;
        clear: both; }
      .page--research .glossary-item-related--lab .glossary-item-related__col:last-child a {
        display: block;
        width: 50%;
        float: left;
        padding-right: 3rem; } }

/*
Profile

I'm the profile page

markup:
<main class='main'>
  <div class='profile'>
    <header class='profile-header'>
      <div class='profile-header__hero'>
        <img src='../images/fpo_images/paulDano.jpg' />
      </div>
      <div class='profile-header__content'>
        <h1 class='profile-header__name'>Richard L. Harvey,&nbsp;MD</h1>
        <div class='profile-header__title'>Medical Director, Center for Stroke Rehabilitation Wesley and Suzanne Dixon Stroke&nbsp;Chair</div>
        <div class='profile-header__details'>
          <div class='profile-header__section'>
            <div class='profile-header__practicing'>Practicing since 1982</div>
            <div class='profile-header__joined'>Joined staff in 1984</div>
          </div>
          <div class='profile-header__section'>
            <div>Abilitylab Call Center</div>
            <div class='profile-header__number'>800-354-7342</div>
          </div>
        </div>
      </div>
    </header>
    <div class='profile__content'>
      <section class="profile-section profile-section--tool-bar">
        <div class="profile-section__content">
          <div class="profile-section__status">
            Accepting New Patients
          </div>
          <div class="profile-section__button">
            <a href="#" class="cta-button">Request Appointment</a>
          </div>
          <div class="profile-section__social">
            <div class="social__wrapper">
              <div class="social">
                <p class="social__cta">share</p>
                <ul class="social__items">
                  <li class="social__item">
                    <a href="https://www.facebook.com/dialog/share?app_id=919177574857705&amp;display=popup&amp;href=http://abilitylab.dev/profile/1&amp;redirect_uri=http://abilitylab.dev/profile/1">
                      <i class="icon--facebook" aria-hidden="true"></i>
                      <span class="show-for-sr">facebook</span>
                    </a>
                  </li>
                  <li class="social__item">
                    <a href="https://twitter.com/intent/tweet?url=http://abilitylab.dev/profile/1&amp;text=Clinician profile of lacy (uid: 21)&amp;via=oknate">
                      <i class="icon--twitter" aria-hidden="true"></i>
                      <span class="show-for-sr">twitter</span>
                    </a>
                  </li>
                  <li class="social__item">
                    <a href="https://plus.google.com/share?url=http://abilitylab.dev/profile/1">
                      <i class="icon--google" aria-hidden="true"></i>
                      <span class="show-for-sr">google plus</span>
                    </a>
                  </li>
                  <li class="social__item">
                    <a href="mailto:nate@ric.org?subject=Clinician%20profile%20of%20lacy%20%28uid%3A%2021%29&amp;body=Check this out on AbilityLab.com:%0A%0AClinician%20profile%20of%20lacy%20%28uid%3A%2021%29%0A%0Ahttp://abilitylab.dev/profile/1">
                      <i class="icon--mail" aria-hidden="true"></i>
                      <span class="show-for-sr">email</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class='profile-section profile-section--about'>
        <div class='profile-section__content'>
          <h2 class='profile-section__title'>About Me</h2>
          <div class='profile-section__personal'>
            <div class='profile-section__copy'>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies est nec vestibulum sollicitudin. In maximus auctor odio pellentesque pulvinar. Suspendisse et nunc rhoncus, posuere dolor vitae, facilisis purus. Etiam enim nunc, mattis ut ornare et, pulvinar in turpis. Integer ultricies nibh eu scelerisque finibus. Aliquam consequat fringilla odio, a rutrum neque mollis vel. Aliquam sagittis nulla orci, eu efficitur leo euismod eget.</p>
            </div>
            <div class='profile-section__tools'>
              <a href='#' class='cta-link'>
                <i class='icon--twitter' aria-hidden='true'></i>
                @rlhervey
              </a>
              <a href='#' class='cta-button--save'>Follow</a>
            </div>
          </div>
          <div class='profile-section__location'>
            <div class='profile-section__address'>
              <h3 class='profile-section__subtitle'>Location</h3>
              <p>AbilityLab</p>
              <p>345 East Superior</p>
              <p>Chicago, IL 60611</p>
            </div>
            <iframe class='profile-section__map' src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.880245543283!2d-87.62048728473822!3d41.8954324792208!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd4aaaee822ab%3A0xe8e4cc56bde16b7d!2sRehabilitation+Institute+of+Chicago!5e0!3m2!1sen!2sus!4v1461954860022' frameborder='0' style='border:0' allowfullscreen></iframe>
          </div>
        </div>
      </section>
      <section class='profile-section profile-section--services'>
        <div class='profile-section__content'>
          <h2 class='profile-section__title'>Conditions Treated / Services</h2>
          <ul class='profile-section__services'>
            <li class='profile-section__service'><span class='profile-section__label'>Aphasia</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Botox</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Cerebral Embolism and Thrombosis</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Dysarthria</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Dysphagia</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Hemianopsia</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Hemorrhagic Stroke</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Hydrocephalus</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Ischemic Stroke</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Locked In Syndrome</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Neurological Conditions</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Primary Progressive Aphasia</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Saebo Flex</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Spasticity</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Spasticity Management</span></li>
            <li class='profile-section__service'><span class='profile-section__label'>Stroke Rehabilitation</span></li>
          </ul>
        </div>
      </section>
      <section class='profile-section profile-section--training'>
        <div class='profile-section__content'>
          <h2 class='profile-section__title'>Education &amp; Training</h2>
          <ul class='tabs' data-tabs id='accessible-tabs' role='tablist'>
            <li class='tabs-title is-active' role='presentation'><a class='tab-anchor' href='#panel1' role='tab' tabindex='0' aria-selected='true' aria-controls='panel2-1'>Tab 1</a></li>
            <li class='tabs-title' role='presentation'><a class='tab-anchor' href='#panel2' role='tab' tabindex='0' aria-selected='false' aria-controls='panel2-2'>Tab 2</a></li>
            <li class='tabs-title' role='presentation'><a class='tab-anchor' href='#panel3' role='tab' tabindex='0' aria-selected='false' aria-controls='panel2-3'>Tab 3</a></li>
          </ul>
          <div class='tabs-content' data-tabs-content='accessible-tabs'>
            <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active profile-training' id='panel1'>
              <div class='profile-training__title'>Education</div>
              <ul class='profile-training__list'>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1984 - 1988</div>
                  <div class='profile-training__description'>University of Michigan Medical School, Ann Arbor, Michigan, MD</div>
                </li>
              </ul>
            </section>
            <section role='tabpanel' aria-hidden='true' class='tabs-panel profile-training' id='panel2'>
              <div class='profile-training__title'>Residency</div>
              <ul class='profile-training__list'>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1988 - 1989</div>
                  <div class='profile-training__description'>University of Toledo Medical School, Intern</div>
                </li>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1988 - 1992</div>
                  <div class='profile-training__description'>University of Toledo Medical School, Resident</div>
                </li>
              </ul>
            </section>
            <section role='tabpanel' aria-hidden='true' class='tabs-panel profile-training' id='panel3'>
              <div class='profile-training__title'>Fellowship</div>
              <ul class='profile-training__list'>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1992 - 1993</div>
                  <div class='profile-training__description'>RIC, Stroke Rehabilitation</div>
                </li>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1993 - 1994</div>
                  <div class='profile-training__description'>Northwestern University Medical School, Stroke Rehabilitation Research</div>
                </li>
                <li class='profile-training__item'>
                  <div class='profile-training__years'>1997 - 2000</div>
                  <div class='profile-training__description'>National Center for Medical Rehabilitation Research  National Institute of Health, RIC, Chicago, IL, Advanced Stroke Research Fellowship</div>
                </li>
              </ul>
            </section>
          </div>
        </div>
      </section>
      <section class='profile-section profile-section--honors'>
        <div class='profile-section__content'>
          <h2 class='profile-section__title'>Honor & Awards</h2>
          <ul class='profile-section__list'>
            <li class='profile-section__item'>
              <div class="profile-section__name">Teacher of the Year</div>
              <div class="profile-section__description">DEPARTMENT OF PM&amp;R, RIC, 2010</div>
            </li>
            <li class='profile-section__item'>
              <div class="profile-section__name">Residency Program Mentor of the Year Award</div>
              <div class="profile-section__description">DEPARTMENT OF PM&amp;R, RIC, 2006</div>
            </li>
            <li class='profile-section__item'>
              <div class="profile-section__name">Director, Stroke Program</div>
              <div class="profile-section__description">RIC, 2000 - PRES</div>
            </li>
            <li class='profile-section__item'>
              <div class="profile-section__name">Wesley and Suzanne Dixon, Stroke Chair</div>
              <div class="profile-section__description">RIC, 1997 - PRES</div>
            </li>
          </ul>
        </div>
      </section>
      <section class='profile-section profile-section--unordered-list'>
        <div class='profile-section__content'>
          <h2 class='profile-section__title'>Certifications & Licenses</h2>
          <ul class='profile-section__list'>
            <li class='profile-section__item'>Board Certified, Physical Medicine and Rehabilitation</li>
            <li class='profile-section__item'>Licence, Physician and Surgeon Illinois</li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</main>

Styleguide 8
*/
.profile {
  background-color: #fff; }
  .profile .package {
    padding-left: 0;
    padding-right: 0; }
  .profile .package--news__title {
    left: 0; }
  @media screen and (min-width: 672px) {
    .profile__content {
      background-color: rgba(178, 180, 178, 0.1);
      padding-bottom: 14%; } }
  @media screen and (min-width: 672px) and (min-width: 1024px) {
    .profile__content {
      margin-top: -60px; } }
  @media screen and (min-width: 672px) and (min-width: 1280px) {
    .profile__content {
      margin-top: -70px; } }
  @media print {
    .profile__content {
      background-color: rgba(178, 180, 178, 0.1);
      padding-bottom: 14%; } }
  @media print {
    .profile__content {
      margin-top: -60px; } }
  @media print {
    .profile__content {
      margin-top: -70px; } }
  @media screen and (min-width: 1024px) {
    .profile .package--employees__title {
      font-size: 5.2rem;
      line-height: 5.2rem; } }
  @media print {
    .profile .package--employees__title {
      font-size: 5.2rem;
      line-height: 5.2rem; } }
  @media screen and (min-width: 1280px) {
    .profile .package--employees__title {
      font-size: 6.2rem;
      line-height: 6.2rem; } }
  @media print {
    .profile .package--employees__title {
      font-size: 6.2rem;
      line-height: 6.2rem; } }

.profile__rod {
  display: none;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 1; }
  .profile__rod--0 {
    background-size: 161.7px 315.525px;
    width: 161.7px;
    height: 315.525px;
    background-image: url("../images/svgs/rods0.svg");
    left: 82%;
    top: 18%; }
    @media screen and (min-width: 1024px) {
      .profile__rod--0 {
        background-size: 246.4px 480.8px;
        width: 246.4px;
        height: 480.8px; } }
    @media print {
      .profile__rod--0 {
        background-size: 246.4px 480.8px;
        width: 246.4px;
        height: 480.8px; } }
    @media screen and (min-width: 1280px) {
      .profile__rod--0 {
        background-size: 308px 601px;
        width: 308px;
        height: 601px; } }
    @media print {
      .profile__rod--0 {
        background-size: 308px 601px;
        width: 308px;
        height: 601px; } }
  .profile__rod--1 {
    background-size: 174.3px 190.575px;
    width: 174.3px;
    height: 190.575px;
    background-image: url("../images/svgs/rods1.svg");
    left: -8%;
    top: 41%; }
    @media screen and (min-width: 1024px) {
      .profile__rod--1 {
        background-size: 265.6px 290.4px;
        width: 265.6px;
        height: 290.4px; } }
    @media print {
      .profile__rod--1 {
        background-size: 265.6px 290.4px;
        width: 265.6px;
        height: 290.4px; } }
    @media screen and (min-width: 1280px) {
      .profile__rod--1 {
        background-size: 332px 363px;
        width: 332px;
        height: 363px; } }
    @media print {
      .profile__rod--1 {
        background-size: 332px 363px;
        width: 332px;
        height: 363px; } }
  .profile__rod--2 {
    background-size: 78.75px 101.325px;
    width: 78.75px;
    height: 101.325px;
    background-image: url("../images/svgs/rods2.svg");
    left: 93%;
    top: 55%; }
    @media screen and (min-width: 1024px) {
      .profile__rod--2 {
        background-size: 120px 154.4px;
        width: 120px;
        height: 154.4px; } }
    @media print {
      .profile__rod--2 {
        background-size: 120px 154.4px;
        width: 120px;
        height: 154.4px; } }
    @media screen and (min-width: 1280px) {
      .profile__rod--2 {
        background-size: 150px 193px;
        width: 150px;
        height: 193px; } }
    @media print {
      .profile__rod--2 {
        background-size: 150px 193px;
        width: 150px;
        height: 193px; } }
  .profile__rod--3 {
    background-size: 100.8px 117.6px;
    width: 100.8px;
    height: 117.6px;
    background-image: url("../images/svgs/rods3.svg");
    left: -7%;
    top: 73%; }
    @media screen and (min-width: 1024px) {
      .profile__rod--3 {
        background-size: 153.6px 179.2px;
        width: 153.6px;
        height: 179.2px; } }
    @media print {
      .profile__rod--3 {
        background-size: 153.6px 179.2px;
        width: 153.6px;
        height: 179.2px; } }
    @media screen and (min-width: 1280px) {
      .profile__rod--3 {
        background-size: 192px 224px;
        width: 192px;
        height: 224px; } }
    @media print {
      .profile__rod--3 {
        background-size: 192px 224px;
        width: 192px;
        height: 224px; } }
  .profile__rod--4 {
    background-size: 161.175px 203.175px;
    width: 161.175px;
    height: 203.175px;
    background-image: url("../images/svgs/rods4.svg");
    left: 48%;
    bottom: -2%; }
    @media screen and (min-width: 1024px) {
      .profile__rod--4 {
        background-size: 245.6px 309.6px;
        width: 245.6px;
        height: 309.6px; } }
    @media print {
      .profile__rod--4 {
        background-size: 245.6px 309.6px;
        width: 245.6px;
        height: 309.6px; } }
    @media screen and (min-width: 1280px) {
      .profile__rod--4 {
        background-size: 307px 387px;
        width: 307px;
        height: 387px; } }
    @media print {
      .profile__rod--4 {
        background-size: 307px 387px;
        width: 307px;
        height: 387px; } }
  @media screen and (min-width: 672px) {
    .profile__rod {
      display: block; } }
  @media print {
    .profile__rod {
      display: block; } }
  @media screen and (min-width: 1280px) {
    .profile__rod--0 {
      left: 79%; }
    .profile__rod--1 {
      left: -5%; }
    .profile__rod--3 {
      left: -6%; } }
  @media print {
    .profile__rod--0 {
      left: 79%; }
    .profile__rod--1 {
      left: -5%; }
    .profile__rod--3 {
      left: -6%; } }

.profile-header {
  background-color: #1655A1;
  position: relative;
  z-index: 2; }
  .profile-header--researcher {
    background-color: #36a492; }
  .profile-header--staff {
    background-color: #F36416; }
  .profile-header--board_member {
    background-color: #A03753; }
    .profile-header--board_member .profile-header__email {
      padding-top: 0; }
  .profile-header__hero {
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
    background-color: #f3f3f3; }
    .profile-header__hero img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }
  .profile-header .default-avatar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 160px;
    margin: auto; }
    .profile-header .default-avatar .icon--profile {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .profile-header .default-avatar .icon--profile:before {
        font-size: 20rem;
        color: #B2B4B2; }
  .profile-header__content {
    color: #fefefe;
    padding: 34px 32px 40px;
    text-align: center; }
  .profile-header__name {
    font-family: "gibson-semibold", sans-serif;
    font-size: 3rem;
    line-height: 3.8rem;
    padding-bottom: 24px;
    margin: 0; }
  .profile-header__title {
    font-family: "gt-sectra-fine", serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0.015em;
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 17px;
    text-decoration: none; }
    .profile-header__title:before {
      color: #FFD100;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 7.5rem;
      text-decoration: none; }
    .profile-header__title:hover:before {
      text-decoration: none; }
    .profile-header__title:before {
      position: absolute;
      bottom: -24px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  .profile-header__details {
    font-family: "gibson-semibold", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.015em;
    text-transform: uppercase; }
  .profile-header__section {
    position: relative;
    padding-bottom: 20px; }
    .profile-header__section + .profile-header__section {
      position: relative;
      padding-top: 20px;
      padding-bottom: 0; }
      .profile-header__section + .profile-header__section:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 205px;
        height: 1px;
        background-color: rgba(10, 10, 10, 0.2); }
  .profile-header__section-full {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .profile-header__section-full a {
      color: #fefefe;
      text-decoration: none; }
      .profile-header__section-full a:hover {
        -webkit-transition: all .15s;
        transition: all .15s;
        text-decoration: underline; }
      .profile-header__section-full a .icon--mail:before {
        color: #fefefe; }
  .profile-header__practicing {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 10px; }
    .profile-header__practicing:before {
      content: " ";
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 15px;
      height: 1px;
      background-color: #fefefe; }
  .profile-header__email {
    padding-top: 16px; }
  .profile-header__email, .profile-header__number {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.6rem; }
    .profile-header__email a, .profile-header__number a {
      color: #fefefe;
      text-decoration: none; }
      .profile-header__email a:hover, .profile-header__number a:hover {
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        text-decoration: underline; }
  .profile-header__email {
    text-transform: none; }
    .profile-header__email a {
      line-height: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 8px; }
    .profile-header__email .icon--mail {
      position: relative;
      top: -0.115rem; }
      .profile-header__email .icon--mail:before {
        color: #fefefe; }
  @media screen and (min-width: 672px) {
    .profile-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 455px; }
      .profile-header__hero, .profile-header__content {
        width: 50%; }
      .profile-header__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 34px 32px 40px; }
      .profile-header__hero {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto; } }
  @media print {
    .profile-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 455px; }
      .profile-header__hero, .profile-header__content {
        width: 50%; }
      .profile-header__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 34px 32px 40px; }
      .profile-header__hero {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto; } }
  @media screen and (min-width: 1024px) {
    .profile-header {
      min-height: 494px; }
      .profile-header__content {
        padding: 44px 60px 110px; }
      .profile-header .default-avatar .icon--profile {
        top: 40%; }
        .profile-header .default-avatar .icon--profile:before {
          font-size: 25rem; }
      .profile-header__name {
        font-size: 5rem;
        line-height: 5.2rem;
        padding-bottom: 16px; }
      .profile-header__title {
        line-height: 2.2rem;
        letter-spacing: .015rem;
        padding-bottom: 65px;
        margin-bottom: 37px; }
        .profile-header__title:before {
          bottom: -20px; }
      .profile-header__details {
        margin-left: -60px;
        margin-right: -60px; }
        .profile-header--staff .profile-header__details {
          display: block; }
      .profile-header__section:first-child {
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative;
        padding-right: 21px; }
      .profile-header__section:last-child {
        padding-left: 20px; }
      .profile-header__section + .profile-header__section {
        padding-top: 0;
        border-left: 1px solid rgba(10, 10, 10, 0.2); }
        .profile-header__section + .profile-header__section:before {
          display: none; } }
  @media print {
    .profile-header {
      min-height: 494px; }
      .profile-header__content {
        padding: 44px 60px 110px; }
      .profile-header .default-avatar .icon--profile {
        top: 40%; }
        .profile-header .default-avatar .icon--profile:before {
          font-size: 25rem; }
      .profile-header__name {
        font-size: 5rem;
        line-height: 5.2rem;
        padding-bottom: 16px; }
      .profile-header__title {
        line-height: 2.2rem;
        letter-spacing: .015rem;
        padding-bottom: 65px;
        margin-bottom: 37px; }
        .profile-header__title:before {
          bottom: -20px; }
      .profile-header__details {
        margin-left: -60px;
        margin-right: -60px; }
        .profile-header--staff .profile-header__details {
          display: block; }
      .profile-header__section:first-child {
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative;
        padding-right: 21px; }
      .profile-header__section:last-child {
        padding-left: 20px; }
      .profile-header__section + .profile-header__section {
        padding-top: 0;
        border-left: 1px solid rgba(10, 10, 10, 0.2); }
        .profile-header__section + .profile-header__section:before {
          display: none; } }
  @media screen and (min-width: 1280px) {
    .profile-header {
      min-height: 536px; }
      .profile-header__content {
        padding: 84px 88px 146px; }
      .profile-header__name {
        font-size: 6rem;
        line-height: 6.2rem;
        padding-bottom: 12px; }
      .profile-header__title {
        padding-bottom: 45px;
        margin-bottom: 17px; }
        .profile-header__title:before {
          bottom: -22px; } }
  @media print {
    .profile-header {
      min-height: 536px; }
      .profile-header__content {
        padding: 84px 88px 146px; }
      .profile-header__name {
        font-size: 6rem;
        line-height: 6.2rem;
        padding-bottom: 12px; }
      .profile-header__title {
        padding-bottom: 45px;
        margin-bottom: 17px; }
        .profile-header__title:before {
          bottom: -22px; } }

.profile-section {
  margin: 0 32px;
  border-top: 1px solid var(--sra-border-color);
  padding-top: 71px;
  padding-bottom: 76px;
  background-color: #fefefe;
  position: relative;
  z-index: 3; }
  @media screen and (min-width: 672px) {
    .profile-section {
      margin: 0 60px; } }
  @media print {
    .profile-section {
      margin: 0 60px; } }
  @media screen and (min-width: 1024px) {
    .profile-section {
      margin: 0 88px; } }
  @media print {
    .profile-section {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .profile-section {
      margin: 0 160px; } }
  @media print {
    .profile-section {
      margin: 0 160px; } }
  .profile-section:has(.annual-giving) {
    border-bottom: 1px solid var(--sra-border-color); }
  .profile-section__content {
    position: relative; }
  .profile-section__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 3rem;
    line-height: 3.8rem;
    letter-spacing: .015rem;
    padding-bottom: 18px; }
    @media screen and (min-width: 1024px) {
      .profile-section__title {
        font-size: 3.8rem;
        line-height: 4.8rem; } }
    @media print {
      .profile-section__title {
        font-size: 3.8rem;
        line-height: 4.8rem; } }
    @media screen and (min-width: 1280px) {
      .profile-section__title {
        font-size: 4.2rem;
        line-height: 5.2rem; } }
    @media print {
      .profile-section__title {
        font-size: 4.2rem;
        line-height: 5.2rem; } }
  .profile-section__subtitle {
    --sra-heading-color: #0a0a0a;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .18rem;
    text-transform: uppercase;
    padding-bottom: 13px; }
  @media screen and (min-width: 672px) {
    .profile-section {
      padding-left: 48px;
      padding-right: 48px; } }
  @media print {
    .profile-section {
      padding-left: 48px;
      padding-right: 48px; } }
  @media screen and (min-width: 1280px) {
    .profile-section {
      padding-left: 60px;
      padding-right: 60px; } }
  @media print {
    .profile-section {
      padding-left: 60px;
      padding-right: 60px; } }

.profile-section--tool-bar + .profile-section--about {
  border-top: 1px solid var(--sra-border-color); }

ul:has(.tools-item) {
  list-style-type: '\2015\0020'; }

.tools-item {
  font-size: 1.4rem;
  line-height: 1.5; }
  @media screen and (min-width: 1024px) {
    .tools-item {
      font-size: 1.6rem; } }
  @media print {
    .tools-item {
      font-size: 1.6rem; } }

.profile-section--about {
  border-top: 0; }
  .profile-section--about .profile-section__title:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .profile-type-staff .profile-section--about {
      padding-top: 60px; } }
  @media print {
    .profile-type-staff .profile-section--about {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .profile-type-staff .profile-section--about {
      padding-top: 70px; } }
  @media print {
    .profile-type-staff .profile-section--about {
      padding-top: 70px; } }
  .profile-section--about [data-readmore-toggle] {
    font-family: "gibson-light", sans-serif;
    text-transform: lowercase; }
  .profile-section--about .cta-link {
    font-family: 'gibson-light', sans-serif;
    color: #0a0a0a;
    font-size: 1.6rem;
    font-style: normal;
    letter-spacing: 0.015em;
    text-decoration: underline;
    text-transform: lowercase;
    -webkit-transition: all .15s;
    transition: all .15s;
    font-family: "gibson-regular", sans-serif;
    display: block;
    margin-bottom: 34px; }
    .profile-section--about .cta-link:visited, .profile-section--about .cta-link:active {
      color: #0a0a0a; }
    .profile-section--about .cta-link:hover, .profile-section--about .cta-link:focus {
      color: #E71324; }
    .profile-section--about .cta-link .icon--twitter:before {
      color: #0a0a0a;
      text-decoration: none; }
    .profile-section--about .cta-link:hover .icon--twitter:before {
      color: #E71324; }
    .profile-section--about .cta-link:last-child {
      margin-bottom: 0; }
  .profile-section--about .flag {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    @media screen and (min-width: 64em) {
      .profile-section--about .flag {
        white-space: nowrap; } }
    .profile-section--about .flag:visited, .profile-section--about .flag:active {
      background-color: transparent;
      color: #E71324; }
    .profile-section--about .flag:hover, .profile-section--about .flag:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
  .profile-section--about__open-link {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--sra-border-color);
    margin-bottom: 20px;
    display: inline-block; }
    .profile-section--about__open-link:last-child {
      margin-bottom: 0; }
    .profile-section--about__open-link__list {
      list-style: none;
      margin: 0;
      padding: 0; }
    .profile-section--about__open-link__item {
      list-style: none;
      margin: 0;
      padding: 0; }
      .profile-section--about__open-link__item a {
        font-family: "gibson-regular", sans-serif;
        font-size: 1.6rem;
        line-height: 2.4rem; }
  .profile-section--about .profile-section__copy {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .015rem;
    border-bottom: 1px solid var(--sra-border-color);
    padding-bottom: 34px;
    margin-bottom: 34px; }
  .profile-section--about .profile-section__readmore {
    margin-bottom: 2.2rem; }
    .profile-section--about .profile-section__readmore p {
      margin-bottom: 2.2rem; }
      .profile-section--about .profile-section__readmore p:last-child {
        margin-bottom: 0; }
  .profile-section--about .profile-section__address {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .015rem;
    padding-bottom: 32px; }
    .profile-section--about .profile-section__address p {
      margin: 0; }
  .profile-section--about .profile-section__map {
    width: 100vh;
    max-width: 420px;
    height: 150px;
    overflow: hidden; }
  .profile-section--about .media-embed--video:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 1023px) {
    .profile-section--about .profile-section__personal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 30px; }
      .profile-section--about .profile-section__personal .profile-section__personal__details {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .profile-section--about .profile-section__personal .profile-section__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      .profile-section--about .profile-section__personal .profile-section__copy {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      .profile-section--about .profile-section__personal .profile-section__tools {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }
  @media screen and (min-width: 1024px) {
    .profile-section--about .profile-section__personal {
      margin-bottom: 60px; }
      .profile-section--about .profile-section__personal:after {
        content: "";
        display: table;
        clear: both; }
      .profile-section--about .profile-section__personal .profile-section__title {
        width: 49%; }
      .profile-section--about .profile-section__personal__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%; }
    .profile-section--about .profile-section__personal, .profile-section--about .profile-section__location {
      position: relative; }
    .profile-section--about .profile-section__personal {
      margin-bottom: 40px; }
    .profile-section--about .profile-section__location {
      clear: both; }
    .profile-section--about .profile-section__copy, .profile-section--about .profile-section__map, .profile-section--about .profile-section__tools, .profile-section--about .profile-section__address {
      width: 49%;
      display: inline-block; }
    .profile-section--about .profile-section__tools, .profile-section--about .profile-section__address {
      display: inline-block; }
    .profile-section--about .profile-section__tools, .profile-section--about .profile-section__copy {
      min-width: 49%;
      max-width: 49%; }
    .profile-section--about .profile-section__tools {
      bottom: 0; }
    .profile-section--about .profile-section__copy {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-top: -5.8rem; }
    .profile-section--about .profile-section__address {
      top: 0;
      padding-bottom: 0;
      vertical-align: top; }
    .profile-section--about .profile-section__readmore {
      margin-bottom: 0; }
      .profile-section--about .profile-section__readmore p {
        margin-bottom: 2.4rem; }
        .profile-section--about .profile-section__readmore p:last-child {
          margin-bottom: 0; }
    .profile-section--about .flag {
      margin-bottom: 0; } }
  @media print {
    .profile-section--about .profile-section__personal {
      margin-bottom: 60px; }
      .profile-section--about .profile-section__personal:after {
        content: "";
        display: table;
        clear: both; }
      .profile-section--about .profile-section__personal .profile-section__title {
        width: 49%; }
      .profile-section--about .profile-section__personal__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%; }
    .profile-section--about .profile-section__personal, .profile-section--about .profile-section__location {
      position: relative; }
    .profile-section--about .profile-section__personal {
      margin-bottom: 40px; }
    .profile-section--about .profile-section__location {
      clear: both; }
    .profile-section--about .profile-section__copy, .profile-section--about .profile-section__map, .profile-section--about .profile-section__tools, .profile-section--about .profile-section__address {
      width: 49%;
      display: inline-block; }
    .profile-section--about .profile-section__tools, .profile-section--about .profile-section__address {
      display: inline-block; }
    .profile-section--about .profile-section__tools, .profile-section--about .profile-section__copy {
      min-width: 49%;
      max-width: 49%; }
    .profile-section--about .profile-section__tools {
      bottom: 0; }
    .profile-section--about .profile-section__copy {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-top: -5.8rem; }
    .profile-section--about .profile-section__address {
      top: 0;
      padding-bottom: 0;
      vertical-align: top; }
    .profile-section--about .profile-section__readmore {
      margin-bottom: 0; }
      .profile-section--about .profile-section__readmore p {
        margin-bottom: 2.4rem; }
        .profile-section--about .profile-section__readmore p:last-child {
          margin-bottom: 0; }
    .profile-section--about .flag {
      margin-bottom: 0; } }
  @media screen and (min-width: 1280px) {
    .profile-section--about .profile-section__copy {
      margin-top: -6.8rem;
      font-size: 1.8rem;
      line-height: 2.8rem; }
    .profile-section--about .profile-section__readmore p {
      margin-bottom: 2.8rem; }
      .profile-section--about .profile-section__readmore p:last-child {
        margin-bottom: 0; } }
  @media print {
    .profile-section--about .profile-section__copy {
      margin-top: -6.8rem;
      font-size: 1.8rem;
      line-height: 2.8rem; }
    .profile-section--about .profile-section__readmore p {
      margin-bottom: 2.8rem; }
      .profile-section--about .profile-section__readmore p:last-child {
        margin-bottom: 0; } }

@media screen and (min-width: 1024px) {
  .profile-type-researcher .profile-section--about .profile-section__personal__details {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal; } }

@media print {
  .profile-type-researcher .profile-section--about .profile-section__personal__details {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal; } }

.profile-section--honors .profile-section__list,
.profile-section--affiliations .profile-section__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .profile-section--honors .profile-section__list--extended,
  .profile-section--affiliations .profile-section__list--extended {
    display: none; }
    .profile-section--honors .profile-section__list--extended .profile-section__item:first-child,
    .profile-section--affiliations .profile-section__list--extended .profile-section__item:first-child {
      margin-top: 20px; }

.profile-section--honors .profile-section__item,
.profile-section--affiliations .profile-section__item {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px; }
  .profile-section--honors .profile-section__item:before,
  .profile-section--affiliations .profile-section__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 15px;
    background-color: #0a0a0a; }
  @media screen and (min-width: 1024px) {
    .profile-section--honors .profile-section__item,
    .profile-section--affiliations .profile-section__item {
      font-size: 1.8rem; } }
  @media print {
    .profile-section--honors .profile-section__item,
    .profile-section--affiliations .profile-section__item {
      font-size: 1.8rem; } }
  .profile-section--honors .profile-section__item:last-child,
  .profile-section--affiliations .profile-section__item:last-child {
    padding-bottom: 0; }

.profile-section--honors .profile-section__see-more,
.profile-section--affiliations .profile-section__see-more {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 20px; }
  @media screen and (min-width: 64em) {
    .profile-section--honors .profile-section__see-more,
    .profile-section--affiliations .profile-section__see-more {
      white-space: nowrap; } }
  .profile-section--honors .profile-section__see-more:visited, .profile-section--honors .profile-section__see-more:active,
  .profile-section--affiliations .profile-section__see-more:visited,
  .profile-section--affiliations .profile-section__see-more:active {
    background-color: transparent;
    color: #E71324; }
  .profile-section--honors .profile-section__see-more:hover, .profile-section--honors .profile-section__see-more:focus,
  .profile-section--affiliations .profile-section__see-more:hover,
  .profile-section--affiliations .profile-section__see-more:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

@media screen and (min-width: 1024px) {
  .profile-section--honors .profile-section__content:after,
  .profile-section--affiliations .profile-section__content:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--honors .profile-section__title,
  .profile-section--affiliations .profile-section__title {
    float: left; }
  .profile-section--honors .profile-section__list,
  .profile-section--affiliations .profile-section__list {
    float: right;
    clear: right; }
  .profile-section--honors .profile-section__title,
  .profile-section--affiliations .profile-section__title {
    width: 400px;
    margin: 0;
    padding: 0;
    padding-right: 40px; }
  .profile-section--honors .profile-section__list,
  .profile-section--affiliations .profile-section__list {
    width: 400px;
    margin-left: calc(50% - 400px); }
  .profile-section--honors .profile-section__see-more,
  .profile-section--affiliations .profile-section__see-more {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none; } }

@media print {
  .profile-section--honors .profile-section__content:after,
  .profile-section--affiliations .profile-section__content:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--honors .profile-section__title,
  .profile-section--affiliations .profile-section__title {
    float: left; }
  .profile-section--honors .profile-section__list,
  .profile-section--affiliations .profile-section__list {
    float: right;
    clear: right; }
  .profile-section--honors .profile-section__title,
  .profile-section--affiliations .profile-section__title {
    width: 400px;
    margin: 0;
    padding: 0;
    padding-right: 40px; }
  .profile-section--honors .profile-section__list,
  .profile-section--affiliations .profile-section__list {
    width: 400px;
    margin-left: calc(50% - 400px); }
  .profile-section--honors .profile-section__see-more,
  .profile-section--affiliations .profile-section__see-more {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none; } }

.profile-section--honors .profile-section__item,
.profile-section--affiliations .profile-section__item {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px; }
  .profile-section--honors .profile-section__item:before,
  .profile-section--affiliations .profile-section__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 15px;
    background-color: #F36C21; }
  @media screen and (min-width: 1024px) {
    .profile-section--honors .profile-section__item,
    .profile-section--affiliations .profile-section__item {
      font-size: 1.8rem; } }
  @media print {
    .profile-section--honors .profile-section__item,
    .profile-section--affiliations .profile-section__item {
      font-size: 1.8rem; } }
  .profile-section--honors .profile-section__item:before,
  .profile-section--affiliations .profile-section__item:before {
    background-color: #F36C21 !important; }

.profile-section--honors .profile-section__name,
.profile-section--affiliations .profile-section__name {
  color: #E71324; }

.profile-section--honors .profile-section__description,
.profile-section--affiliations .profile-section__description {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: .1rem; }

.profile-section--services .profile-section__services {
  display: block;
  border-top: 1px solid var(--sra-border-color);
  border-left: 1px solid var(--sra-border-color);
  margin: 0;
  padding: 0;
  list-style: none; }
  .profile-section--services .profile-section__services:after {
    content: "";
    display: table;
    clear: both; }

.profile-section--services .profile-section__service {
  display: block;
  width: 50%;
  border-bottom: 1px solid var(--sra-border-color);
  border-right: 1px solid var(--sra-border-color);
  height: 70px;
  float: left;
  position: relative; }

.profile-section--services .profile-section__label {
  font-family: "gt-sectra-fine", serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 92%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: .015rem; }

@media screen and (min-width: 672px) {
  .profile-section--services .profile-section__service {
    width: 33.3%; } }

@media print {
  .profile-section--services .profile-section__service {
    width: 33.3%; } }

@media screen and (min-width: 1024px) {
  .profile-section--services .profile-section__service {
    width: 20%; } }

@media print {
  .profile-section--services .profile-section__service {
    width: 20%; } }

.profile-section--training .tabs {
  margin: 0 auto 18px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .profile-section--training .tabs[data-tabs-length="1"] {
    display: none; }

.profile-section--training .tabs-title {
  text-indent: -10000px;
  position: relative; }
  .profile-section--training .tabs-title * {
    background-color: transparent !important; }
  .profile-section--training .tabs-title:after {
    content: " ";
    height: 10px;
    width: 10px;
    background-color: var(--sra-text-gray-color);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
  .profile-section--training .tabs-title.is-active:after {
    background-color: #0a0a0a; }

@media screen and (min-width: 1024px) {
  .profile-section--training:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--training .tabs {
    display: none; }
  .profile-section--training .tabs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media print {
  .profile-section--training:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--training .tabs {
    display: none; }
  .profile-section--training .tabs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

.profile-training {
  background-color: #40C1AC;
  color: #fefefe;
  padding: 30px 20px;
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .profile-training {
      display: block;
      width: calc(33.33% - (36px * 2) / 3);
      margin-right: 36px; }
      .profile-training:last-child {
        margin-right: 0; } }
  @media print {
    .profile-training {
      display: block;
      width: calc(33.33% - (36px * 2) / 3);
      margin-right: 36px; }
      .profile-training:last-child {
        margin-right: 0; } }
  .profile-training__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: .005px;
    padding-bottom: 30px;
    position: relative; }
  .profile-training__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .profile-training__years {
    font-family: "gibson-light", sans-serif;
    font-size: 2.4rem;
    line-height: 2.4rem;
    letter-spacing: .005px;
    padding-bottom: 10px; }
  .profile-training__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .015px;
    padding-bottom: 30px; }
    .profile-training__description:last-child {
      padding-bottom: 0; }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .profile-training {
      padding: 30px 60px; } }

.profile-type-board_member .profile-training {
  background-color: #A03753; }

.profile-section--tool-bar {
  padding-top: 40px;
  padding-bottom: 40px;
  border: 0; }
  .profile-section--tool-bar:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--tool-bar .flag {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    @media screen and (min-width: 64em) {
      .profile-section--tool-bar .flag {
        white-space: nowrap; } }
    .profile-section--tool-bar .flag:visited, .profile-section--tool-bar .flag:active {
      background-color: transparent;
      color: #E71324; }
    .profile-section--tool-bar .flag:hover, .profile-section--tool-bar .flag:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
  .profile-section--tool-bar .profile-section__status {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .005rem;
    margin-bottom: 16px; }
  .profile-section--tool-bar .profile-section__button {
    margin-bottom: 16px; }
  @media screen and (min-width: 1024px) {
    .profile-section--tool-bar .profile-section__content {
      position: relative; }
      .profile-section--tool-bar .profile-section__content:before {
        position: absolute;
        content: " ";
        width: 1px;
        top: 0;
        bottom: 0;
        background-color: var(--sra-border-color);
        right: 34.5%; }
    .profile-section--tool-bar .profile-section__status {
      position: absolute;
      width: 180px;
      left: 0;
      top: 50%;
      margin: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .profile-section--tool-bar .profile-section__button {
      margin-left: 220px;
      margin-bottom: 0; }
    .profile-section--tool-bar .profile-section__social {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media print {
    .profile-section--tool-bar .profile-section__content {
      position: relative; }
      .profile-section--tool-bar .profile-section__content:before {
        position: absolute;
        content: " ";
        width: 1px;
        top: 0;
        bottom: 0;
        background-color: var(--sra-border-color);
        right: 34.5%; }
    .profile-section--tool-bar .profile-section__status {
      position: absolute;
      width: 180px;
      left: 0;
      top: 50%;
      margin: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .profile-section--tool-bar .profile-section__button {
      margin-left: 220px;
      margin-bottom: 0; }
    .profile-section--tool-bar .profile-section__social {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media screen and (min-width: 1280px) {
    .profile-section--tool-bar__content:before {
      right: 35.5%; } }
  @media print {
    .profile-section--tool-bar__content:before {
      right: 35.5%; } }

.profile-section--unordered-list .profile-section__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .profile-section--unordered-list .profile-section__list--extended {
    display: none; }
    .profile-section--unordered-list .profile-section__list--extended .profile-section__item:first-child {
      margin-top: 20px; }

.profile-section--unordered-list .profile-section__item {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px; }
  .profile-section--unordered-list .profile-section__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 15px;
    background-color: #0a0a0a; }
  @media screen and (min-width: 1024px) {
    .profile-section--unordered-list .profile-section__item {
      font-size: 1.8rem; } }
  @media print {
    .profile-section--unordered-list .profile-section__item {
      font-size: 1.8rem; } }
  .profile-section--unordered-list .profile-section__item:last-child {
    padding-bottom: 0; }

.profile-section--unordered-list .profile-section__see-more {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 20px; }
  @media screen and (min-width: 64em) {
    .profile-section--unordered-list .profile-section__see-more {
      white-space: nowrap; } }
  .profile-section--unordered-list .profile-section__see-more:visited, .profile-section--unordered-list .profile-section__see-more:active {
    background-color: transparent;
    color: #E71324; }
  .profile-section--unordered-list .profile-section__see-more:hover, .profile-section--unordered-list .profile-section__see-more:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

@media screen and (min-width: 1024px) {
  .profile-section--unordered-list .profile-section__content:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--unordered-list .profile-section__title {
    float: left; }
  .profile-section--unordered-list .profile-section__list {
    float: right;
    clear: right; }
  .profile-section--unordered-list .profile-section__title {
    width: 400px;
    margin: 0;
    padding: 0;
    padding-right: 40px; }
  .profile-section--unordered-list .profile-section__list {
    width: 400px;
    margin-left: calc(50% - 400px); }
  .profile-section--unordered-list .profile-section__see-more {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none; } }

@media print {
  .profile-section--unordered-list .profile-section__content:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--unordered-list .profile-section__title {
    float: left; }
  .profile-section--unordered-list .profile-section__list {
    float: right;
    clear: right; }
  .profile-section--unordered-list .profile-section__title {
    width: 400px;
    margin: 0;
    padding: 0;
    padding-right: 40px; }
  .profile-section--unordered-list .profile-section__list {
    width: 400px;
    margin-left: calc(50% - 400px); }
  .profile-section--unordered-list .profile-section__see-more {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none; } }

.profile-section--unordered-list .profile-section__item {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px; }
  .profile-section--unordered-list .profile-section__item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 15px;
    background-color: #0a0a0a; }
  @media screen and (min-width: 1024px) {
    .profile-section--unordered-list .profile-section__item {
      font-size: 1.8rem; } }
  @media print {
    .profile-section--unordered-list .profile-section__item {
      font-size: 1.8rem; } }

.profile-section--lab h2 {
  font-family: "gibson-regular", sans-serif;
  font-size: 3rem;
  line-height: 3.8rem;
  letter-spacing: .015rem;
  padding-bottom: 18px;
  text-align: left; }
  @media screen and (min-width: 1024px) {
    .profile-section--lab h2 {
      font-size: 3.8rem;
      line-height: 4.8rem; } }
  @media print {
    .profile-section--lab h2 {
      font-size: 3.8rem;
      line-height: 4.8rem; } }
  @media screen and (min-width: 1280px) {
    .profile-section--lab h2 {
      font-size: 4.2rem;
      line-height: 5.2rem; } }
  @media print {
    .profile-section--lab h2 {
      font-size: 4.2rem;
      line-height: 5.2rem; } }

.profile-section--lab .package--lab-card {
  margin: 0 auto; }

.profile-section--lab .lab-card__wrapper {
  margin-top: 19px; }

.profile-section--lab .lab-card .graphic-01 {
  background-color: #fefefe; }
  .profile-section--lab .lab-card .graphic-01:before {
    background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/cog.svg"); }

@media screen and (min-width: 1024px) {
  .profile-section--lab h2 {
    width: 180px;
    position: absolute;
    top: -7px;
    left: 0; }
  .profile-section--lab .package--lab-card:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--lab .lab-card__wrapper {
    float: left;
    width: 512px;
    margin-top: 60px; }
  .profile-section--lab .lab-card__header {
    min-width: 220px;
    padding: 30px 32px; }
  .profile-section--lab .lab-card__body {
    padding: 45px 32px 30px;
    max-width: auto;
    min-width: auto; }
    .profile-section--lab .lab-card__body p {
      font-size: 1.6rem;
      line-height: 2.2rem; }
  .profile-section--lab .lab-card .graphic-01 {
    width: 60px;
    height: 60px; }
  .profile-section--lab .lab-card .graphic-02 {
    height: 42px;
    width: 42px; }
  .profile-section--lab .lab-card h4 {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .profile-section--lab .lab-card .cta-button {
    min-width: auto;
    margin-top: 3rem; } }

@media print {
  .profile-section--lab h2 {
    width: 180px;
    position: absolute;
    top: -7px;
    left: 0; }
  .profile-section--lab .package--lab-card:after {
    content: "";
    display: table;
    clear: both; }
  .profile-section--lab .lab-card__wrapper {
    float: left;
    width: 512px;
    margin-top: 60px; }
  .profile-section--lab .lab-card__header {
    min-width: 220px;
    padding: 30px 32px; }
  .profile-section--lab .lab-card__body {
    padding: 45px 32px 30px;
    max-width: auto;
    min-width: auto; }
    .profile-section--lab .lab-card__body p {
      font-size: 1.6rem;
      line-height: 2.2rem; }
  .profile-section--lab .lab-card .graphic-01 {
    width: 60px;
    height: 60px; }
  .profile-section--lab .lab-card .graphic-02 {
    height: 42px;
    width: 42px; }
  .profile-section--lab .lab-card h4 {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .profile-section--lab .lab-card .cta-button {
    min-width: auto;
    margin-top: 3rem; } }

@media screen and (min-width: 1280px) {
  .profile-section--lab .lab-card__wrapper {
    width: 620px; }
  .profile-section--lab .lab-card__header {
    padding: 50px 40px; }
  .profile-section--lab .lab-card__body {
    padding: 65px 40px 50px; }
  .profile-section--lab .lab-card h4 {
    font-size: 3rem;
    line-height: 3.6rem; } }

@media print {
  .profile-section--lab .lab-card__wrapper {
    width: 620px; }
  .profile-section--lab .lab-card__header {
    padding: 50px 40px; }
  .profile-section--lab .lab-card__body {
    padding: 65px 40px 50px; }
  .profile-section--lab .lab-card h4 {
    font-size: 3rem;
    line-height: 3.6rem; } }

.profile-section--work-history__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.profile-section--work-history__item {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--sra-border-color);
  margin-bottom: 20px; }
  .profile-section--work-history__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0; }

.profile-section--work-history__years {
  font-family: "gibson-light", sans-serif;
  font-size: 2.2rem;
  line-height: 2.2rem;
  letter-spacing: .005rem;
  color: #7E756F;
  padding-bottom: 11px; }

.profile-section--work-history__title, .profile-section--work-history__description {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem; }

@media screen and (min-width: 1024px) {
  .profile-section--work-history__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .profile-section--work-history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--sra-border-color);
    margin-bottom: 0; }
    .profile-section--work-history__item:nth-child(odd) {
      border-right: 1px solid var(--sra-border-color);
      padding-right: 30px; }
    .profile-section--work-history__item:nth-child(even) {
      padding-left: 30px; }
    .profile-section--work-history__item:last-child, .profile-section--work-history__item:nth-last-child(2):nth-child(odd) {
      border-bottom: 0; }
  .profile-section--work-history__main {
    width: 60%; }
  .profile-section--work-history__years {
    font-size: 3.4rem;
    line-height: 4.4rem;
    padding-bottom: 0;
    width: 40%;
    padding-right: 30px; }
  .profile-section--work-history__title, .profile-section--work-history__description {
    font-size: 1.4rem;
    line-height: 2rem; } }

@media print {
  .profile-section--work-history__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .profile-section--work-history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--sra-border-color);
    margin-bottom: 0; }
    .profile-section--work-history__item:nth-child(odd) {
      border-right: 1px solid var(--sra-border-color);
      padding-right: 30px; }
    .profile-section--work-history__item:nth-child(even) {
      padding-left: 30px; }
    .profile-section--work-history__item:last-child, .profile-section--work-history__item:nth-last-child(2):nth-child(odd) {
      border-bottom: 0; }
  .profile-section--work-history__main {
    width: 60%; }
  .profile-section--work-history__years {
    font-size: 3.4rem;
    line-height: 4.4rem;
    padding-bottom: 0;
    width: 40%;
    padding-right: 30px; }
  .profile-section--work-history__title, .profile-section--work-history__description {
    font-size: 1.4rem;
    line-height: 2rem; } }

/*
Package -- Featured Research

.profile-section - Add this class when the pacakge is on a profile page.
.package - Add this class when the pacakge is on a profile page.


markup:
<section class='{{modifier_class}} package--featured-research'>
  <h2 class='section-title'>Featured Research</h2>
  <div class='package__content'>
    <i class="graphic--bacteria graphic--bacteria__first" aria-hidden="true"></i>
    <i class="graphic--bacteria graphic--bacteria__last" aria-hidden="true"></i>
    <div class="package--featured-research__wrapper">
      <i class="graphic--hexagon-orange" aria-hidden="true"></i>
      <a href="#" class="package--featured-research__title">
        Atomic models for the polypeptide backbones of myohemerythrin and hemerythrin.
      </a>
      <div class="package--featured-research__elocationid"></div>
    </div>
  </div>
  <p class="package--featured-research__authors">
    Hendrickson WA, Ward KB
  </p>
</section>

Styleguide 11.14
*/
.package--featured-research {
  position: relative; }
  .package--featured-research:after {
    content: "";
    display: table;
    clear: both; }
  .package--featured-research .section-title {
    font-family: "gibson-regular", sans-serif;
    font-size: 3rem;
    line-height: 3.4rem;
    letter-spacing: .015rem;
    margin-bottom: 0;
    padding-bottom: 8px;
    text-align: left; }
  .package--featured-research .package__content {
    position: relative; }
  .package--featured-research__wrapper {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    padding: 32px;
    position: relative;
    z-index: 2;
    margin-top: 40px; }
  .package--featured-research__title {
    font-family: "gt-sectra-fine", serif;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: .015rem;
    text-decoration: none;
    padding-bottom: 18px;
    display: inline-block; }
  .package--featured-research a.package--featured-research__title:hover {
    text-decoration: underline; }
  .package--featured-research__elocationid {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .015rem; }
  .package--featured-research__authors {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .180rem;
    color: var(--sra-gray);
    margin-top: 45px;
    margin-bottom: 0; }
  .package--featured-research .graphic--hexagon-orange {
    top: -15px;
    left: -22px;
    z-index: 3; }
  .package--featured-research .graphic--bacteria {
    z-index: 0; }
    .package--featured-research .graphic--bacteria__first {
      top: -35px;
      right: -29px; }
    .package--featured-research .graphic--bacteria__last {
      bottom: -20px;
      left: -92px;
      -webkit-transform: rotate(42deg);
      transform: rotate(42deg); }
  @media screen and (min-width: 1024px) {
    .package--featured-research.package {
      padding: 0 88px; }
    .package--featured-research .package__content {
      position: relative;
      width: 440px;
      float: right; }
    .package--featured-research__wrapper {
      width: 100%;
      margin-top: 0; }
    .package--featured-research .section-title {
      float: left;
      font-size: 3.8rem;
      line-height: 4.2rem;
      width: calc(100% - 440px);
      top: -7px;
      left: 0;
      padding-right: 140px; }
    .package--featured-research .graphic--hexagon-orange {
      top: -18px;
      left: -25px; }
    .package--featured-research .graphic--bacteria__first {
      top: -33px;
      right: -29px; }
    .package--featured-research .graphic--bacteria__last {
      bottom: -30px;
      left: -70px; }
    .package--featured-research__authors {
      float: left;
      clear: left;
      left: 0;
      width: calc(100% - 440px);
      margin-top: 30px;
      padding-right: 32px; } }
  @media print {
    .package--featured-research.package {
      padding: 0 88px; }
    .package--featured-research .package__content {
      position: relative;
      width: 440px;
      float: right; }
    .package--featured-research__wrapper {
      width: 100%;
      margin-top: 0; }
    .package--featured-research .section-title {
      float: left;
      font-size: 3.8rem;
      line-height: 4.2rem;
      width: calc(100% - 440px);
      top: -7px;
      left: 0;
      padding-right: 140px; }
    .package--featured-research .graphic--hexagon-orange {
      top: -18px;
      left: -25px; }
    .package--featured-research .graphic--bacteria__first {
      top: -33px;
      right: -29px; }
    .package--featured-research .graphic--bacteria__last {
      bottom: -30px;
      left: -70px; }
    .package--featured-research__authors {
      float: left;
      clear: left;
      left: 0;
      width: calc(100% - 440px);
      margin-top: 30px;
      padding-right: 32px; } }
  @media screen and (min-width: 1280px) {
    .package--featured-research.package {
      padding: 0 210px; }
    .package--featured-research .section-title {
      font-size: 4.2rem;
      line-height: 4.8rem; } }
  @media print {
    .package--featured-research.package {
      padding: 0 210px; }
    .package--featured-research .section-title {
      font-size: 4.2rem;
      line-height: 4.8rem; } }
  .profile-section--featured-research .package--featured-research {
    padding-left: 0;
    padding-right: 0; }

.profile-section--recent-research__item {
  text-align: center;
  border-bottom: 1px solid var(--sra-border-color);
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .profile-section--recent-research__item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.profile-section--recent-research__title {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .015rem;
  margin-bottom: 20px;
  display: inline-block; }

.profile-section--recent-research__authors {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .180rem;
  color: var(--sra-gray);
  margin-bottom: 20px; }

.profile-section--recent-research__elocationid {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: .015rem; }

.profile-section--recent-research__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .profile-section--recent-research__wrapper .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .profile-section--recent-research__wrapper .slick-track .slick-slide {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      height: auto; }
  .profile-section--recent-research__wrapper .slick-dots {
    margin: auto;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .profile-section--recent-research__wrapper .slick-dots li {
      padding: 12px;
      cursor: pointer; }
      .profile-section--recent-research__wrapper .slick-dots li::marker {
        display: none;
        content: none; }
      .profile-section--recent-research__wrapper .slick-dots li button {
        font-size: 0px;
        background: rgba(0, 0, 0, 0.1);
        width: 12px;
        height: 12px;
        border-radius: 12px; }
      .profile-section--recent-research__wrapper .slick-dots li.slick-active button {
        background: rgba(0, 0, 0, 0.3); }

@media screen and (min-width: 1024px) {
  .profile-section--recent-research__item {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 1px solid var(--sra-border-color);
    padding-right: 20px;
    padding-left: 20px; } }

@media print {
  .profile-section--recent-research__item {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 1px solid var(--sra-border-color);
    padding-right: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 1024px) {
  .profile-section--recent-research__title {
    font-size: 1.8rem;
    line-height: 2.4rem; } }

@media print {
  .profile-section--recent-research__title {
    font-size: 1.8rem;
    line-height: 2.4rem; } }

.profile-section--related-profiles {
  padding-top: 61px; }
  .profile-section--related-profiles .related-profile__hero {
    height: 0;
    padding-top: 75%; }
    .profile-section--related-profiles .related-profile__hero img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%; }

.profile-section--conditions-services .profile-section__terms {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .profile-section--conditions-services .profile-section__terms a {
    font-family: "gt-sectra-fine", serif;
    display: block;
    width: 50%;
    border-right: 1px solid var(--sra-border-color);
    border-bottom: 1px solid var(--sra-border-color);
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 36px 20px;
    text-decoration: none; }
    .profile-section--conditions-services .profile-section__terms a:hover {
      text-decoration: underline; }
    @media screen and (min-width: 1024px) {
      .profile-section--conditions-services .profile-section__terms a {
        font-size: 1.4rem; } }
    @media print {
      .profile-section--conditions-services .profile-section__terms a {
        font-size: 1.4rem; } }
    .profile-section--conditions-services .profile-section__terms a:nth-last-child(1), .profile-section--conditions-services .profile-section__terms a:nth-last-child(2) {
      border-bottom: 0; }
    @media screen and (min-width: 1024px) {
      .profile-section--conditions-services .profile-section__terms a {
        width: 25%; }
        .profile-section--conditions-services .profile-section__terms a:nth-last-child(3), .profile-section--conditions-services .profile-section__terms a:nth-last-child(4) {
          border-bottom: 0; } }
    @media print {
      .profile-section--conditions-services .profile-section__terms a {
        width: 25%; }
        .profile-section--conditions-services .profile-section__terms a:nth-last-child(3), .profile-section--conditions-services .profile-section__terms a:nth-last-child(4) {
          border-bottom: 0; } }
    @media screen and (min-width: 1280px) {
      .profile-section--conditions-services .profile-section__terms a {
        width: 20%; }
        .profile-section--conditions-services .profile-section__terms a:nth-last-child(5) {
          border-bottom: 0; } }
    @media print {
      .profile-section--conditions-services .profile-section__terms a {
        width: 20%; }
        .profile-section--conditions-services .profile-section__terms a:nth-last-child(5) {
          border-bottom: 0; } }
    @media screen and (max-width: 1023px) {
      .profile-section--conditions-services .profile-section__terms a:nth-child(1), .profile-section--conditions-services .profile-section__terms a:nth-child(2n + 1) {
        border-left: 1px solid var(--sra-border-color); } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .profile-section--conditions-services .profile-section__terms a:nth-child(1), .profile-section--conditions-services .profile-section__terms a:nth-child(4n + 1) {
        border-left: 1px solid var(--sra-border-color); } }
    @media screen and (min-width: 1280px) {
      .profile-section--conditions-services .profile-section__terms a:nth-child(1), .profile-section--conditions-services .profile-section__terms a:nth-child(5n + 1) {
        border-left: 1px solid var(--sra-border-color); } }
    @media print {
      .profile-section--conditions-services .profile-section__terms a:nth-child(1), .profile-section--conditions-services .profile-section__terms a:nth-child(5n + 1) {
        border-left: 1px solid var(--sra-border-color); } }

.profile-section__details {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    .profile-section__details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 49%; } }
  @media print {
    .profile-section__details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 49%; } }

.annual-giving h2 {
  line-height: 1;
  margin: 0;
  padding: 0; }

.annual-giving sup {
  top: -0.25em; }

@media screen and (min-width: 1024px) {
  .annual-giving .annual-giving__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
    .annual-giving .annual-giving__current .donation-date {
      -webkit-margin-start: 10px;
      margin-inline-start: 10px; } }

@media print {
  .annual-giving .annual-giving__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
    .annual-giving .annual-giving__current .donation-date {
      -webkit-margin-start: 10px;
      margin-inline-start: 10px; } }

.donation-amount {
  font-size: 75%; }

.donation-pending {
  font-size: 2rem;
  line-height: 1.5; }
  @media screen and (min-width: 1024px) {
    .donation-pending {
      font-size: 2.25rem;
      line-height: 2; } }
  @media print {
    .donation-pending {
      font-size: 2.25rem;
      line-height: 2; } }

.donation-date,
.donation-disclaimer p {
  font-size: 1.5rem;
  line-height: 2; }
  @media screen and (min-width: 1024px) {
    .donation-date,
    .donation-disclaimer p {
      font-size: 1.6rem; } }
  @media print {
    .donation-date,
    .donation-disclaimer p {
      font-size: 1.6rem; } }

@media screen and (max-width: 671px) {
  .profile-section__title,
  .donation-date {
    display: inline; } }

/*
  Login Modal styles.
*/
.ui-corner-all {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.login-form {
  border: 0;
  max-width: 470px;
  width: 100%;
  margin: 0 auto 20px;
  background-color: #fff;
  padding: 0; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .login-form {
      width: 100% !important; }
      .login-form .login-form__help_actions {
        text-align: center; }
        .login-form .login-form__help_actions a.forgot-password {
          display: block;
          float: none;
          margin-top: 1.5rem; } }
  .login-form__wrapper {
    padding: 50px 0; }
  .login-form .ui-dialog-titlebar {
    background: transparent;
    border: 0;
    height: auto;
    padding: 0; }
    .login-form .ui-dialog-titlebar .ui-dialog-title {
      display: none; }
    .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close {
      border: 0 !important;
      background: none !important;
      position: absolute;
      top: 0;
      right: 0;
      padding-top: 20px;
      padding-right: 20px;
      margin-top: 30px;
      margin-right: 10px;
      right: 0;
      height: auto;
      width: auto;
      z-index: 101; }
      @media screen and (min-width: 672px) {
        .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close {
          margin-right: 30px; } }
      @media print {
        .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close {
          margin-right: 30px; } }
      .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
        position: static;
        margin: 0;
        padding: 0;
        height: 24px;
        width: 24px;
        text-indent: 0;
        background: none;
        text-decoration: none; }
        .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick:hover:before {
          text-decoration: none; }
      .login-form .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
        display: none; }
  .login-form .ui-dialog-content {
    padding: 0;
    border: 0; }
  .login-form .messages--error {
    background-color: transparent;
    border: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0 0 30px;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    color: #E71324; }
    .login-form .messages--error .messages__item {
      margin: 0; }
      .login-form .messages--error .messages__item a {
        display: block; }
  .login-form h3 {
    font-family: "gibson-regular", sans-serif;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #0a0a0a;
    font-size: 2.8rem;
    letter-spacing: .18rem;
    line-height: 3.2rem;
    text-align: center;
    margin: 50px auto;
    position: relative; }
  .login-form p {
    font-family: "gt-sectra-fine", serif;
    margin-bottom: 20px;
    font-size: 1.4rem;
    letter-spacing: .0015em;
    line-height: 2rem;
    color: var(--sra-text-gray-color); }
  .login-form a {
    color: #0a0a0a;
    text-decoration: underline;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase; }
    .login-form a.forgot-password {
      float: right;
      text-decoration: none;
      letter-spacing: .05em; }
      .login-form a.forgot-password span {
        text-decoration: underline; }
      .login-form a.forgot-password:hover, .login-form a.forgot-password:focus {
        color: #E71324; }
  .login-form [role="alert"] a {
    display: inline-block; }
  .login-form .cta-button,
  .login-form .cta-button:visited,
  .login-form .cta-button:active {
    text-decoration: none;
    color: #E71324;
    background-color: #fff; }
  .login-form .cta-button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #E71324; }
  .login-form .password-toggle {
    color: #0a0a0a;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .05em;
    text-transform: uppercase; }
  .login-form .form-email {
    margin-bottom: 30px; }
  .login-form .show_password {
    opacity: 0; }
    .login-form .show_password ~ label {
      text-decoration: none;
      position: relative;
      top: -1px;
      cursor: pointer; }
      .login-form .show_password ~ label:before {
        color: #0a0a0a;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .login-form .show_password ~ label:hover:before {
        text-decoration: none; }
      .login-form .show_password ~ label span {
        text-decoration: underline; }
      .login-form .show_password ~ label:before {
        position: absolute;
        left: -27px;
        top: -2px;
        pointer-events: none; }
    .login-form .show_password:checked ~ label {
      text-decoration: none; }
      .login-form .show_password:checked ~ label:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .login-form .show_password:checked ~ label:hover:before {
        text-decoration: none; }
    .login-form .show_password:hover ~ label,
    .login-form .show_password:focus ~ label {
      text-decoration: none;
      color: #E71324; }
      .login-form .show_password:hover ~ label:before,
      .login-form .show_password:focus ~ label:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .login-form .show_password:hover ~ label:hover:before,
      .login-form .show_password:focus ~ label:hover:before {
        text-decoration: none; }
    .login-form .show_password:focus ~ label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight; }
      @media (-webkit-min-device-pixel-ratio: 0) {
        .login-form .show_password:focus ~ label {
          outline-color: -webkit-focus-ring-color;
          outline-style: auto; } }
  .login-form__top {
    padding: 10px 32px 30px; }
    .login-form__top h3 {
      text-decoration: none; }
      .login-form__top h3:before {
        color: #f3f3f3;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 100px;
        text-decoration: none; }
      .login-form__top h3:hover:before {
        text-decoration: none; }
      .login-form__top h3:before {
        position: absolute;
        top: -100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
  .login-form__bottom {
    text-align: center;
    padding: 20px 32px 0; }
    .login-form--forgot-pass .login-form__bottom {
      text-align: left; }
    .login-form__bottom h3 {
      margin-top: 27px;
      margin-bottom: 34px; }
    .login-form__bottom p {
      text-align: left;
      margin-bottom: 37px; }
  .login-form__submit {
    width: 100%;
    padding: 0 0 25px;
    margin: 0 auto;
    text-align: center; }
    .login-form__submit input {
      font-family: 'gibson-regular', sans-serif;
      background-color: transparent;
      border: 1px solid #E71324;
      border-radius: 8px;
      color: #E71324;
      cursor: pointer;
      display: inline-block;
      font-size: 1.25rem;
      letter-spacing: 0.015em;
      line-height: 50px;
      margin: 0;
      padding: 0 50px;
      position: relative;
      vertical-align: bottom;
      width: auto;
      height: 50px;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: all 0.15s;
      transition: all 0.15s; }
      @media screen and (min-width: 64em) {
        .login-form__submit input {
          white-space: nowrap; } }
      .login-form__submit input:visited, .login-form__submit input:active {
        background-color: transparent;
        color: #E71324; }
      .login-form__submit input:hover, .login-form__submit input:focus {
        background-color: #E71324;
        border: 1px solid #E71324;
        color: #fff;
        text-decoration: none; }
  .login-form__submit .cta-button, .login-form__bottom .cta-button {
    width: 100%; }
  .login-form__help_actions {
    width: 100%;
    padding: 0 0 30px; }
  .login-form .form-item {
    margin: 40px 0 20px;
    display: block; }
    .login-form .form-item:first-child {
      margin-top: 0; }
    .login-form .form-item [type='textfield'],
    .login-form .form-item [type='text'],
    .login-form .form-item [type='password'],
    .login-form .form-item [type='date'],
    .login-form .form-item [type='datetime'],
    .login-form .form-item [type='datetime-local'],
    .login-form .form-item [type='month'],
    .login-form .form-item [type='week'],
    .login-form .form-item [type='email'],
    .login-form .form-item [type='number'],
    .login-form .form-item [type='search'],
    .login-form .form-item [type='tel'],
    .login-form .form-item [type='time'],
    .login-form .form-item [type='url'],
    .login-form .form-item [type='color'] {
      font-family: "gt-sectra-fine", serif;
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid var(--sra-border-color);
      height: 40px;
      font-size: 2rem;
      margin-bottom: 10px;
      text-transform: none; }
      .login-form .form-item [type='textfield']:focus,
      .login-form .form-item [type='text']:focus,
      .login-form .form-item [type='password']:focus,
      .login-form .form-item [type='date']:focus,
      .login-form .form-item [type='datetime']:focus,
      .login-form .form-item [type='datetime-local']:focus,
      .login-form .form-item [type='month']:focus,
      .login-form .form-item [type='week']:focus,
      .login-form .form-item [type='email']:focus,
      .login-form .form-item [type='number']:focus,
      .login-form .form-item [type='search']:focus,
      .login-form .form-item [type='tel']:focus,
      .login-form .form-item [type='time']:focus,
      .login-form .form-item [type='url']:focus,
      .login-form .form-item [type='color']:focus {
        -webkit-box-shadow: 0 0 5px #238FCF;
        box-shadow: 0 0 5px #238FCF;
        border: 1px solid #238FCF; }
      .login-form .form-item [type='textfield'].error,
      .login-form .form-item [type='text'].error,
      .login-form .form-item [type='password'].error,
      .login-form .form-item [type='date'].error,
      .login-form .form-item [type='datetime'].error,
      .login-form .form-item [type='datetime-local'].error,
      .login-form .form-item [type='month'].error,
      .login-form .form-item [type='week'].error,
      .login-form .form-item [type='email'].error,
      .login-form .form-item [type='number'].error,
      .login-form .form-item [type='search'].error,
      .login-form .form-item [type='tel'].error,
      .login-form .form-item [type='time'].error,
      .login-form .form-item [type='url'].error,
      .login-form .form-item [type='color'].error {
        border-bottom: 2px solid #E71324; }
      .login-form .form-item [type='textfield'].error:focus,
      .login-form .form-item [type='text'].error:focus,
      .login-form .form-item [type='password'].error:focus,
      .login-form .form-item [type='date'].error:focus,
      .login-form .form-item [type='datetime'].error:focus,
      .login-form .form-item [type='datetime-local'].error:focus,
      .login-form .form-item [type='month'].error:focus,
      .login-form .form-item [type='week'].error:focus,
      .login-form .form-item [type='email'].error:focus,
      .login-form .form-item [type='number'].error:focus,
      .login-form .form-item [type='search'].error:focus,
      .login-form .form-item [type='tel'].error:focus,
      .login-form .form-item [type='time'].error:focus,
      .login-form .form-item [type='url'].error:focus,
      .login-form .form-item [type='color'].error:focus {
        border: 1px solid #E71324;
        border-bottom: 2px solid #E71324;
        -webkit-box-shadow: 0 0 5px #E71324;
        box-shadow: 0 0 5px #E71324; }
      .login-form .form-item [type='textfield']::-webkit-input-placeholder,
      .login-form .form-item [type='text']::-webkit-input-placeholder,
      .login-form .form-item [type='password']::-webkit-input-placeholder,
      .login-form .form-item [type='date']::-webkit-input-placeholder,
      .login-form .form-item [type='datetime']::-webkit-input-placeholder,
      .login-form .form-item [type='datetime-local']::-webkit-input-placeholder,
      .login-form .form-item [type='month']::-webkit-input-placeholder,
      .login-form .form-item [type='week']::-webkit-input-placeholder,
      .login-form .form-item [type='email']::-webkit-input-placeholder,
      .login-form .form-item [type='number']::-webkit-input-placeholder,
      .login-form .form-item [type='search']::-webkit-input-placeholder,
      .login-form .form-item [type='tel']::-webkit-input-placeholder,
      .login-form .form-item [type='time']::-webkit-input-placeholder,
      .login-form .form-item [type='url']::-webkit-input-placeholder,
      .login-form .form-item [type='color']::-webkit-input-placeholder {
        color: var(--sra-text-gray-color); }
      .login-form .form-item [type='textfield']::-moz-placeholder,
      .login-form .form-item [type='text']::-moz-placeholder,
      .login-form .form-item [type='password']::-moz-placeholder,
      .login-form .form-item [type='date']::-moz-placeholder,
      .login-form .form-item [type='datetime']::-moz-placeholder,
      .login-form .form-item [type='datetime-local']::-moz-placeholder,
      .login-form .form-item [type='month']::-moz-placeholder,
      .login-form .form-item [type='week']::-moz-placeholder,
      .login-form .form-item [type='email']::-moz-placeholder,
      .login-form .form-item [type='number']::-moz-placeholder,
      .login-form .form-item [type='search']::-moz-placeholder,
      .login-form .form-item [type='tel']::-moz-placeholder,
      .login-form .form-item [type='time']::-moz-placeholder,
      .login-form .form-item [type='url']::-moz-placeholder,
      .login-form .form-item [type='color']::-moz-placeholder {
        color: var(--sra-text-gray-color); }
      .login-form .form-item [type='textfield']::-ms-input-placeholder,
      .login-form .form-item [type='text']::-ms-input-placeholder,
      .login-form .form-item [type='password']::-ms-input-placeholder,
      .login-form .form-item [type='date']::-ms-input-placeholder,
      .login-form .form-item [type='datetime']::-ms-input-placeholder,
      .login-form .form-item [type='datetime-local']::-ms-input-placeholder,
      .login-form .form-item [type='month']::-ms-input-placeholder,
      .login-form .form-item [type='week']::-ms-input-placeholder,
      .login-form .form-item [type='email']::-ms-input-placeholder,
      .login-form .form-item [type='number']::-ms-input-placeholder,
      .login-form .form-item [type='search']::-ms-input-placeholder,
      .login-form .form-item [type='tel']::-ms-input-placeholder,
      .login-form .form-item [type='time']::-ms-input-placeholder,
      .login-form .form-item [type='url']::-ms-input-placeholder,
      .login-form .form-item [type='color']::-ms-input-placeholder {
        color: var(--sra-text-gray-color); }
      .login-form .form-item [type='textfield']::placeholder,
      .login-form .form-item [type='text']::placeholder,
      .login-form .form-item [type='password']::placeholder,
      .login-form .form-item [type='date']::placeholder,
      .login-form .form-item [type='datetime']::placeholder,
      .login-form .form-item [type='datetime-local']::placeholder,
      .login-form .form-item [type='month']::placeholder,
      .login-form .form-item [type='week']::placeholder,
      .login-form .form-item [type='email']::placeholder,
      .login-form .form-item [type='number']::placeholder,
      .login-form .form-item [type='search']::placeholder,
      .login-form .form-item [type='tel']::placeholder,
      .login-form .form-item [type='time']::placeholder,
      .login-form .form-item [type='url']::placeholder,
      .login-form .form-item [type='color']::placeholder {
        color: var(--sra-text-gray-color); }
      .login-form .form-item [type='textfield']:-webkit-autofill,
      .login-form .form-item [type='text']:-webkit-autofill,
      .login-form .form-item [type='password']:-webkit-autofill,
      .login-form .form-item [type='date']:-webkit-autofill,
      .login-form .form-item [type='datetime']:-webkit-autofill,
      .login-form .form-item [type='datetime-local']:-webkit-autofill,
      .login-form .form-item [type='month']:-webkit-autofill,
      .login-form .form-item [type='week']:-webkit-autofill,
      .login-form .form-item [type='email']:-webkit-autofill,
      .login-form .form-item [type='number']:-webkit-autofill,
      .login-form .form-item [type='search']:-webkit-autofill,
      .login-form .form-item [type='tel']:-webkit-autofill,
      .login-form .form-item [type='time']:-webkit-autofill,
      .login-form .form-item [type='url']:-webkit-autofill,
      .login-form .form-item [type='color']:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset; }
    .login-form .form-item .description {
      display: none; }
  @media screen and (min-width: 672px) {
    .login-form {
      min-width: 455px; }
      .login-form__top, .login-form__bottom {
        padding: 20px 90px 0; }
      .login-form__submit .cta-button, .login-form__bottom .cta-button {
        width: 90%; } }
  @media print {
    .login-form {
      min-width: 455px; }
      .login-form__top, .login-form__bottom {
        padding: 20px 90px 0; }
      .login-form__submit .cta-button, .login-form__bottom .cta-button {
        width: 90%; } }

.path-login main,
.forgot-password main {
  background-color: #B2B4B2;
  padding: 50px 0; }
  .path-login main .login-form,
  .forgot-password main .login-form {
    padding: 40px 0; }

.reset-password .local-tasks,
.forgot-password .local-tasks,
.reset-password .local-tasks {
  display: none; }

.reset-password .login-form__top,
.forgot-password .login-form__top,
.reset-password .login-form__top {
  padding: 10px 0 30px; }

.reset-password .login-form__bottom,
.forgot-password .login-form__bottom,
.reset-password .login-form__bottom {
  padding: 40px 32px 0; }

.reset-password .form-item,
.forgot-password .form-item,
.reset-password .form-item {
  margin-bottom: 40px; }

.reset-password h3,
.forgot-password h3,
.reset-password h3 {
  padding-top: 170px;
  margin-bottom: 10px;
  position: relative;
  text-decoration: none; }
  .reset-password h3:after,
  .forgot-password h3:after,
  .reset-password h3:after {
    color: #FAA21B;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .reset-password h3:hover:after,
  .forgot-password h3:hover:after,
  .reset-password h3:hover:after {
    text-decoration: none; }
  .reset-password h3:after,
  .forgot-password h3:after,
  .reset-password h3:after {
    font-size: 6rem;
    border: 2px solid #FAA21B;
    border-radius: 50%;
    padding: 28px;
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.reset-password p,
.forgot-password p,
.reset-password p {
  color: #0a0a0a; }

@media screen and (min-width: 672px) {
  .reset-password .login-form__bottom,
  .forgot-password .login-form__bottom,
  .reset-password .login-form__bottom {
    padding: 40px 40px 0; } }

@media print {
  .reset-password .login-form__bottom,
  .forgot-password .login-form__bottom,
  .reset-password .login-form__bottom {
    padding: 40px 40px 0; } }

@media screen and (min-width: 1024px) {
  .reset-password .login-form__bottom,
  .forgot-password .login-form__bottom,
  .reset-password .login-form__bottom {
    padding: 40px 90px 0; } }

@media print {
  .reset-password .login-form__bottom,
  .forgot-password .login-form__bottom,
  .reset-password .login-form__bottom {
    padding: 40px 90px 0; } }

.reset-password .login-form__top {
  padding: 40px 32px 0; }

.reset-password .login-form__bottom p {
  text-align: center; }

@media screen and (min-width: 672px) {
  .reset-password .login-form__top {
    padding: 40px 40px 0; } }

@media print {
  .reset-password .login-form__top {
    padding: 40px 40px 0; } }

@media screen and (min-width: 1024px) {
  .reset-password .login-form__top {
    padding: 40px 90px 0; } }

@media print {
  .reset-password .login-form__top {
    padding: 40px 90px 0; } }

/*
  Registration Form
*/
.path-register .main {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .path-register .main {
      width: 1024px; } }
  @media print {
    .path-register .main {
      width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .path-register .main {
      width: 1280px; } }
  @media print {
    .path-register .main {
      width: 1280px; } }

.register-squiggle {
  display: block;
  width: 105px;
  height: 15px;
  margin: 0 auto 30px; }
  .register-squiggle .squiggle-step {
    stop-color: #E71324; }
  .register-squiggle .squiggle-bg {
    stop-color: #B2B4B2; }
  @media screen and (min-width: 1024px) {
    .register-squiggle {
      margin-bottom: 40px; } }
  @media print {
    .register-squiggle {
      margin-bottom: 40px; } }

.registration-form {
  width: 100%;
  height: 100%;
  float: left;
  background-color: #e9f1f5; }
  .registration-form .registration-graphic {
    display: none; }
  @media screen and (min-width: 1024px) {
    .registration-form .registration-graphic {
      display: block;
      position: absolute;
      height: auto;
      width: 881px; }
      .registration-form .registration-graphic--01 {
        width: 720px;
        right: 70px;
        top: 50px; }
        .registration-form .registration-graphic--01 .st0 {
          -webkit-clip-path: url(#SVGID_2_);
          clip-path: url(#SVGID_2_);
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--01 .st1 {
          -webkit-clip-path: url(#SVGID_4_);
          clip-path: url(#SVGID_4_);
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
      .registration-form .registration-graphic--02 {
        width: 870px;
        height: 290px;
        left: -680px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg); }
        .registration-form .registration-graphic--02 .st0 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--02 .st1 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.238;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--02 .st2 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
      .registration-form .registration-graphic--03 {
        width: 1100px;
        height: 300px;
        right: -370px;
        bottom: -180px;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg); }
        .registration-form .registration-graphic--03 .st0 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--03 .st1 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.238;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--03 .st2 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
    .registration-form--step-1 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-1 .registration-graphic--03 {
      right: -370px;
      bottom: 0; }
    .registration-form--step-5 .registration-graphic--01 .st0 {
      display: none; }
    .registration-form--step-5 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-5 .registration-graphic--03 {
      right: -370px;
      bottom: 0; }
    .registration-form form {
      position: relative;
      z-index: 1; } }
  @media print {
    .registration-form .registration-graphic {
      display: block;
      position: absolute;
      height: auto;
      width: 881px; }
      .registration-form .registration-graphic--01 {
        width: 720px;
        right: 70px;
        top: 50px; }
        .registration-form .registration-graphic--01 .st0 {
          -webkit-clip-path: url(#SVGID_2_);
          clip-path: url(#SVGID_2_);
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--01 .st1 {
          -webkit-clip-path: url(#SVGID_4_);
          clip-path: url(#SVGID_4_);
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
      .registration-form .registration-graphic--02 {
        width: 870px;
        height: 290px;
        left: -680px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg); }
        .registration-form .registration-graphic--02 .st0 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--02 .st1 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.238;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--02 .st2 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
      .registration-form .registration-graphic--03 {
        width: 1100px;
        height: 300px;
        right: -370px;
        bottom: -180px;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg); }
        .registration-form .registration-graphic--03 .st0 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.013;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--03 .st1 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 1.238;
          stroke-miterlimit: 10; }
        .registration-form .registration-graphic--03 .st2 {
          fill: none;
          stroke: #3A9ACF;
          stroke-width: 0.972;
          stroke-miterlimit: 10; }
    .registration-form--step-1 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-1 .registration-graphic--03 {
      right: -370px;
      bottom: 0; }
    .registration-form--step-5 .registration-graphic--01 .st0 {
      display: none; }
    .registration-form--step-5 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-5 .registration-graphic--03 {
      right: -370px;
      bottom: 0; }
    .registration-form form {
      position: relative;
      z-index: 1; } }
  @media screen and (min-width: 1280px) {
    .registration-form .registration-graphic--01 {
      width: 880px;
      right: 90px;
      top: 40px; }
    .registration-form--step-1 .registration-graphic--02, .registration-form--step-5 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-1 .registration-graphic--03, .registration-form--step-5 .registration-graphic--03 {
      right: -370px;
      bottom: 0; } }
  @media print {
    .registration-form .registration-graphic--01 {
      width: 880px;
      right: 90px;
      top: 40px; }
    .registration-form--step-1 .registration-graphic--02, .registration-form--step-5 .registration-graphic--02 {
      bottom: 40px;
      top: auto; }
    .registration-form--step-1 .registration-graphic--03, .registration-form--step-5 .registration-graphic--03 {
      right: -370px;
      bottom: 0; } }
  @media screen and (max-width: 1023px) {
    .registration-form.registration-form--step-5 {
      background: none; }
      .registration-form.registration-form--step-5 .registration-form__user_card {
        padding-bottom: 0; }
      .registration-form.registration-form--step-5 .registration-form__complete {
        display: none; } }
  .registration-form__avatar {
    width: 125px;
    margin: -50px auto 20px; }
    .registration-form__avatar i {
      text-decoration: none; }
      .registration-form__avatar i:before {
        color: var(--sra-text-gray-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 12rem;
        text-decoration: none; }
      .registration-form__avatar i:hover:before {
        text-decoration: none; }
    .registration-form__avatar img {
      border-radius: 100%; }
  .registration-form__options {
    padding: 0 32px; }
    .registration-form__options .form-item-user-type,
    .registration-form__options .form-item-primary-interest {
      -webkit-box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
      box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
      margin: 0 auto 30px;
      width: 100%;
      max-width: 320px;
      position: relative; }
      .registration-form__options .form-item-user-type [type='radio'],
      .registration-form__options .form-item-primary-interest [type='radio'] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer; }
        .registration-form__options .form-item-user-type [type='radio']:focus + label, .registration-form__options .form-item-user-type [type='radio']:hover + label, .registration-form__options .form-item-user-type [type='radio']:checked + label,
        .registration-form__options .form-item-primary-interest [type='radio']:focus + label,
        .registration-form__options .form-item-primary-interest [type='radio']:hover + label,
        .registration-form__options .form-item-primary-interest [type='radio']:checked + label {
          background-color: #E71324;
          color: #fefefe; }
          .registration-form__options .form-item-user-type [type='radio']:focus + label:before, .registration-form__options .form-item-user-type [type='radio']:hover + label:before, .registration-form__options .form-item-user-type [type='radio']:checked + label:before,
          .registration-form__options .form-item-primary-interest [type='radio']:focus + label:before,
          .registration-form__options .form-item-primary-interest [type='radio']:hover + label:before,
          .registration-form__options .form-item-primary-interest [type='radio']:checked + label:before {
            opacity: 1; }
      .registration-form__options .form-item-user-type label,
      .registration-form__options .form-item-primary-interest label {
        font-family: "gibson-semibold", sans-serif;
        text-decoration: none;
        font-size: 2.7rem;
        text-transform: none;
        line-height: 3rem;
        padding: 30px;
        width: 100%;
        background-color: #fefefe;
        margin: 0;
        -webkit-transition: background-color .25s ease, opacity .25s ease, color .25s ease;
        transition: background-color .25s ease, opacity .25s ease, color .25s ease;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .registration-form__options .form-item-user-type label:before,
        .registration-form__options .form-item-primary-interest label:before {
          color: #fefefe;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .registration-form__options .form-item-user-type label:hover:before,
        .registration-form__options .form-item-primary-interest label:hover:before {
          text-decoration: none; }
        .registration-form__options .form-item-user-type label:before,
        .registration-form__options .form-item-primary-interest label:before {
          position: absolute;
          bottom: 10px;
          right: 10px;
          opacity: 0; }
      @media screen and (min-width: 1024px) {
        .registration-form__options .form-item-user-type,
        .registration-form__options .form-item-primary-interest {
          max-width: 400px; } }
      @media print {
        .registration-form__options .form-item-user-type,
        .registration-form__options .form-item-primary-interest {
          max-width: 400px; } }
      @media screen and (min-width: 1280px) {
        .registration-form__options .form-item-user-type,
        .registration-form__options .form-item-primary-interest {
          max-width: 400px; } }
      @media print {
        .registration-form__options .form-item-user-type,
        .registration-form__options .form-item-primary-interest {
          max-width: 400px; } }
    @media screen and (min-width: 672px) {
      .registration-form__options {
        padding: 0 40px; } }
    @media print {
      .registration-form__options {
        padding: 0 40px; } }
    @media screen and (min-width: 1024px) {
      .registration-form__options {
        padding: 0; } }
    @media print {
      .registration-form__options {
        padding: 0; } }
  .registration-form__section {
    margin: 0;
    width: 100%;
    float: left;
    font-family: "gt-sectra-fine", serif; }
    .registration-form__section p {
      font-size: 1.6rem; }
    .registration-form__section h2 {
      font-family: "gibson-semibold", sans-serif;
      font-size: 3.2rem;
      margin-bottom: 30px; }
    .registration-form__section ul {
      margin: 0;
      padding: 10px 0; }
      .registration-form__section ul li {
        list-style: none;
        list-style-position: outside;
        font-size: 1.6rem;
        padding: 5px 0; }
        .registration-form__section ul li i {
          margin-right: 20px; }
    @media screen and (min-width: 1024px) {
      .registration-form__section {
        width: 50%;
        padding: 0 50px;
        margin: 85px 0; } }
    @media print {
      .registration-form__section {
        width: 50%;
        padding: 0 50px;
        margin: 85px 0; } }
    @media screen and (min-width: 1280px) {
      .registration-form__section {
        width: 50%;
        padding: 0 50px;
        margin: 85px 0; } }
    @media print {
      .registration-form__section {
        width: 50%;
        padding: 0 50px;
        margin: 85px 0; } }
  .registration-form__user_card {
    background-color: #fefefe;
    padding: 50px 32px; }
    .registration-form__user_card h1 {
      font-family: "gibson-regular", sans-serif;
      font-size: 2.8rem;
      line-height: 3.4rem;
      letter-spacing: .015em;
      text-align: center;
      max-width: 278px;
      margin: 20px auto 0; }
    .registration-form__user_card .registration-form__user-card--welcome {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.4rem;
      text-transform: uppercase;
      text-align: center; }
    .registration-form__user_card p {
      padding: 30px 0; }
    .registration-form__user_card .registration-form__step-actions {
      text-align: center; }
      .registration-form--step-2 .registration-form__user_card .registration-form__step-actions {
        text-align: right; }
      .registration-form--step-4 .registration-form__user_card .registration-form__step-actions,
      .registration-form--step-3 .registration-form__user_card .registration-form__step-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left; }
      .registration-form__user_card .registration-form__step-actions input,
      .registration-form__user_card .registration-form__step-actions a {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #E71324;
        background-color: transparent;
        line-height: 1; }
        .registration-form__user_card .registration-form__step-actions input:focus, .registration-form__user_card .registration-form__step-actions input:hover,
        .registration-form__user_card .registration-form__step-actions a:focus,
        .registration-form__user_card .registration-form__step-actions a:hover {
          background-color: transparent;
          border: 0;
          color: #0a0a0a; }
      .registration-form__user_card .registration-form__step-actions #edit-previous {
        text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions #edit-previous:before {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions #edit-previous:hover:before {
          text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions #edit-previous:before {
          margin-top: -.2rem; }
      .registration-form__user_card .registration-form__step-actions .next-btn {
        text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions .next-btn:after {
          color: #E71324;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 2.4rem;
          text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions .next-btn:hover:after {
          text-decoration: none; }
        .registration-form__user_card .registration-form__step-actions .next-btn:after {
          margin-top: -.1rem; }
    @media screen and (min-width: 672px) {
      .registration-form__user_card {
        padding: 50px 40px; } }
    @media print {
      .registration-form__user_card {
        padding: 50px 40px; } }
    @media screen and (min-width: 1024px) {
      .registration-form__user_card {
        -webkit-box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        padding: 50px; }
        .registration-form__user_card h1 {
          font-size: 3.2rem;
          line-height: 3.8rem; } }
    @media print {
      .registration-form__user_card {
        -webkit-box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        padding: 50px; }
        .registration-form__user_card h1 {
          font-size: 3.2rem;
          line-height: 3.8rem; } }
    @media screen and (min-width: 1280px) {
      .registration-form__user_card {
        padding: 50px 100px; } }
    @media print {
      .registration-form__user_card {
        padding: 50px 100px; } }
  .registration-form__form_card {
    background-color: #fefefe;
    padding: 50px 0; }
    .registration-form__form_card label {
      font-family: "gibson-light", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .1rem;
      text-transform: uppercase; }
    .registration-form__form_card h1 {
      font-family: "gibson-regular", sans-serif;
      text-align: center;
      width: 278px;
      margin: 0 auto 30px;
      line-height: 3.4rem;
      font-size: 3rem; }
    @media screen and (min-width: 1024px) {
      .registration-form__form_card {
        padding: 50px 60px;
        -webkit-box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25); } }
    @media print {
      .registration-form__form_card {
        padding: 50px 60px;
        -webkit-box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25);
        box-shadow: -1px 0 25px -5px rgba(10, 10, 10, 0.25); } }
    @media screen and (min-width: 1280px) {
      .registration-form__form_card {
        padding: 50px 100px; } }
    @media print {
      .registration-form__form_card {
        padding: 50px 100px; } }
  .registration-form__information {
    padding: 80px 0 0 80px; }
  .registration-form .form-actions {
    text-align: center; }
  .registration-form__step-actions {
    text-align: center; }
  .registration-form__form_section {
    border-top: 1px solid #B2B4B2;
    width: 100%;
    display: block;
    padding: 30px 0 0; }
    .registration-form__form_section .user-avatar {
      background: #fefefe;
      width: 125px;
      height: 125px;
      border-radius: 100%;
      border: 2px solid #E71324;
      margin: 0 auto 50px;
      display: block;
      position: relative; }
      .registration-form__form_section .user-avatar [type='file'] {
        position: absolute;
        bottom: 45px; }
  .registration-form__complete {
    color: #238FCF;
    padding: 30px 0;
    border-top: 1px solid #238FCF;
    border-bottom: 1px solid #238FCF;
    text-align: center;
    vertical-align: middle;
    margin: 100px auto 0;
    width: 400px; }
    .registration-form__complete h3 {
      font-family: "gibson-regular", sans-serif;
      font-size: 3.4rem;
      width: 200px;
      text-align: center;
      margin: 0 auto;
      line-height: 3.8rem; }
  .registration-form .registration-form__finish-early {
    text-align: center;
    margin: 25px 0; }
    .registration-form .registration-form__finish-early .finish-link {
      font-size: 1.6rem;
      margin: 20px 0; }
    .registration-form .registration-form__finish-early .form-submit {
      font-family: "gibson-regular", sans-serif;
      background: none;
      border: 0;
      font-size: 1.4rem;
      color: #0a0a0a;
      text-decoration: underline;
      padding: 30px 0;
      border-bottom: 1px solid;
      border-radius: 0;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .registration-form .registration-form__finish-early .form-submit:focus, .registration-form .registration-form__finish-early .form-submit:hover {
        color: #E71324; }
  .registration-form .article-card {
    width: 100%;
    max-width: 225px;
    background: #fefefe;
    margin: 0 auto 30px; }
    .registration-form .article-card__image {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 56.25%;
      overflow: hidden; }
      .registration-form .article-card__image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto; }
    .registration-form .article-card__details {
      padding: 20px;
      position: relative; }
      .registration-form .article-card__details h3 {
        font-family: "gibson-semibold", sans-serif;
        font-size: 2.4rem;
        margin: 0 0 20px; }
      .registration-form .article-card__details h4 {
        font-family: "gibson-semibold", sans-serif;
        color: var(--sra-text-gray-color);
        text-transform: lowercase; }
      .registration-form .article-card__details i {
        text-decoration: none; }
        .registration-form .article-card__details i:before {
          color: var(--sra-text-gray-color);
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icons" !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 3rem;
          text-decoration: none; }
        .registration-form .article-card__details i:hover:before {
          text-decoration: none; }
        .registration-form .article-card__details i:before {
          line-height: 0; }
      .registration-form .article-card__details .article-card__bookmark {
        position: absolute;
        right: 10px;
        bottom: 20px;
        display: block; }
    @media screen and (min-width: 672px) {
      .registration-form .article-card {
        max-width: 300px; } }
    @media print {
      .registration-form .article-card {
        max-width: 300px; } }
    @media screen and (min-width: 1024px) {
      .registration-form .article-card {
        max-width: 336px; } }
    @media print {
      .registration-form .article-card {
        max-width: 336px; } }
    @media screen and (min-width: 1280px) {
      .registration-form .article-card {
        max-width: 400px; } }
    @media print {
      .registration-form .article-card {
        max-width: 400px; } }
  .registration-form .form-item {
    margin: 40px auto 20px; }
    .registration-form .form-item:first-child {
      margin-top: 0; }
    .registration-form .form-item [type='textfiel'],
    .registration-form .form-item [type='text'],
    .registration-form .form-item [type='password'],
    .registration-form .form-item [type='date'],
    .registration-form .form-item [type='datetime'],
    .registration-form .form-item [type='datetime-local'],
    .registration-form .form-item [type='month'],
    .registration-form .form-item [type='week'],
    .registration-form .form-item [type='email'],
    .registration-form .form-item [type='number'],
    .registration-form .form-item [type='search'],
    .registration-form .form-item [type='tel'],
    .registration-form .form-item [type='time'],
    .registration-form .form-item [type='url'],
    .registration-form .form-item [type='color'] {
      font-family: "gt-sectra-fine", serif;
      border: 0;
      border-bottom: 2px solid var(--sra-border-color);
      height: 40px;
      font-size: 2rem;
      margin-bottom: 10px; }
      .registration-form .form-item [type='textfiel']:focus,
      .registration-form .form-item [type='text']:focus,
      .registration-form .form-item [type='password']:focus,
      .registration-form .form-item [type='date']:focus,
      .registration-form .form-item [type='datetime']:focus,
      .registration-form .form-item [type='datetime-local']:focus,
      .registration-form .form-item [type='month']:focus,
      .registration-form .form-item [type='week']:focus,
      .registration-form .form-item [type='email']:focus,
      .registration-form .form-item [type='number']:focus,
      .registration-form .form-item [type='search']:focus,
      .registration-form .form-item [type='tel']:focus,
      .registration-form .form-item [type='time']:focus,
      .registration-form .form-item [type='url']:focus,
      .registration-form .form-item [type='color']:focus {
        -webkit-box-shadow: 0 0 5px #238FCF;
        box-shadow: 0 0 5px #238FCF;
        border-top: 1px solid #238FCF;
        border-left: 1px solid #238FCF;
        border-right: 1px solid #238FCF;
        border-bottom: 1px solid #238FCF; }
      .registration-form .form-item [type='textfiel'].error,
      .registration-form .form-item [type='text'].error,
      .registration-form .form-item [type='password'].error,
      .registration-form .form-item [type='date'].error,
      .registration-form .form-item [type='datetime'].error,
      .registration-form .form-item [type='datetime-local'].error,
      .registration-form .form-item [type='month'].error,
      .registration-form .form-item [type='week'].error,
      .registration-form .form-item [type='email'].error,
      .registration-form .form-item [type='number'].error,
      .registration-form .form-item [type='search'].error,
      .registration-form .form-item [type='tel'].error,
      .registration-form .form-item [type='time'].error,
      .registration-form .form-item [type='url'].error,
      .registration-form .form-item [type='color'].error {
        border-bottom: 2px solid #E71324; }
      .registration-form .form-item [type='textfiel'].error:focus,
      .registration-form .form-item [type='text'].error:focus,
      .registration-form .form-item [type='password'].error:focus,
      .registration-form .form-item [type='date'].error:focus,
      .registration-form .form-item [type='datetime'].error:focus,
      .registration-form .form-item [type='datetime-local'].error:focus,
      .registration-form .form-item [type='month'].error:focus,
      .registration-form .form-item [type='week'].error:focus,
      .registration-form .form-item [type='email'].error:focus,
      .registration-form .form-item [type='number'].error:focus,
      .registration-form .form-item [type='search'].error:focus,
      .registration-form .form-item [type='tel'].error:focus,
      .registration-form .form-item [type='time'].error:focus,
      .registration-form .form-item [type='url'].error:focus,
      .registration-form .form-item [type='color'].error:focus {
        border-bottom: 2px solid #E71324;
        -webkit-box-shadow: 0 0 5px #E71324;
        box-shadow: 0 0 5px #E71324;
        border-top: 1px solid #E71324;
        border-left: 1px solid #E71324;
        border-right: 1px solid #E71324; }
    @media screen and (min-width: 1024px) {
      .registration-form .form-item {
        margin: 40px 0 20px; }
        .registration-form .form-item:first-child {
          margin-top: 0; } }
    @media print {
      .registration-form .form-item {
        margin: 40px 0 20px; }
        .registration-form .form-item:first-child {
          margin-top: 0; } }
  .registration-form .form-item-accepts-terms {
    margin: 30px 0; }
    .registration-form .form-item-accepts-terms [type='checkbox'] {
      display: inline; }
    .registration-form .form-item-accepts-terms label {
      font-family: "gibson-light", sans-serif;
      font-size: 1.2rem;
      line-height: .9rem;
      margin: -4px 0 0 10px;
      text-transform: none;
      display: inline; }
    @media screen and (min-width: 1024px) {
      .registration-form .form-item-accepts-terms {
        width: 94%; } }
    @media print {
      .registration-form .form-item-accepts-terms {
        width: 94%; } }
  .registration-form .messages--error {
    background-color: transparent;
    border: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0 0 30px;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    color: #E71324; }
    .registration-form .messages--error .messages__item {
      margin: 0; }
      .registration-form .messages--error .messages__item a {
        display: block; }

.dashboard__column--first {
  position: relative;
  background-color: #F36C21; }

.dashboard__column--last {
  background-color: #f3f3f3; }

@media screen and (min-width: 672px) {
  .dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dashboard__column--first {
      min-width: 320px;
      max-width: 320px; } }
  @media screen and (min-width: 672px) and (min-width: 672px) and (max-width: 1023px) {
    .dashboard__column--last {
      min-width: calc(672px - 320px);
      max-width: calc(672px - 320px); } }
  @media screen and (min-width: 672px) and (min-width: 1024px) and (max-width: 1279px) {
    .dashboard__column--last {
      min-width: calc(1024px - 320px);
      max-width: calc(1024px - 320px); } }
  @media screen and (min-width: 672px) and (min-width: 1280px) and (max-width: 9999em) {
    .dashboard__column--last {
      min-width: calc(1280px - 320px);
      max-width: calc(1280px - 320px); } }

@media print {
  .dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dashboard__column--first {
      min-width: 320px;
      max-width: 320px; } }

.dashboard__wrapper {
  padding: 32px; }
  @media screen and (min-width: 1280px) {
    .dashboard__wrapper {
      padding: 40px; } }
  @media print {
    .dashboard__wrapper {
      padding: 40px; } }

.dashboard--manage-interests .dashboard__column--last {
  background-color: #e9f1f5; }

.dashboard__trigger, .dashboard__menu {
  font-family: "gibson-regular", sans-serif;
  background-color: #F36C21; }
  .dashboard__trigger,
  .dashboard__trigger a, .dashboard__menu,
  .dashboard__menu a {
    color: #fefefe; }
  .dashboard__trigger a, .dashboard__menu a {
    text-decoration: none; }
    .dashboard__trigger a:hover, .dashboard__menu a:hover {
      text-decoration: underline; }

.dashboard__menu,
.dashboard__menu a {
  color: #fff; }

.dashboard__trigger .links, .dashboard__links--top, .dashboard__links--main {
  padding: 0;
  margin: 0;
  list-style: none; }

.dashboard__trigger {
  padding: 20px;
  text-align: center;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none; }
  .dashboard__trigger:hover a {
    text-decoration: underline; }
  .dashboard__trigger a {
    pointer-events: none; }
  .dashboard__trigger:before {
    color: #fefefe;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .dashboard__trigger:hover:before {
    text-decoration: none; }
  .dashboard__trigger:before {
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .dashboard__trigger--hidden {
    display: none; }

.dashboard__menu {
  padding: 32px;
  padding-top: 64px;
  font-size: 2.4rem;
  line-height: 2.4rem;
  position: relative; }
  .dashboard__menu--hidden {
    display: none; }

.dashboard .close {
  position: absolute;
  top: 32px;
  right: 32px;
  display: block;
  width: 24px;
  height: 24px;
  padding-left: 24px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none; }
  .dashboard .close:before {
    color: #fefefe;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .dashboard .close:hover:before {
    text-decoration: none; }
  .dashboard .close:before {
    position: absolute;
    top: 0;
    right: 0; }

.dashboard__default-image {
  background-color: #fefefe;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto; }
  .dashboard__default-image .icon--profile {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .dashboard__default-image .icon--profile:before {
      font-size: 9rem;
      color: #B2B4B2; }

.dashboard .field-user--user-picture {
  text-align: center; }
  .dashboard .field-user--user-picture img {
    border-radius: 100%; }

.dashboard .username {
  font-family: "gibson-semibold", sans-serif;
  text-align: center;
  font-size: 2.8rem;
  line-height: 2.8rem;
  padding: 40px 0; }

.dashboard__links--top {
  font-family: "gibson-light", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: lowercase;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-bottom: 78px;
  position: relative;
  text-decoration: none; }
  .dashboard__links--top:before {
    color: #FFD100;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 6rem;
    text-decoration: none; }
  .dashboard__links--top:hover:before {
    text-decoration: none; }
  .dashboard__links--top:before {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .dashboard__links--top a {
    text-decoration: underline; }
    .dashboard__links--top a.is-active {
      opacity: 1; }

.dashboard__links--main li {
  padding-bottom: 19px;
  margin-bottom: 21px;
  border-bottom: 1px solid #FAA21B; }
  .dashboard__links--main li a {
    display: block;
    opacity: 0.875; }
    .dashboard__links--main li a:hover {
      opacity: 1;
      text-decoration: none; }

@media screen and (min-width: 672px) {
  .dashboard__links--main li.is-active {
    position: relative; }
    .dashboard__links--main li.is-active a {
      opacity: 1; } }
  @media screen and (min-width: 672px) and (min-width: 672px) {
    .dashboard__links--main li.is-active:after {
      content: " ";
      display: block;
      width: 40px;
      height: 40px;
      background-color: #F36C21;
      position: absolute;
      top: 0;
      right: -40px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 1; } }

@media screen and (min-width: 672px) {
  .dashboard__links--main li a[target='_blank'] {
    text-decoration: none;
    position: relative; }
    .dashboard__links--main li a[target='_blank']:after {
      color: #fefefe;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .dashboard__links--main li a[target='_blank']:hover:after {
      text-decoration: none; }
    .dashboard__links--main li a[target='_blank']:after {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .dashboard .close, .dashboard__trigger {
    display: none; }
  .dashboard__menu--hidden {
    display: block; } }

@media print {
  .dashboard__links--main li.is-active {
    position: relative; }
    .dashboard__links--main li.is-active a {
      opacity: 1; } }
  @media print {
    .dashboard__links--main li.is-active:after {
      content: " ";
      display: block;
      width: 40px;
      height: 40px;
      background-color: #F36C21;
      position: absolute;
      top: 0;
      right: -40px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 1; } }

@media print {
  .dashboard__links--main li a[target='_blank'] {
    text-decoration: none;
    position: relative; }
    .dashboard__links--main li a[target='_blank']:after {
      color: #fefefe;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .dashboard__links--main li a[target='_blank']:hover:after {
      text-decoration: none; }
    .dashboard__links--main li a[target='_blank']:after {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .dashboard .close, .dashboard__trigger {
    display: none; }
  .dashboard__menu--hidden {
    display: block; } }

.dashboard .filter-form {
  display: none;
  padding: 0 32px;
  background-color: #fefefe; }
  .dashboard .filter-form--open {
    display: block; }
  .dashboard .filter-form label {
    display: none; }
  .dashboard .filter-form .dropdown,
  .dashboard .filter-form .search {
    display: block;
    margin-bottom: 20px; }
  .dashboard .filter-form h3 {
    font-size: 1.2rem;
    line-height: 3rem;
    color: var(--sra-text-gray-color);
    text-transform: uppercase;
    letter-spacing: .18rem;
    color: #0a0a0a; }
  .dashboard .filter-form [type='submit'] {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px; }
  @media screen and (min-width: 1024px) {
    .dashboard .filter-form {
      padding: 5px 20px;
      margin: 32px 32px 0; }
      .dashboard .filter-form [type='submit'] {
        display: none; }
      .dashboard .filter-form .dropdown,
      .dashboard .filter-form .search {
        margin-bottom: 0; } }
  @media print {
    .dashboard .filter-form {
      padding: 5px 20px;
      margin: 32px 32px 0; }
      .dashboard .filter-form [type='submit'] {
        display: none; }
      .dashboard .filter-form .dropdown,
      .dashboard .filter-form .search {
        margin-bottom: 0; } }
  @media screen and (min-width: 1280px) {
    .dashboard .filter-form {
      margin: 40px 40px 0; } }
  @media print {
    .dashboard .filter-form {
      margin: 40px 40px 0; } }

.dashboard__filter-form__trigger {
  font-size: 1.2rem;
  line-height: 3rem;
  color: var(--sra-text-gray-color);
  text-transform: uppercase;
  letter-spacing: .18rem;
  text-decoration: none;
  position: relative;
  background-color: #fefefe;
  display: block;
  color: #0a0a0a;
  padding: 24px 32px;
  text-decoration: none; }
  .dashboard__filter-form__trigger:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    text-decoration: none; }
  .dashboard__filter-form__trigger:hover:before {
    text-decoration: none; }
  .dashboard__filter-form__trigger:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .dashboard__filter-form__trigger:before {
    right: 32px; }
  .dashboard__filter-form__trigger--open:before {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%); }

@media screen and (min-width: 1024px) {
  .dashboard__filter-form__search, .dashboard__filter-form__filters {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .dashboard__filter-form__search .js-form-type-select, .dashboard__filter-form__filters .js-form-type-select {
      -webkit-box-flex: 0;
      flex: 0 0 calc((100% / 3) - 72px);
      -ms-flex: 0 0 208px; }
  .dashboard__filter-form__search .search {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 51px);
    -ms-flex: 0 0 789px; }
  .dashboard__filter-form__filter-by {
    margin-top: 10px; }
  .dashboard__filter-form__clear-all {
    font-family: "gibson-light", sans-serif;
    display: none;
    border-bottom: 1px solid #0a0a0a;
    margin-top: 40px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.6rem;
    text-transform: lowercase;
    letter-spacing: .015rem; }
  .dashboard__filter-form__submit-icon {
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 24px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    text-decoration: none; }
    .dashboard__filter-form__search .dashboard__filter-form__submit-icon {
      text-decoration: none; }
      .dashboard__filter-form__search .dashboard__filter-form__submit-icon:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .dashboard__filter-form__search .dashboard__filter-form__submit-icon:hover:before {
        text-decoration: none; }
    .dashboard__filter-form__filters .dashboard__filter-form__submit-icon {
      text-decoration: none; }
      .dashboard__filter-form__filters .dashboard__filter-form__submit-icon:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .dashboard__filter-form__filters .dashboard__filter-form__submit-icon:hover:before {
        text-decoration: none; }
    .dashboard__filter-form__submit-icon:before {
      position: absolute;
      top: 0;
      left: 0; }
  .dashboard__filter-form__apply-btn {
    font-family: "gibson-regular", sans-serif;
    color: #E71324;
    font-size: 1.4rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-top: 1rem; }
    .dashboard__filter-form__apply-btn:hover, .dashboard__filter-form__apply-btn:focus {
      color: #0a0a0a; } }

@media print {
  .dashboard__filter-form__search, .dashboard__filter-form__filters {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .dashboard__filter-form__search .js-form-type-select, .dashboard__filter-form__filters .js-form-type-select {
      -webkit-box-flex: 0;
      flex: 0 0 calc((100% / 3) - 72px);
      -ms-flex: 0 0 208px; }
  .dashboard__filter-form__search .search {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 51px);
    -ms-flex: 0 0 789px; }
  .dashboard__filter-form__filter-by {
    margin-top: 10px; }
  .dashboard__filter-form__clear-all {
    font-family: "gibson-light", sans-serif;
    display: none;
    border-bottom: 1px solid #0a0a0a;
    margin-top: 40px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.6rem;
    text-transform: lowercase;
    letter-spacing: .015rem; }
  .dashboard__filter-form__submit-icon {
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 24px;
    position: relative;
    overflow: hidden;
    margin-top: 11px;
    text-decoration: none; }
    .dashboard__filter-form__search .dashboard__filter-form__submit-icon {
      text-decoration: none; }
      .dashboard__filter-form__search .dashboard__filter-form__submit-icon:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .dashboard__filter-form__search .dashboard__filter-form__submit-icon:hover:before {
        text-decoration: none; }
    .dashboard__filter-form__filters .dashboard__filter-form__submit-icon {
      text-decoration: none; }
      .dashboard__filter-form__filters .dashboard__filter-form__submit-icon:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .dashboard__filter-form__filters .dashboard__filter-form__submit-icon:hover:before {
        text-decoration: none; }
    .dashboard__filter-form__submit-icon:before {
      position: absolute;
      top: 0;
      left: 0; }
  .dashboard__filter-form__apply-btn {
    font-family: "gibson-regular", sans-serif;
    color: #E71324;
    font-size: 1.4rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-top: 1rem; }
    .dashboard__filter-form__apply-btn:hover, .dashboard__filter-form__apply-btn:focus {
      color: #0a0a0a; } }

.dashboard__cards {
  padding: 20px 0 20px 32px;
  overflow: hidden;
  position: relative; }
  .dashboard__cards .dashboard__cards__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 30px;
    padding-bottom: 30px; }
  .dashboard__cards .dashboard__cards__jump {
    font-family: "gibson-light", sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin: 0 15px; }
  .dashboard__cards.dashboard__important-updates {
    background-color: #e9f1f5;
    border-bottom: 2px solid #fefefe; }
  .dashboard__cards__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 2.6rem;
    margin-right: auto;
    margin-bottom: 0; }
  @media screen and (min-width: 1280px) {
    .dashboard__cards {
      padding: 40px 0 40px 40px; } }
  @media print {
    .dashboard__cards {
      padding: 40px 0 40px 40px; } }
  .dashboard__cards--block .dashboard__cards__title {
    margin-bottom: 20px; }
  .dashboard__cards__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 346px;
    padding-right: 32px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 1rem; }
    .dashboard__cards__container .shopify-product:last-child,
    .dashboard__cards__container .card:last-child {
      margin-right: 0; }
    .dashboard__cards--block .dashboard__cards__container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      height: auto;
      width: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
  .dashboard__cards__scroller {
    width: calc(100% - 32px);
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: -2.5rem; }
  .dashboard__cards__mask {
    min-height: 346px;
    overflow: hidden; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .dashboard__cards__container .shopify-product,
    .dashboard__cards__container .card {
      margin-right: 16px; } }
  @media screen and (min-width: 672px) {
    .dashboard__cards__container .shopify-product,
    .dashboard__cards__container .card {
      margin-right: 20px; } }
  @media print {
    .dashboard__cards__container .shopify-product,
    .dashboard__cards__container .card {
      margin-right: 20px; } }
  @media screen and (min-width: 1024px) {
    .dashboard__cards__container .shopify-product,
    .dashboard__cards__container .card {
      margin-right: 40px; } }
  @media print {
    .dashboard__cards__container .shopify-product,
    .dashboard__cards__container .card {
      margin-right: 40px; } }
  @media screen and (min-width: 1280px) {
    .dashboard__cards .dashboard__cards__header {
      padding-right: 70px; } }
  @media print {
    .dashboard__cards .dashboard__cards__header {
      padding-right: 70px; } }

.dashboard__empty-state {
  position: relative;
  overflow: hidden;
  margin: -32px;
  padding: 32px; }
  .dashboard__empty-state__content, .dashboard__empty-state__illustration {
    position: relative;
    z-index: 1; }
  .dashboard__empty-state:before, .dashboard__empty-state:after {
    position: absolute;
    content: " ";
    z-index: 0; }
  .dashboard__empty-state:before {
    background-size: 550px 267px;
    width: 550px;
    height: 267px;
    background-image: url("../images/svgs/wave-form.svg");
    top: -49px;
    left: -303px; }
  .dashboard__empty-state:after {
    background-size: 627px 358px;
    width: 627px;
    height: 358px;
    background-image: url("../images/svgs/wave-form-large.svg");
    top: -44px;
    right: -464px; }
  .dashboard__empty-state__illustration {
    background-color: #fefefe;
    height: 200px;
    position: relative;
    margin-bottom: 33px; }
  .dashboard__empty-state__image {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
    .dashboard__empty-state__image--small {
      display: block; }
    .dashboard__empty-state__image--large, .dashboard__empty-state__image--xlarge {
      display: none; }
  .dashboard__empty-state__content {
    text-align: center; }
  .dashboard__empty-state__headline {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 26px; }
  .dashboard__empty-state__body {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 24px; }
  .dashboard__empty-state__cta {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    @media screen and (min-width: 64em) {
      .dashboard__empty-state__cta {
        white-space: nowrap; } }
    .dashboard__empty-state__cta:visited, .dashboard__empty-state__cta:active {
      background-color: transparent;
      color: #E71324; }
    .dashboard__empty-state__cta:hover, .dashboard__empty-state__cta:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
  .dashboard__empty-state--news-and-updates {
    margin: 0; }
    .dashboard__empty-state--news-and-updates .dashboard__empty-state__body {
      font-family: "gibson-regular", sans-serif;
      margin-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .dashboard__empty-state__illustration {
      margin-bottom: 53px; }
    .dashboard__empty-state__image--large {
      display: block; }
    .dashboard__empty-state__image--small, .dashboard__empty-state__image--xlarge {
      display: none; }
    .dashboard__empty-state__content {
      width: 550px;
      margin: 0 auto; }
    .dashboard__empty-state__headline {
      font-size: 2.8rem; }
    .dashboard__empty-state__body {
      font-size: 1.6rem;
      margin-bottom: 44px; }
    .dashboard__empty-state--news-and-updates {
      margin-bottom: -32px; } }
  @media print {
    .dashboard__empty-state__illustration {
      margin-bottom: 53px; }
    .dashboard__empty-state__image--large {
      display: block; }
    .dashboard__empty-state__image--small, .dashboard__empty-state__image--xlarge {
      display: none; }
    .dashboard__empty-state__content {
      width: 550px;
      margin: 0 auto; }
    .dashboard__empty-state__headline {
      font-size: 2.8rem; }
    .dashboard__empty-state__body {
      font-size: 1.6rem;
      margin-bottom: 44px; }
    .dashboard__empty-state--news-and-updates {
      margin-bottom: -32px; } }
  @media screen and (min-width: 1280px) {
    .dashboard__empty-state {
      margin: -40px;
      padding: 40px; }
      .dashboard__empty-state__image--xlarge {
        display: block; }
      .dashboard__empty-state__image--small, .dashboard__empty-state__image--large {
        display: none; }
      .dashboard__empty-state__content {
        width: 620px; }
      .dashboard__empty-state__headline {
        font-size: 3.2rem;
        line-height: 3.8rem; }
      .dashboard__empty-state__body {
        font-size: 1.8rem;
        line-height: 2.4rem; }
      .dashboard__empty-state--news-and-updates {
        margin: 0 0 -40px; } }
  @media print {
    .dashboard__empty-state {
      margin: -40px;
      padding: 40px; }
      .dashboard__empty-state__image--xlarge {
        display: block; }
      .dashboard__empty-state__image--small, .dashboard__empty-state__image--large {
        display: none; }
      .dashboard__empty-state__content {
        width: 620px; }
      .dashboard__empty-state__headline {
        font-size: 3.2rem;
        line-height: 3.8rem; }
      .dashboard__empty-state__body {
        font-size: 1.8rem;
        line-height: 2.4rem; }
      .dashboard__empty-state--news-and-updates {
        margin: 0 0 -40px; } }

.dashboard--discover #suggested-interests .manage-interests {
  background-color: #e9f1f5; }

.manage-interests__link {
  display: none; }
  .dashboard--discover .manage-interests__link {
    font-family: "gibson-light", sans-serif;
    display: block;
    text-align: right;
    font-size: 1.6rem;
    text-transform: lowercase;
    letter-spacing: .015rem;
    padding-right: 32px;
    padding-bottom: 32px; }

.manage-interests__header {
  padding: 32px;
  border-bottom: 1px solid var(--sra-border-color);
  background-color: #fefefe; }
  @media screen and (min-width: 1280px) {
    .manage-interests__header {
      padding: 40px; } }
  @media print {
    .manage-interests__header {
      padding: 40px; } }
  .manage-interests__header__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 20px; }
  .manage-interests__header__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-right: 0; }
  @media screen and (min-width: 672px) {
    .manage-interests__header {
      border-top: 1px solid var(--sra-border-color); } }
  @media print {
    .manage-interests__header {
      border-top: 1px solid var(--sra-border-color); } }
  @media screen and (min-width: 1024px) {
    .manage-interests__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .manage-interests__header__title {
        font-size: 2.8rem;
        line-height: 3.4rem;
        width: 50%;
        margin-bottom: 0; }
      .manage-interests__header__description {
        font-size: 1.6rem;
        line-height: 2rem;
        width: 50%; } }
  @media print {
    .manage-interests__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .manage-interests__header__title {
        font-size: 2.8rem;
        line-height: 3.4rem;
        width: 50%;
        margin-bottom: 0; }
      .manage-interests__header__description {
        font-size: 1.6rem;
        line-height: 2rem;
        width: 50%; } }
  .dashboard--discover .manage-interests__header {
    display: none;
    speak: none; }

.manage-interests__section {
  padding: 32px;
  padding-bottom: 12px;
  position: relative; }
  @media screen and (min-width: 1280px) {
    .manage-interests__section {
      padding: 40px;
      padding-bottom: 20px; } }
  @media print {
    .manage-interests__section {
      padding: 40px;
      padding-bottom: 20px; } }
  .manage-interests__section--current {
    background-color: #fefefe; }
  .manage-interests__section__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .18rem;
    text-transform: uppercase; }
  .manage-interests__section__description {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 2.2rem;
    padding-bottom: 30px;
    padding-right: 90px; }
    .dashboard--discover .manage-interests__section__description {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.4rem;
      line-height: 2.2rem;
      letter-spacing: .18rem;
      text-transform: uppercase; }
  @media screen and (min-width: 1024px) {
    .manage-interests__section--description {
      padding-right: 0; } }
  @media print {
    .manage-interests__section--description {
      padding-right: 0; } }

.manage-interests__list {
  margin: 0;
  padding: 0; }
  .manage-interests__list__item {
    margin: 0;
    list-style: none;
    min-height: 152px;
    background-color: #f3f3f3;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    position: relative; }
    .manage-interests__list__item--hover {
      background-color: #E71324;
      color: #fefefe;
      cursor: pointer; }
    .dashboard--discover .manage-interests__list__item {
      background-color: #fefefe; }
      .dashboard--discover .manage-interests__list__item--hover {
        background-color: #E71324; }
    .manage-interests__section--potential .manage-interests__list__item {
      text-decoration: none; }
      .manage-interests__section--potential .manage-interests__list__item:before {
        color: #fefefe;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .manage-interests__section--potential .manage-interests__list__item:hover:before {
        text-decoration: none; }
      .manage-interests__section--potential .manage-interests__list__item:before {
        position: absolute;
        bottom: 10px;
        right: 10px; }
    .manage-interests__section--current .manage-interests__list__item {
      text-decoration: none; }
      .manage-interests__section--current .manage-interests__list__item:before {
        color: #f3f3f3;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 2.4rem;
        text-decoration: none; }
      .manage-interests__section--current .manage-interests__list__item:hover:before {
        text-decoration: none; }
      .manage-interests__section--current .manage-interests__list__item:before {
        position: absolute;
        top: 10px;
        right: 10px; }
      .manage-interests__section--current .manage-interests__list__item--hover {
        background-color: #f3f3f3;
        color: #E71324;
        cursor: pointer; }
        .manage-interests__section--current .manage-interests__list__item--hover:before {
          color: #E71324; }
  .manage-interests__list__label {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.8rem;
    display: inline-block;
    padding: 20px;
    width: 100%; }
  .manage-interests__list__empty-state {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%; }
    .manage-interests__list__empty-state__headline {
      font-family: "gibson-semibold", sans-serif;
      font-size: 2.8rem;
      line-height: 3.4rem;
      padding-bottom: 34px; }
    .manage-interests__list__empty-state__subheadline {
      font-family: "gt-sectra-fine", serif;
      font-size: 1.8rem;
      line-height: 2.4rem; }
  @media screen and (min-width: 1024px) {
    .manage-interests__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .manage-interests__list__item {
        margin-right: 20px;
        width: calc(33% - (40px / 3)); }
        .manage-interests__list__item:nth-child(3n) {
          margin-right: 0; } }
  @media print {
    .manage-interests__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .manage-interests__list__item {
        margin-right: 20px;
        width: calc(33% - (40px / 3)); }
        .manage-interests__list__item:nth-child(3n) {
          margin-right: 0; } }

.manage-interests__autosuggest {
  padding: 32px;
  padding-bottom: 12px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f3f3f3; }
  @media screen and (min-width: 1280px) {
    .manage-interests__autosuggest {
      padding: 40px;
      padding-bottom: 20px; } }
  @media print {
    .manage-interests__autosuggest {
      padding: 40px;
      padding-bottom: 20px; } }
  .manage-interests__autosuggest .react-autosuggest__input {
    font-family: "gibson-regular", sans-serif;
    border: 0;
    border-radius: 0;
    height: 70px;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px; }
  .manage-interests__autosuggest .react-autosuggest__suggestions-container {
    top: 70px;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-top: 5px solid #f3f3f3;
    border-bottom: 2px solid #E71324; }
  .manage-interests__autosuggest .react-autosuggest__suggestion--focused {
    background-color: #edd5e3; }
  .manage-interests__autosuggest .react-autosuggest__suggestions-list {
    list-style: none; }

.manage-interests__pager {
  position: absolute;
  top: 32px;
  right: 32px; }
  @media screen and (min-width: 1280px) {
    .manage-interests__pager {
      top: 40px;
      right: 40px; } }
  @media print {
    .manage-interests__pager {
      top: 40px;
      right: 40px; } }

/*

  Overrides for calendar items that appear in a user's dashboard.

*/
.dashboard__upcoming-events {
  background-color: #fefefe;
  border-top: 1px solid var(--sra-border-color); }
  .dashboard__upcoming-events .dashboard__cards__container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .dashboard__upcoming-events .dashboard__cards__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .18em;
    text-transform: uppercase; }
  .dashboard__upcoming-events .card--event {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    max-width: none;
    padding-top: 0;
    border-left: 1px solid var(--sra-border-color); }
    .dashboard__upcoming-events .card--event .card__content {
      padding: 0 50px 60px; }
  .dashboard__upcoming-events .card__title {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .001em; }
  .dashboard__upcoming-events .card__time {
    margin-top: 10px; }
  .dashboard__upcoming-events .card__tools {
    width: 100%;
    left: 0;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .dashboard__upcoming-events .flag,
  .dashboard__upcoming-events .social__wrapper {
    display: inline-block;
    vertical-align: middle; }
  .dashboard__upcoming-events .social__wrapper {
    margin-left: 15px; }
  @media screen and (max-width: 1023px) {
    .dashboard__upcoming-events .dashboard__cards__mask {
      height: auto; }
    .dashboard__upcoming-events .dashboard__cards__scroller {
      height: auto;
      overflow: auto; }
    .dashboard__upcoming-events .dashboard__cards__container {
      display: block;
      height: auto;
      width: auto; }
    .dashboard__upcoming-events .card--event {
      border-bottom: 1px solid var(--sra-border-color);
      border-left: 0;
      height: auto; }
      .dashboard__upcoming-events .card--event .card__content {
        display: block;
        padding: 40px 0 70px; }
        .dashboard__upcoming-events .card--event .card__content:after {
          content: "";
          display: table;
          clear: both; }
    .dashboard__upcoming-events .card__date {
      float: left;
      margin-bottom: 0; }
    .dashboard__upcoming-events .card__date__details {
      float: right;
      max-width: 120px;
      margin: .5rem 0 0; }
    .dashboard__upcoming-events .card__time:after {
      display: block;
      margin-left: 0; }
    .dashboard__upcoming-events .card__title {
      float: left;
      clear: both;
      margin-top: 25px; } }
  @media screen and (min-width: 1024px) {
    .dashboard__upcoming-events .card--event .card__tools {
      padding: 0 50px; } }
  @media print {
    .dashboard__upcoming-events .card--event .card__tools {
      padding: 0 50px; } }
  @media screen and (min-width: 1280px) {
    .dashboard__upcoming-events .card--event .card__content {
      padding: 0 40px 30px; }
    .dashboard__upcoming-events .card--event .card__tools {
      padding: 0 40px; } }
  @media print {
    .dashboard__upcoming-events .card--event .card__content {
      padding: 0 40px 30px; }
    .dashboard__upcoming-events .card--event .card__tools {
      padding: 0 40px; } }

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 80px;
  width: 80px;
  background-color: #F36C21;
  border-radius: 100%;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
  transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
  pointer-events: none;
  z-index: 2; }
  @media screen and (min-width: 672px) {
    .back-to-top {
      display: none; } }
  @media print {
    .back-to-top {
      display: none; } }
  .back-to-top:hover {
    background-color: #E71324; }
  .back-to-top--display {
    opacity: 1;
    pointer-events: auto; }
  .back-to-top span {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    color: #fefefe;
    text-transform: uppercase;
    text-decoration: none; }
    .back-to-top span:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .back-to-top span:hover:before {
      text-decoration: none; }
    .back-to-top span:before {
      position: absolute;
      top: -26px;
      left: 50%;
      -webkit-transform: translateX(-50%) rotate(180deg);
      transform: translateX(-50%) rotate(180deg);
      font-size: 3.4rem;
      color: #fefefe; }

.account-form {
  padding: 40px;
  margin: 40px;
  background-color: #fefefe; }
  .account-form form .dashboard__default-image {
    border: 1px solid #E71324; }
  .account-form form .form-item {
    margin-bottom: 40px; }
    .account-form form .form-item.form-type-managed-file label {
      display: none; }
    .account-form form .form-item input {
      margin-bottom: 10px; }
      .account-form form .form-item input.form-file {
        display: inline-block;
        margin: 2rem 0 0;
        width: 140px; }
    .account-form form .form-item .password-strength {
      width: 30%; }
  .account-form form .field--name-user-picture {
    text-align: center; }
    .account-form form .field--name-user-picture .messages {
      margin-bottom: 40px; }
    .account-form form .field--name-user-picture .focal-point-preview-link {
      font-family: "gibson-light", sans-serif;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 1.2rem; }
    .account-form form .field--name-user-picture .file-size,
    .account-form form .field--name-user-picture .file--image,
    .account-form form .field--name-user-picture .description {
      display: none; }
    .account-form form .field--name-user-picture .image-preview img {
      border-radius: 100%;
      width: 160px;
      height: 160px; }
    .account-form form .field--name-user-picture [type='submit'] {
      font-family: "gibson-light", sans-serif;
      border: 0;
      color: #0a0a0a;
      padding: 0;
      margin: 0;
      text-decoration: underline;
      border-radius: 0; }
      .account-form form .field--name-user-picture [type='submit']:hover {
        color: #E71324;
        background-color: transparent; }
  .account-form h3 {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.8rem;
    line-height: 2.8rem;
    padding: 0 0 40px; }
  @media screen and (min-width: 672px) {
    .account-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; } }
  @media print {
    .account-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; } }
  @media screen and (min-width: 1024px) {
    .account-form {
      margin: 40px; }
      .account-form__column--first, .account-form__column--last {
        max-width: 544px; } }
  @media print {
    .account-form {
      margin: 40px; }
      .account-form__column--first, .account-form__column--last {
        max-width: 544px; } }
  @media screen and (min-width: 1280px) {
    .account-form form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .account-form__column--first {
      min-width: 280px;
      max-width: 280px;
      margin-right: 40px; }
    .account-form__column--last {
      max-width: 480px;
      width: 480px; }
      .account-form__column--last > * {
        max-width: 100%; } }
  @media print {
    .account-form form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .account-form__column--first {
      min-width: 280px;
      max-width: 280px;
      margin-right: 40px; }
    .account-form__column--last {
      max-width: 480px;
      width: 480px; }
      .account-form__column--last > * {
        max-width: 100%; } }

.dashboard__academy-courses .dashboard__cards__mask {
  position: relative;
  display: block;
  height: auto; }

.dashboard__academy-courses .dashboard__cards__scroller {
  height: auto;
  margin-bottom: -2rem; }

.dashboard__academy-courses .dashboard__cards__container {
  height: auto; }

.dashboard__academy-courses .shopify-product--view-product_catalogue {
  margin-bottom: 0; }

.dashboard__table {
  padding: 32px; }
  .dashboard__table table,
  .dashboard__table thead,
  .dashboard__table tbody,
  .dashboard__table tr,
  .dashboard__table td {
    border: 0; }
  .dashboard__table table {
    background-color: #fefefe; }
  .dashboard__table thead th {
    background-color: #fefefe;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    text-transform: uppercase;
    height: 60px;
    border-bottom: 1px solid var(--sra-border-color);
    vertical-align: bottom;
    padding-left: 0;
    padding-right: 0; }
  .dashboard__table tbody td {
    background-color: #fefefe;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.4rem;
    vertical-align: center;
    padding: 20px 0; }
    .dashboard__table tbody td a {
      text-decoration: none; }
      .dashboard__table tbody td a:hover {
        text-decoration: underline; }
    .dashboard__table tbody td .new-indicator {
      font-family: "gibson-semibold", sans-serif;
      width: 43px;
      height: 20px;
      font-size: 10px;
      line-height: 20px;
      background-color: #E71324;
      display: inline-block;
      color: #fefefe;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      text-align: center; }
    .dashboard__table tbody td:nth-child(1) {
      width: 0; }
      @media screen and (min-width: 1024px) {
        .dashboard__table tbody td:nth-child(1) {
          width: 60px; } }
      @media print {
        .dashboard__table tbody td:nth-child(1) {
          width: 60px; } }
  @media screen and (min-width: 1280px) {
    .dashboard__table {
      padding: 40px; } }
  @media print {
    .dashboard__table {
      padding: 40px; } }

@media screen and (max-width: 1023px) {
  .dashboard__table--saved-profiles thead th:nth-child(2) {
    display: none; } }

@media screen and (max-width: 1023px) {
  .dashboard__table--saved-profiles thead th:nth-child(3) {
    padding-left: 10px;
    padding-right: 10px; } }

.dashboard__table--saved-profiles tbody tr.open td {
  background-color: #e9f1f5; }

.dashboard__table--saved-profiles tbody td:nth-child(2) {
  width: 40px;
  padding-right: 40px; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody td:nth-child(2) {
      display: none; } }
  .dashboard__table--saved-profiles tbody td:nth-child(2) a {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    border-radius: 100%; }
    .dashboard__table--saved-profiles tbody td:nth-child(2) a img {
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      max-width: none; }

.dashboard__table--saved-profiles tbody td:nth-child(3) {
  font-size: 20px;
  line-height: 24px;
  padding-right: 40px; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody td:nth-child(3) {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 1.2rem;
      line-height: 1.4rem; } }

.dashboard__table--saved-profiles tbody td:nth-child(4) {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.4rem;
  line-height: 18px;
  padding-right: 40px; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody td:nth-child(4) {
      padding-right: 10px;
      font-size: 1.2rem;
      line-height: 1.4rem; } }

.dashboard__table--saved-profiles tbody td:nth-child(5) {
  width: 40px;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody td:nth-child(5) {
      width: 30px; } }

.dashboard__table--saved-profiles tbody td:nth-child(6) {
  width: 100px;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody td:nth-child(6) {
      width: 38px;
      padding-left: 10px;
      padding-right: 10px; } }
  .dashboard__table--saved-profiles tbody td:nth-child(6) .show-services {
    text-decoration: none; }
    .dashboard__table--saved-profiles tbody td:nth-child(6) .show-services:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.8rem;
      text-decoration: none; }
    .dashboard__table--saved-profiles tbody td:nth-child(6) .show-services:hover:before {
      text-decoration: none; }
    .dashboard__table--saved-profiles tbody td:nth-child(6) .show-services.up-arrow:before {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg); }

.dashboard__table--saved-profiles tbody .conditions-services {
  background-color: #e9f1f5;
  padding: 60px 60px 20px;
  position: relative; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--saved-profiles tbody .conditions-services {
      padding: 20px 10px; } }
  .dashboard__table--saved-profiles tbody .conditions-services:before {
    content: " ";
    display: block;
    background-color: #B7D1DC;
    height: 1px;
    top: 0;
    left: 10px;
    right: 10px;
    position: absolute; }
    @media screen and (min-width: 1024px) {
      .dashboard__table--saved-profiles tbody .conditions-services:before {
        top: 20px;
        left: 60px;
        right: 60px; } }
    @media print {
      .dashboard__table--saved-profiles tbody .conditions-services:before {
        top: 20px;
        left: 60px;
        right: 60px; } }
  .dashboard__table--saved-profiles tbody .conditions-services:nth-child(1) {
    width: 100%; }
    @media screen and (max-width: 1023px) {
      .dashboard__table--saved-profiles tbody .conditions-services:nth-child(1) {
        display: table-cell; } }
  .dashboard__table--saved-profiles tbody .conditions-services .profile-section {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent; }
  @media screen and (min-width: 1024px) {
    .dashboard__table--saved-profiles tbody .conditions-services .profile-section__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media print {
    .dashboard__table--saved-profiles tbody .conditions-services .profile-section__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .dashboard__table--saved-profiles tbody .conditions-services .profile-section__content h2 {
    display: none; }
  .dashboard__table--saved-profiles tbody .conditions-services .terms-title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.3rem;
    line-height: 2rem;
    text-transform: uppercase;
    padding-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      .dashboard__table--saved-profiles tbody .conditions-services .terms-title {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    @media print {
      .dashboard__table--saved-profiles tbody .conditions-services .terms-title {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  @media screen and (min-width: 1024px) {
    .dashboard__table--saved-profiles tbody .conditions-services .terms {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media print {
    .dashboard__table--saved-profiles tbody .conditions-services .terms {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .dashboard__table--saved-profiles tbody .conditions-services .terms .field-label {
    display: none; }
  .dashboard__table--saved-profiles tbody .conditions-services .terms a {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 20px;
    background-color: #fefefe;
    text-align: center;
    padding: 20px; }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .dashboard__table--saved-profiles tbody .conditions-services .terms a {
        width: 160px; }
        .dashboard__table--saved-profiles tbody .conditions-services .terms a:nth-of-type(3n) {
          margin-right: 0; } }
    @media screen and (min-width: 1280px) {
      .dashboard__table--saved-profiles tbody .conditions-services .terms a {
        width: 175px; } }
  @media screen and (min-width: 1280px) and (min-width: 1280px) and (max-width: 9999em) {
    .dashboard__table--saved-profiles tbody .conditions-services .terms a:nth-of-type(4n) {
      margin-right: 0; } }
    @media print {
      .dashboard__table--saved-profiles tbody .conditions-services .terms a {
        width: 175px; } }
    @media screen and (min-width: 1024px) {
      .dashboard__table--saved-profiles tbody .conditions-services .terms a {
        font-size: 1.4rem;
        margin-right: 20px; } }
    @media print {
      .dashboard__table--saved-profiles tbody .conditions-services .terms a {
        font-size: 1.4rem;
        margin-right: 20px; } }
  .dashboard__table--saved-profiles tbody .conditions-services .profile-link-container {
    clear: both; }
  .dashboard__table--saved-profiles tbody .conditions-services .view-profile-link {
    font-family: "gibson-light", sans-serif;
    display: inline-block;
    float: right;
    text-transform: lowercase;
    font-size: 16px;
    padding: 10px 0;
    text-decoration: underline; }

@media screen and (max-width: 1023px) {
  .dashboard__table--downloads thead th:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 1023px) {
  .dashboard__table--downloads thead th:nth-child(3) {
    padding-right: 10px; } }

.dashboard__table--downloads tbody td:nth-child(2) {
  font-size: 2rem;
  line-height: 3.4rem;
  padding-right: 40px; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--downloads tbody td:nth-child(2) {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 1.4rem;
      line-height: 1.6rem; } }

.dashboard__table--downloads tbody td:nth-child(3) {
  font-size: 1.6rem;
  line-height: 3.4rem;
  padding-right: 40px;
  white-space: nowrap; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--downloads tbody td:nth-child(3) {
      padding-right: 10px;
      font-size: 1.2rem;
      line-height: 1.4rem; } }

.dashboard__table--downloads tbody td:nth-child(4) {
  width: 40px;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .dashboard__table--downloads tbody td:nth-child(4) {
      width: 30px; } }

.dashboard__table--downloads tbody td:nth-child(5) {
  padding-right: 20px; }
  .dashboard__table--downloads tbody td:nth-child(5) a {
    height: 36px;
    width: 36px;
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 36px;
    text-decoration: none; }
    .dashboard__table--downloads tbody td:nth-child(5) a:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 36px;
      text-decoration: none; }
    .dashboard__table--downloads tbody td:nth-child(5) a:hover:before {
      text-decoration: none; }
    .dashboard__table--downloads tbody td:nth-child(5) a:before {
      position: absolute;
      left: 0;
      top: 0; }

/*
Dashboard Downloads

Style and markup for the downloads section of the user dashboard. The outer wrappers
are for example and the only markup specific to the downloads starts with the container
with the class 'dashboard--downloads__wrapper'.

markup:
<div class="main">
  <div class="dashboard dashboard--downloads">
    <div class="dashboard__column dashboard__column--first dashboard__navigation">
    </div>
    <div class="dashboard__column dashboard__column--last">
      <!-- begin markup for download area -->
      <section class="dashboard--downloads__wrapper">
        <div class="dashboard--downloads__content">
          <header class="dashboard--downloads__header">
            <h3>file</h3>
            <h3>source</h3>
          </header>
          <div class="dashboard--downloads__body">
            <!-- item markup -->
            <div class="dashboard--downloads__item">
              <span class="new-indicator">new</span>
              <h3 class="dashboard--downloads__title">File Name</h3>
              <p class="dashboard--downloads__source">
                <span class="hide-for-large">source:</span>
                <a href="#" class="">content type</a>
              </p>
              <div class="dashboard--downloads__tools">
                <button class="content-flag--tiny">
                  <i aria-hidden="true"></i>
                  <span class="show-for-sr">Save</span>
                </button>
                <a href="#" class="dashboard--downloads__download-btn">
                  Download
                </a>
              </div>
            </div>
            <!-- end item markup -->
            <!-- item markup -->
            <div class="dashboard--downloads__item">
              <span class="new-indicator">new</span>
              <h3 class="dashboard--downloads__title">File Name</h3>
              <p class="dashboard--downloads__source">
                <span class="hide-for-large">source:</span>
                <a href="#" class="">content type</a>
              </p>
              <div class="dashboard--downloads__tools">
                <button class="content-flag--tiny">
                  <i aria-hidden="true"></i>
                  <span class="show-for-sr">Save</span>
                </button>
                <a href="#" class="dashboard--downloads__download-btn">
                  Download
                </a>
              </div>
            </div>
            <!-- end item markup -->
            <!-- item markup -->
            <div class="dashboard--downloads__item">
              <h3 class="dashboard--downloads__title">File Name</h3>
              <p class="dashboard--downloads__source">
                <span class="hide-for-large">source:</span>
                <a href="#" class="">content type</a>
              </p>
              <div class="dashboard--downloads__tools">
                <button class="content-flag--tiny">
                  <i aria-hidden="true"></i>
                  <span class="show-for-sr">Save</span>
                </button>
                <a href="#" class="dashboard--downloads__download-btn">
                  Download
                </a>
              </div>
            </div>
            <!-- end item markup -->
          </div>
        </div>
      </section>
      <!-- end markup -->
    </div>
  </div>
</div>

Styleguide 25.1
*/
.dashboard--downloads__wrapper {
  padding: 32px; }

.dashboard--downloads__content {
  background-color: #fefefe; }

.dashboard--downloads__header {
  display: none; }

.dashboard--downloads__body {
  border-top: 1px solid var(--sra-border-color);
  padding: 0 32px; }

.dashboard--downloads__item {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid var(--sra-border-color); }
  .dashboard--downloads__item:after {
    content: "";
    display: table;
    clear: both; }
  .dashboard--downloads__item:last-child {
    border-bottom: 0; }

.dashboard--downloads .new-indicator {
  font-family: "gibson-semibold", sans-serif;
  width: 43px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  background-color: #E71324;
  display: inline-block;
  color: #fefefe;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  position: absolute;
  left: -32px;
  bottom: 35px; }

.dashboard--downloads__title {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .018em;
  margin-bottom: 2rem; }

.dashboard--downloads__source {
  margin-bottom: 2.5rem; }
  .dashboard--downloads__source span,
  .dashboard--downloads__source a {
    display: inline-block;
    vertical-align: middle; }
  .dashboard--downloads__source span {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    letter-spacing: .018em;
    text-transform: uppercase;
    margin-right: 1rem; }
  .dashboard--downloads__source a {
    font-family: "gibson-light", sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: .015em;
    text-transform: capitalize; }

.dashboard--downloads__tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 85px;
  float: right; }

.dashboard--downloads__download-btn {
  text-decoration: none;
  position: relative;
  display: block;
  width: 30px;
  height: 0;
  padding-top: 30px;
  margin-left: 30px;
  overflow: hidden; }
  .dashboard--downloads__download-btn:before {
    color: #E71324;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 42px;
    text-decoration: none; }
  .dashboard--downloads__download-btn:hover:before {
    text-decoration: none; }
  .dashboard--downloads__download-btn:before {
    position: absolute;
    top: -.6rem;
    left: -.6rem; }

@media screen and (min-width: 1024px) {
  .dashboard--downloads__header, .dashboard--downloads__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .dashboard--downloads__header h3:first-child,
  .dashboard--downloads__item .dashboard--downloads__title {
    min-width: 300px;
    max-width: 300px; }
  .dashboard--downloads__item .dashboard--downloads__source {
    min-width: 155px;
    max-width: 155px; }
  .dashboard--downloads__header {
    padding: 40px 0 10px 60px; }
    .dashboard--downloads__header h3 {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin: 0; }
  .dashboard--downloads__body {
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .dashboard--downloads__item {
    border: 0;
    padding: 20px 40px 20px 60px; }
    .dashboard--downloads__item:first-child {
      padding-top: 30px; }
      .dashboard--downloads__item:first-child .new-indicator {
        top: 3.5rem; }
  .dashboard--downloads .new-indicator {
    left: 0;
    bottom: auto;
    top: 2.5rem; }
  .dashboard--downloads__title, .dashboard--downloads__source {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: .5rem 0 0; } }

@media print {
  .dashboard--downloads__header, .dashboard--downloads__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .dashboard--downloads__header h3:first-child,
  .dashboard--downloads__item .dashboard--downloads__title {
    min-width: 300px;
    max-width: 300px; }
  .dashboard--downloads__item .dashboard--downloads__source {
    min-width: 155px;
    max-width: 155px; }
  .dashboard--downloads__header {
    padding: 40px 0 10px 60px; }
    .dashboard--downloads__header h3 {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: 0.015em;
      text-transform: uppercase;
      margin: 0; }
  .dashboard--downloads__body {
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .dashboard--downloads__item {
    border: 0;
    padding: 20px 40px 20px 60px; }
    .dashboard--downloads__item:first-child {
      padding-top: 30px; }
      .dashboard--downloads__item:first-child .new-indicator {
        top: 3.5rem; }
  .dashboard--downloads .new-indicator {
    left: 0;
    bottom: auto;
    top: 2.5rem; }
  .dashboard--downloads__title, .dashboard--downloads__source {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: .5rem 0 0; } }

@media screen and (min-width: 1280px) {
  .dashboard--downloads__header h3:first-child,
  .dashboard--downloads__item .dashboard--downloads__title {
    min-width: 450px;
    max-width: 450px; }
  .dashboard--downloads__item .dashboard--downloads__source {
    min-width: 260px;
    max-width: 260px; } }

@media print {
  .dashboard--downloads__header h3:first-child,
  .dashboard--downloads__item .dashboard--downloads__title {
    min-width: 450px;
    max-width: 450px; }
  .dashboard--downloads__item .dashboard--downloads__source {
    min-width: 260px;
    max-width: 260px; } }

.package--accordion-with-image {
  margin: 50px auto 80px; }
  @media screen and (min-width: 1024px) {
    .package--accordion-with-image {
      margin-top: 120px;
      margin-bottom: 197px; } }
  @media print {
    .package--accordion-with-image {
      margin-top: 120px;
      margin-bottom: 197px; } }

.accordion__top .homepage__headline,
.accordion__top .homepage__subheadline {
  margin: 0 auto;
  text-align: center; }

.accordion__list {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 0; }
  @media screen and (min-width: 672px) {
    .accordion__list {
      max-width: 672px; } }
  @media print {
    .accordion__list {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .accordion__list {
      max-width: 1024px; } }
  @media print {
    .accordion__list {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .accordion__list {
      max-width: 1280px; } }
  @media print {
    .accordion__list {
      max-width: 1280px; } }
  @media screen and (min-width: 1024px) {
    .accordion__list {
      margin-top: 32px; } }
  @media print {
    .accordion__list {
      margin-top: 32px; } }
  .accordion__list .icon-list {
    border-right: 0; }
    .accordion__list .icon-list__item {
      position: relative;
      -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.15);
      padding: 10px; }
      .accordion__list .icon-list__item::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 20px;
        height: 1px;
        width: calc(100% - 40px);
        background-color: var(--sra-border-color); }
      .accordion__list .icon-list__item .icon-list__link {
        margin-left: 110px; }
      .accordion__list .icon-list__item--open {
        border: 0; }
        .accordion__list .icon-list__item--open .icon-list__link {
          height: auto; }
      @media screen and (min-width: 1024px) {
        .accordion__list .icon-list__item {
          padding: 0; }
          .accordion__list .icon-list__item--open {
            padding-bottom: 30px; }
          .accordion__list .icon-list__item .footer-abilitylab {
            padding-left: 110px; }
            .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
              left: 10px;
              top: 3px; }
          .accordion__list .icon-list__item:first-child .footer-abilitylab {
            padding-top: 30px; }
            .accordion__list .icon-list__item:first-child .footer-abilitylab .accordion__icon {
              top: 3px; } }
      @media print {
        .accordion__list .icon-list__item {
          padding: 0; }
          .accordion__list .icon-list__item--open {
            padding-bottom: 30px; }
          .accordion__list .icon-list__item .footer-abilitylab {
            padding-left: 110px; }
            .accordion__list .icon-list__item .footer-abilitylab .accordion__icon {
              left: 10px;
              top: 3px; }
          .accordion__list .icon-list__item:first-child .footer-abilitylab {
            padding-top: 30px; }
            .accordion__list .icon-list__item:first-child .footer-abilitylab .accordion__icon {
              top: 3px; } }

/*
Homepage

I'm the homepage

markup:
<main>
  <div class='sg-homepage homepage'>
    <ul id='homepage-menu' class='homepage-menu'>
      <li class='homepage-menu__item homepage-menu__item--intro'><a class='homepage-menu__anchor' href="#homepage-header">Intro</a></li>
      <li class='homepage-menu__item homepage-menu__item--care'><a class='homepage-menu__anchor' href="#homepage-section-care">Care</a></li>
      <li class='homepage-menu__item homepage-menu__item--science'><a class='homepage-menu__anchor' href="#homepage-section-science">Science</a></li>
      <li class='homepage-menu__item homepage-menu__item--innovation'><a class='homepage-menu__anchor' href="#homepage-innovation">Innovation</a></li>
    </ul>
    <section id='homepage-header' class='homepage-header'>
      <div class='homepage-header__image' aria-hidden='true'>
        <img class='homepage-header__img' src='../images/fpo_images/homepage.jpg'>
      </div>
      <div id='homepage-header-content' class='homepage-header__content'>
        <h2 class='homepage-header__title'><span>Advancing</span> <span>Human</span> <span>Ability</span></h2>
        <p class='homepage-header__description'>At AbilityLab, we have more researchers as part of our hospital staff than any other rehabilitation institute, which means all our patient treatments are supported by the most up-to-date scientific evidence.</p>
      </div>
      <div id='homepage-header-scroll' class='homepage-header__scroll' aria-hidden='true'>
        Scroll Down
      </div>
    </section>
    <section id='homepage-section-care' class='homepage-section homepage-section--care'>
      <div id='homepage-background-care' class='homepage-section__background'></div>
      <div class='homepage-section__inset'>
        <div id='homepage-section-top-care' class='homepage-section__top'>
          <h3 class='homepage__headline'>Where Care...</h3>
          <p class='homepage__subheadline'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula elementum dolor, ac placerat felis.</p>
        </div>
        <div id='homepage-care-declaration-1' class='homepage-section__declaration'>
          <div id='homepage-care-image-1' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-1.png' />
          </div>
          <div id='homepage-care-content-1' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>Our patient-focused Innovation Centers</h4>
              <div class='homepage-section__description'>These Centers are broken down by the affected area and defines the requirements for optimal rehabilitation: the brain, spinal cord, nervous system, pediatric care and cancer recovery.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
        <ul class='homepage-section__icons'>
          <li class='homepage-section__item'>
            <img class='homepage-section__item-img' src='../images/svgs/IC_Brain.svg' aria-hidden='true' />
            <div class='homepage-section__name'>Brain</div>
          </li>
          <li class='homepage-section__item'>
            <img class='homepage-section__item-img' src='../images/svgs/IC_Spine.svg' aria-hidden='true' />
            <div class='homepage-section__name'>Spinal Cord</div>
          </li>
          <li class='homepage-section__item'>
            <img class='homepage-section__item-img' src='../images/svgs/IC_NerveMuscleBone.svg' aria-hidden='true' />
            <div class='homepage-section__name'>Nerve, Muscle <span>+ Bone</span></div>
          </li>
          <li class='homepage-section__item'>
            <img class='homepage-section__item-img' src='../images/svgs/IC_Pediatric.svg' aria-hidden='true' />
            <div class='homepage-section__name'>Pediatric</div>
          </li>
          <li class='homepage-section__item'>
            <img class='homepage-section__item-img' src='../images/svgs/IC_Cancer.svg' aria-hidden='true' />
            <div class='homepage-section__name'>Cancer</div>
          </li>
        </ul>
        <div id='homepage-care-declaration-2' class='homepage-section__declaration'>
          <div id='homepage-care-image-2' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-2.png' />
          </div>
          <div id='homepage-care-content-2' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>Helping you live life fully, The LIFE Center</h4>
              <div class='homepage-section__description'>Our multimedia education center provides opportunities for Learning, Innovation, Family and Empowerment for people, their families, health professionals and the community.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
        <div id='homepage-care-declaration-3' class='homepage-section__declaration'>
          <div id='homepage-care-image-3' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-3.png' />
          </div>
          <div id='homepage-care-content-3' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>Hands-On Clinical Care</h4>
              <div class='homepage-section__description'>Lorem justo in facilisis adipiscing feugiat leo vestibulum dis id elit scelerisque primis varius magnis ullamcorper. Malesuada at leo pharetra suscipit a mi eu fringill.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id='homepage-section-science' class='homepage-section homepage-section--right homepage-section--science'>
      <div id='homepage-background-science' class='homepage-section__background'></div>
      <div class='homepage-section__inset'>
        <div id='homepage-section-top-science' class='homepage-section__top'>
          <h3 class='homepage__headline'>Meets Science</h3>
          <p class='homepage__subheadline'>Research is the core of our customized patient experience. At AbilityLab, we never stop learning.</p>
        </div>
        <div id='homepage-care-declaration-4' class='homepage-section__declaration'>
          <div id='homepage-care-image-4' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-4.png' />
          </div>
          <div id='homepage-care-content-4' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>It all starts in the world’s first + only Ability Labs</h4>
              <div class='homepage-section__description'>Our hospitals namesake, spaces customized to enrich the patient experience surrounded by a cooperative team consisting of the best-in-field researchers, clinicians and therapists.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
        <ul class='homepage-section__icons'>
          <li class='homepage-section__item'>
            <div class='homepage-section__circle' aria-hidden='true'>
              <img class='homepage-section__item-img homepage-section__item-img--arms-hands' src='../images/svgs/AL_ArmsHands.svg' />
            </div>
            <div class='homepage-section__name'>Arms + <span>Hand Lab</span></div>
          </li>
          <li class='homepage-section__item'>
            <div class='homepage-section__circle' aria-hidden='true'>
              <img class='homepage-section__item-img homepage-section__item-img--legs-walking' src='../images/svgs/AL_LegsWalking.svg' />
            </div>
            <div class='homepage-section__name'>Legs + <span>Walking Lab</span></div>
          </li>
          <li class='homepage-section__item'>
            <div class='homepage-section__circle' aria-hidden='true'>
              <img class='homepage-section__item-img homepage-section__item-img--strength-endurance' src='../images/svgs/AL_StrengthEndurance.svg' />
            </div>
            <div class='homepage-section__name'>Strength + <span>Endurance Lab</span></div>
          </li>
          <li class='homepage-section__item'>
            <div class='homepage-section__circle' aria-hidden='true'>
              <img class='homepage-section__item-img homepage-section__item-img--think-speak' src='../images/svgs/AL_ThinkSpeak.svg' />
            </div>
            <div class='homepage-section__name'>Think + <span>Speak Lab</span></div>
          </li>
          <li class='homepage-section__item'>
            <div class='homepage-section__circle' aria-hidden='true'>
              <img class='homepage-section__item-img homepage-section__item-img--pediatric' src='../images/svgs/AL_Pediatric.svg' />
            </div>
            <div class='homepage-section__name'>Pediatric Lab</span></div>
          </li>
        </ul>
        <div id='homepage-care-declaration-5' class='homepage-section__declaration'>
          <div id='homepage-care-image-5' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-5.png' />
          </div>
          <div id='homepage-care-content-5' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>The Best-In-Field Researchers</h4>
              <div class='homepage-section__description'>Lorem justo in facilisis adipiscing feugiat leo vestibulum dis id elit scelerisque primis varius magnis ullamcorper. Malesuada at leo pharetra suscipit a mi eu fringill.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
        <div id='homepage-care-declaration-6' class='homepage-section__declaration'>
          <div id='homepage-care-image-6' class='homepage-section__image' aria-hidden='true'>
            <img class='homepage-section__img' src='../images/fpo_images/homepage-6.png' />
          </div>
          <div id='homepage-care-content-6' class='homepage-section__content'>
            <div class='homepage-section__content__layout'>
              <h4 class='homepage-section__title'>A database for our Rehabilitation Measures</h4>
              <div class='homepage-section__description'>Our Rehabilitation Measures database offer clinicians and researchers reliable and valid instruments used to asses patient outcomes during all phases of rehabilitation.</div>
              <a class='homepage-section__learn-more' href='http://google.com'>learn more</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id='homepage-innovation' class='homepage-innovation'>
      <div class='homepage-innovation__content'>
        <h3 id='homepage-innovation-headline' class='homepage__headline homepage-innovation__headline'>Innovation is in Our DNA</h3>
        <div id='homepage-innovation-subheadline' class='homepage__subheadline homepage-innovation__subheadline'>
          Powered by the amazing people at AbilityLab, we are redefining the field of medicine to bring oustanding care to our patients and our community.
          <span id='homepage-innovation-keep-exploring' class='homepage-innovation__keep-exploring'>Keep Exploring</span>
        </div>
      </div>
    </section>
    <section id='homepage-patient-outcomes' class='package package--tabbed-content package--tabbed-content'>
      <div class='package--tabbed-content__top'>
        <h3 class='homepage__headline'>Patient Outcomes</h3>
        <p class='homepage__subheadline'>At AbilityLab, you become part of a community that will celebrate and champion your successes.</p>
      </div>
      <div class='package--tabbed-content__layout'>
        <ul class='tabs' data-tabs id='accessible-tabs' role='tablist'>
          <li class='tabs-title is-active' role='presentation'>
            <a class='tab-anchor' href='#outcome1' role='tab' tabindex='0' aria-selected='true' aria-controls='outcome1'>
              <div class='tab-anchor__content'>
                <div class='package--tabbed-content-tab'>
                  <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                    <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-1.jpg'>
                  </div>
                  <div class='package--tabbed-content-tab__content'>
                    <div class='package--tabbed-content-tab__title'>Lauren Niimi — Participating in this magical time in her children’s lives</div>
                    <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class='tabs-title' role='presentation'>
            <a class='tab-anchor' href='#outcome2' role='tab' tabindex='0' aria-selected='false' aria-controls='outcome2'>
              <div class='tab-anchor__content'>
                <div class='package--tabbed-content-tab'>
                  <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                    <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-2.jpg'>
                  </div>
                  <div class='package--tabbed-content-tab__content'>
                    <div class='package--tabbed-content-tab__title'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</div>
                    <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class='tabs-title' role='presentation'>
            <a class='tab-anchor' href='#outcome3' role='tab' tabindex='0' aria-selected='false' aria-controls='outcome3'>
              <div class='tab-anchor__content'>
                <div class='package--tabbed-content-tab'>
                  <div class='package--tabbed-content-tab__image' aria-hidden='true'>
                    <img class='package--tabbed-content-tab__img' src='../images/fpo_images/patient-3.jpg'>
                  </div>
                  <div class='package--tabbed-content-tab__content'>
                    <div class='package--tabbed-content-tab__title'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</div>
                    <div class='package--tabbed-content-tab__tag'><i aria-hidden="true"></i>patient story</div>
                  </div>
                </div>
              </div>
            </a>
          </li>
        </ul>
        <div class='tabs-content' data-tabs-content='accessible-tabs'>
          <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active' id='outcome1'>
            <div class='package--tabbed-content__story'>
              <div  class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-1.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <a class='package--tabbed-content__title' href='http://google.com'>Lauren Niimi — Participating in this magical time in her children’s lives</a>
                <div class='package--tabbed-content__tag'>patient story</div>
              </div>
              <div id='homepage-patient-outcomes-staff-1' class='package--tabbed-content__staff'>
                  <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                    <img class='package--tabbed-content__img' src='../images/fpo_images/employee_0.jpg'>
                  </div>
                  <div class='package--tabbed-content__details'>
                    <div class='package--tabbed-content__name'>Dr. Pellentesque Commodo Cursus</div>
                    <div class='package--tabbed-content__job'>Vestibulum id ligula porta felis euismod semper</div>
                    <a class='cta-button' href='http://google.com'>View Profile</a>
                  </div>
              </div>
            </div>
          </section>
          <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='outcome2'>
            <div class='package--tabbed-content__story'>
              <div  class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-2.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <a class='package--tabbed-content__title' href='http://google.com'>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</a>
                <div class='package--tabbed-content__tag'>patient story</div>
              </div>
              <div id='homepage-patient-outcomes-staff-2' class='package--tabbed-content__staff'>
                  <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                    <img class='package--tabbed-content__img' src='../images/fpo_images/employee_1.jpg'>
                  </div>
                  <div class='package--tabbed-content__details'>
                    <div class='package--tabbed-content__name'>Dr. Mattis Vehicula Lorem</div>
                    <div class='package--tabbed-content__job'>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</div>
                    <a class='cta-button' href='http://google.com'>View Profile</a>
                  </div>
              </div>
            </div>
          </section>
          <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='outcome3'>
            <div class='package--tabbed-content__story'>
              <div  class='package--tabbed-content__image' aria-hidden='true'>
                <img class='package--tabbed-content__img' src='../images/fpo_images/patient-3.jpg'>
              </div>
              <div class='package--tabbed-content__content'>
                <a class='package--tabbed-content__title' href='http://google.com'>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit</a>
                <div class='package--tabbed-content__tag'>patient story</div>
              </div>
              <div id='homepage-patient-outcomes-staff-3' class='package--tabbed-content__staff'>
                  <div  class='package--tabbed-content__headshot' aria-hidden='true'>
                    <img class='package--tabbed-content__img' src='../images/fpo_images/employee_2.jpg'>
                  </div>
                  <div class='package--tabbed-content__details'>
                    <div class='package--tabbed-content__name'>Dr. Fusce Sit Tortor</div>
                    <div class='package--tabbed-content__job'>Sed posuere consectetur est at lobortis</div>
                    <a class='cta-button' href='http://google.com'>View Profile</a>
                  </div>
              </div>
            </div>
          </section>
        </div>
      </div>
    </section>
    <section class='homepage-spinner'>
      <h3 class='homepage__headline'>How Can We Help?</h3>
      <p class='homepage__subheadline'>AbilityLab is designed to treat the whole patient – physically and mentally – as well as their caregivers. See all the Conditions + Services' offerings we provide care for.</p>
      <div class='homepage-spinner__layout'>
        <div class='homepage-spinner__menu'>
          <div class='homepage-spinner__scroller'>
            <ul class='tabs' data-tabs id='accessible-tabs-spinner' role='tablist'>
              <li class='tabs-title is-active' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner1' role='tab' tabindex='0' aria-selected='true' aria-controls='spinner1'>
                  Stroke Recovery
                </a>
              </li>
              <li class='tabs-title' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner2' role='tab' tabindex='0' aria-selected='false' aria-controls='spinner2'>
                  Spinal Cord Injury
                </a>
              </li>
              <li class='tabs-title' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner3' role='tab' tabindex='0' aria-selected='false' aria-controls='spinner3'>
                  Traumatic Brain Injury
                </a>
              </li>
              <li class='tabs-title' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner4' role='tab' tabindex='0' aria-selected='false' aria-controls='spinner4'>
                  Life Center
                </a>
              </li>
              <li class='tabs-title' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner5' role='tab' tabindex='0' aria-selected='false' aria-controls='spinner5'>
                  Rehabilitation Measures
                </a>
              </li>
              <li class='tabs-title' role='presentation'>
                <a class='anchor tab-anchor' href='#spinner6' role='tab' tabindex='0' aria-selected='false' aria-controls='spinner6'>
                  Sports + Fitness
                </a>
              </li>
              <a class='anchor view-all' href='http://google.com'>View All</a>
            </ul>
          </div>
        </div>
        <div class='homepage-spinner__details'>
          <div class='homepage-spinner__wrapper'>
            <div class='homepage-spinner__decorator homepage-spinner__decorator--1'></div>
            <div class='homepage-spinner__decorator homepage-spinner__decorator--2'></div>
            <div class='homepage-spinner__decorator homepage-spinner__decorator--3'></div>
            <div class='tabs-content' data-tabs-content='accessible-tabs-spinner'>
              <section role='tabpanel' aria-hidden='false' class='tabs-panel is-active current rotate' id='spinner1'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Stroke Recovery</div>
                  <div class='homepage-spinner__description'>The choice you make after a stroke can make a lifetime of difference.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
              <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='spinner2'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Spinal Cord Injury</div>
                  <div class='homepage-spinner__description'>Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
              <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='spinner3'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Traumatic Brain Injury</div>
                  <div class='homepage-spinner__description'>Donec id elit non mi porta gravida at eget metus.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
              <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='spinner4'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Life Center</div>
                  <div class='homepage-spinner__description'>Cras mattis consectetur purus sit amet fermentum.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
              <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='spinner5'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Rehabilitation Measures</div>
                  <div class='homepage-spinner__description'>Fusce dapibus, tellus ac cursus commodo, ut fermentum massa justo sit amet risus.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
              <section role='tabpanel' aria-hidden='true' class='tabs-panel' id='spinner6'>
                <div class='homepage-spinner__content'>
                  <div class='homepage-spinner__title'>Sports + Fitness</div>
                  <div class='homepage-spinner__description'>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</div>
                  <a class='cta-button' href='http://google.com'>learn more</a>
                </div>
              </section>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class='homepage-section homepage-search'>
      <h3 class='homepage__headline'>Get Involved</h3>
      <p class='homepage__subheadline'>Be a part of our groundbreaking research community.</p>
      <div class='homepage-search__introduction'>
        <div class='homepage-search__image-wrapper'>
          <div class='homepage-search__image'>
            <img src='../images/fpo_images/search-introduction.jpg' />
          </div>
        </div>
        <div class='homepage-search__content'>
          <h3 class='homepage-search__title'>Trials + Studies</h3>
          <p class='homepage-search__description'>With more than 350 clinical studies underway, and nearly 200 of those specifically dedicated to improving treatments and recovery, the world's best research directly impacts your recovery.</p>
        </div>
      </div>
      <div class='homepage-search__form'>
        <div class='search'>
          <input type='text' placeholder='Search'>
        </div>
      </div>
    </section>
    <section class='homepage-data'>
      <h3 class='homepage__headline'>Why AbilityLab?</h3>
      <p class='homepage__subheadline'>Our new research hospital serves our patients in ways that are unprecedented in medicine.</p>
      <div class='homepage-data__content'>
        <div class='homepage-data__title'>STROKE RECOVERY</div>
        <div class='homepage-data__number'>8x</div>
        <div class='homepage-data__description'>At AbilityLab, you will experience <strong>8 times greater</strong> improvement in cognitive ability than at a Skilled Nursing Facility</div>
        <div class='homepage-data__secondary'>ACRM, “Does Post-acute Site Matter? A Longitudinal Study Assessing Functional Recovery After a Stroke”</div>
        <div class='homepage-data__link'><a class='cta-button' href='http://google.com'>learn more</a></div>
      </div>
    </section>
    <section class='homepage-us-news'>
      <div class='homepage-us-news__content'>
        <div class='homepage-us-news__image'>
          <img src='../images/homepage/us-news_badge.png' />
        </div>
        <div class='homepage-us-news__text'>
          <div class='homepage-us-news__title'>Number One for 25 Years</div>
          <div class='homepage-us-news__description'>It's not just a ranking. It's hope quantified.</div>
        </div>
      </div>
    </section>
  </div>
</main>

Styleguide 20
*/
#kss-node #section-20 {
  max-width: none; }

.path-frontpage .package--with-featured.package--latest-news .package__item--featured__wrapper {
  position: relative; }

.path-frontpage .package--with-featured.package--latest-news .background {
  top: -35px;
  bottom: -140px; }
  .path-frontpage .package--with-featured.package--latest-news .background .graphic {
    display: none; }

.path-frontpage .package--with-featured.package--latest-news .package__item {
  position: relative; }
  .path-frontpage .package--with-featured.package--latest-news .package__item--featured {
    position: relative; }
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured__img,
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured .package__item__content {
      position: relative;
      z-index: 1; }
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured:before, .path-frontpage .package--with-featured.package--latest-news .package__item--featured:after {
      content: "";
      display: block;
      position: absolute;
      background-size: auto 100%;
      background-repeat: no-repeat; }
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured:before {
      height: 190px;
      width: 180px;
      top: -90px;
      left: -70px;
      -webkit-transform: rotate(70deg);
      transform: rotate(70deg);
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured:after {
      top: -60px;
      right: -50px;
      height: 120px;
      width: 110px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
  .path-frontpage .package--with-featured.package--latest-news .package__item:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    height: 40%;
    width: 40%;
    top: -10%;
    left: -28%;
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
  .path-frontpage .package--with-featured.package--latest-news .package__item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    height: 190px;
    width: 180px;
    top: 0;
    right: -110px;
    z-index: -1;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }

@media screen and (min-width: 672px) {
  .path-frontpage .package--with-featured.package--latest-news .background {
    bottom: -200px; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:last-child:before {
    height: 280px;
    width: 210px;
    top: 50px;
    right: -110px; } }

@media print {
  .path-frontpage .package--with-featured.package--latest-news .background {
    bottom: -200px; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:last-child:before {
    height: 280px;
    width: 210px;
    top: 50px;
    right: -110px; } }

@media screen and (min-width: 1024px) {
  .path-frontpage .package--with-featured.package--latest-news .background {
    top: -52px;
    left: -88px;
    right: -88px;
    bottom: -125px;
    overflow: hidden; }
    .path-frontpage .package--with-featured.package--latest-news .background .graphic {
      display: block;
      position: absolute; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 {
        height: 270px;
        width: 220px;
        top: 20px;
        left: -70px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 .st0,
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 .st1 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-02 {
        height: 210px;
        width: 210px;
        right: -80px;
        top: 30px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-02 .st0 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 {
        height: 270px;
        width: 200px;
        right: -10px;
        bottom: -110px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 .st0,
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 .st1 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-04 {
        height: 100px;
        width: 100px;
        left: 40px;
        bottom: -50px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-04 .st0 {
          stroke: #7BBCDF; }
  .path-frontpage .package--with-featured.package--latest-news .package__item--featured:before, .path-frontpage .package--with-featured.package--latest-news .package__item--featured:after {
    display: none;
    background-image: none; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:nth-child(2):before {
    display: none; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:last-child:before {
    display: none; } }

@media print {
  .path-frontpage .package--with-featured.package--latest-news .background {
    top: -52px;
    left: -88px;
    right: -88px;
    bottom: -125px;
    overflow: hidden; }
    .path-frontpage .package--with-featured.package--latest-news .background .graphic {
      display: block;
      position: absolute; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 {
        height: 270px;
        width: 220px;
        top: 20px;
        left: -70px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 .st0,
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 .st1 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-02 {
        height: 210px;
        width: 210px;
        right: -80px;
        top: 30px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-02 .st0 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 {
        height: 270px;
        width: 200px;
        right: -10px;
        bottom: -110px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 .st0,
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 .st1 {
          stroke: #7BBCDF; }
      .path-frontpage .package--with-featured.package--latest-news .background .graphic-04 {
        height: 100px;
        width: 100px;
        left: 40px;
        bottom: -50px; }
        .path-frontpage .package--with-featured.package--latest-news .background .graphic-04 .st0 {
          stroke: #7BBCDF; }
  .path-frontpage .package--with-featured.package--latest-news .package__item--featured:before, .path-frontpage .package--with-featured.package--latest-news .package__item--featured:after {
    display: none;
    background-image: none; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:nth-child(2):before {
    display: none; }
  .path-frontpage .package--with-featured.package--latest-news .package__item:last-child:before {
    display: none; } }

@media screen and (min-width: 1280px) {
  .path-frontpage .package--with-featured.package--latest-news .background {
    top: -65px;
    left: -120px;
    right: -120px; } }

@media print {
  .path-frontpage .package--with-featured.package--latest-news .background {
    top: -65px;
    left: -120px;
    right: -120px; } }

.path-frontpage .package--with-featured.package--latest-news .background {
  overflow: visible; }
  .path-frontpage .package--with-featured.package--latest-news .background .graphic-01 {
    height: 220px;
    width: 150px;
    left: auto;
    right: 63px;
    top: -120px;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg); }
  .path-frontpage .package--with-featured.package--latest-news .background .graphic-02 {
    right: 55px;
    top: 70px; }
  .path-frontpage .package--with-featured.package--latest-news .background .graphic-03 {
    width: 150px;
    right: auto;
    top: 50%;
    left: 169px;
    -webkit-transform: translateY(-78%) rotate(-75deg);
    transform: translateY(-78%) rotate(-75deg); }
  .path-frontpage .package--with-featured.package--latest-news .background .graphic-04 {
    height: 100px;
    width: 180px;
    left: 120px;
    bottom: 50%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }

.path-frontpage .package--with-featured.package--latest-news .package__item--featured__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .path-frontpage .package--with-featured.package--latest-news .package__item--featured__img > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .path-frontpage .package--with-featured.package--latest-news .package__item--featured__img > a > img {
      -o-object-fit: cover;
      object-fit: cover; }

.path-frontpage #block-clinical-trials .main {
  overflow: visible;
  max-width: unset; }

.path-frontpage .package--with-featured.package--clinical-trials {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 130px;
  background-color: transparent;
  overflow: visible; }
  .path-frontpage .package--with-featured.package--clinical-trials .package__item--featured:after,
  .path-frontpage .package--with-featured.package--clinical-trials .package__item--featured:before {
    display: none; }
  .path-frontpage .package--with-featured.package--clinical-trials .package__item--featured__wrapper {
    position: initial; }
  .path-frontpage .package--with-featured.package--clinical-trials .background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent; }
    .path-frontpage .package--with-featured.package--clinical-trials .background .graphic-01 {
      position: absolute;
      height: 256px;
      width: 476px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/top_curve.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      z-index: -1;
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      top: 0;
      left: 75px; }
    .path-frontpage .package--with-featured.package--clinical-trials .background .graphic-02 {
      position: absolute;
      height: 224px;
      width: 416px;
      top: auto;
      bottom: 100px;
      right: -180px;
      background-image: url("/themes/custom/abilitylab_theme/dist/images/fpo_images/bottom_curve.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      z-index: 20; }

@media screen and (min-width: 1024px) {
  .path-frontpage .package--with-featured.package--clinical-trials {
    padding-top: 130px; }
    .path-frontpage .package--with-featured.package--clinical-trials .background .graphic-01 {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      left: -50px; } }

@media print {
  .path-frontpage .package--with-featured.package--clinical-trials {
    padding-top: 130px; }
    .path-frontpage .package--with-featured.package--clinical-trials .background .graphic-01 {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      left: -50px; } }

.homepage {
  margin: 0 0 60px;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .homepage__headline, .homepage__subheadline {
    margin: 0 32px;
    text-align: left; }
  .homepage__headline {
    font-family: "gibson-semibold", sans-serif;
    font-size: 4.8rem;
    line-height: 4.8rem;
    margin-bottom: 15px; }
  .homepage__subheadline {
    font-family: "gibson-light", sans-serif;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 34px;
    color: var(--sra-heading-color); }
  .homepage .package--tabbed-content {
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .homepage {
      padding-top: 35px; }
      .homepage__headline {
        font-size: 6rem;
        line-height: 6rem;
        max-width: 840px;
        margin-left: auto;
        margin-right: auto; }
      .homepage__subheadline {
        font-size: 3.4rem;
        line-height: 4.2rem;
        max-width: 840px; }
      .homepage .package--tabbed-content {
        top: 60px; } }
  @media print {
    .homepage {
      padding-top: 35px; }
      .homepage__headline {
        font-size: 6rem;
        line-height: 6rem;
        max-width: 840px;
        margin-left: auto;
        margin-right: auto; }
      .homepage__subheadline {
        font-size: 3.4rem;
        line-height: 4.2rem;
        max-width: 840px; }
      .homepage .package--tabbed-content {
        top: 60px; } }
  @media screen and (min-width: 1280px) {
    .homepage__headline {
      font-size: 7.2rem;
      line-height: 8.2rem; }
    .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }
  @media print {
    .homepage__headline {
      font-size: 7.2rem;
      line-height: 8.2rem; }
    .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }

.homepage-header {
  position: relative;
  color: #fefefe;
  padding-top: 35px;
  overflow: hidden;
  /* The Modal (background) */ }
  .homepage-header .alert-banner--mobile {
    margin-top: -35px; }
  .homepage-header__image {
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .homepage-header__image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(10, 10, 10, 0.3); }
    .homepage-header__image.overlay-hidden:after {
      opacity: 0; }
    .homepage-header__image img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
      font-family: "object-fit: cover; object-position: top"; }
  .homepage-header__video {
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 0; }
    .homepage-header__video img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      font-family: "object-fit: cover; object-position: center";
      z-index: 1; }
      .homepage-header__video img.video-is-playing {
        z-index: -1; }
  .homepage-header .button-container {
    width: 100%;
    position: absolute;
    top: 35px;
    height: 100%;
    max-height: 375px; }
  .homepage-header .embed-video__btn,
  .homepage-header .video__btn {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    height: 46px;
    width: 46px; }
    @media screen and (min-width: 1024px) {
      .homepage-header .embed-video__btn,
      .homepage-header .video__btn {
        bottom: 35px; } }
    @media print {
      .homepage-header .embed-video__btn,
      .homepage-header .video__btn {
        bottom: 35px; } }
    .homepage-header .embed-video__btn--play, .homepage-header .embed-video__btn--pause,
    .homepage-header .video__btn--play,
    .homepage-header .video__btn--pause {
      right: 60px; }
    .homepage-header .embed-video__btn--pause,
    .homepage-header .video__btn--pause {
      display: none; }
      .homepage-header .embed-video__btn--pause.video-is-playing,
      .homepage-header .video__btn--pause.video-is-playing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .homepage-header .embed-video__btn--pause i,
      .homepage-header .video__btn--pause i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: auto;
        right: 30px;
        bottom: 75px;
        position: absolute;
        height: 46px;
        width: 46px;
        background-color: #F36C21;
        border-radius: 100%;
        z-index: 1; }
        .homepage-header .embed-video__btn--pause i::before,
        .homepage-header .video__btn--pause i::before {
          content: "";
          display: block;
          height: 17px;
          width: 17px;
          border-style: double;
          border-width: 0px 0px 0px 17px;
          border-color: #fefefe; }
    .homepage-header .embed-video__btn--play,
    .homepage-header .video__btn--play {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .homepage-header .embed-video__btn--play.video-is-playing,
      .homepage-header .video__btn--play.video-is-playing {
        display: none; }
      .homepage-header .embed-video__btn--play i,
      .homepage-header .video__btn--play i {
        left: auto;
        right: 30px;
        bottom: 75px;
        position: absolute;
        height: 46px;
        width: 46px; }
        .homepage-header .embed-video__btn--play i::before,
        .homepage-header .video__btn--play i::before {
          content: "";
          position: absolute;
          width: 0px;
          height: 0px;
          border-left: 20px solid white;
          border-bottom: 10px solid transparent;
          border-top: 10px solid transparent;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #fefefe;
          top: 50%;
          left: 57%;
          font-size: 2rem;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 10; }
        .homepage-header .embed-video__btn--play i::after,
        .homepage-header .video__btn--play i::after {
          content: "";
          position: absolute;
          background-color: #F36C21;
          height: 4.6rem;
          width: 4.6rem;
          border-radius: 100%;
          top: 0;
          right: 0;
          left: 0;
          margin: 0;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          z-index: 9; }
    .homepage-header .embed-video__btn--popup,
    .homepage-header .video__btn--popup {
      display: block; }
      .homepage-header .embed-video__btn--popup i,
      .homepage-header .video__btn--popup i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #F36C21;
        border-radius: 100%;
        left: auto;
        right: 30px;
        bottom: 75px;
        position: absolute;
        height: 46px;
        width: 46px; }
  .homepage-header__image, .homepage-header__video {
    width: 150%;
    height: 100vh;
    max-height: 375px;
    background: black; }
    .homepage-header__image img, .homepage-header__video img {
      height: 150%;
      position: absolute;
      top: -50%;
      -webkit-transform: translateY(20%);
      transform: translateY(20%); }
  .homepage-header__content {
    margin: 0 32px;
    padding: 35px 30px 120px;
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    margin: -55px 0 0 !important;
    bottom: 0; }
    @media screen and (min-width: 672px) {
      .homepage-header__content {
        margin: 0 55px; } }
    @media print {
      .homepage-header__content {
        margin: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .homepage-header__content {
        margin: 0 88px; } }
    @media print {
      .homepage-header__content {
        margin: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .homepage-header__content {
        margin: 0 120px; } }
    @media print {
      .homepage-header__content {
        margin: 0 120px; } }
    .homepage-header__content::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background-color: #238FCF;
      max-height: 1037px;
      max-width: 1747px;
      height: 100%;
      width: 100%;
      border-radius: 0 55px 0 0;
      z-index: -4; }
  .homepage-header__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 4rem;
    line-height: 1.25;
    padding-bottom: 12px; }
    .homepage-header__title--banner {
      font-size: 3.8rem;
      margin: 0 0 0.5em;
      padding: 0; }
  .homepage-header__body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #238FCF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px; }
    @media screen and (min-width: 1024px) {
      .homepage-header__body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media print {
      .homepage-header__body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .homepage-header__body img {
      width: 100%;
      height: 100%; }
  .homepage-header__body-award {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100px; }
    @media screen and (min-width: 1024px) {
      .homepage-header__body-award {
        max-width: 210px; } }
    @media print {
      .homepage-header__body-award {
        max-width: 210px; } }
  .homepage-header__description {
    font-family: "gibson-light", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 2rem;
    line-height: 2.4rem; }
  .homepage-header__scroll {
    font-family: "gibson-regular", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 40px;
    z-index: 4;
    text-transform: uppercase; }
    .homepage-header__scroll:before {
      content: " ";
      background-color: #fefefe;
      height: 40px;
      width: 1px;
      position: absolute;
      bottom: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  .homepage-header .modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    /* Modal Content */
    /* Add Animation */
    /* The Close Button */ }
    .homepage-header .modal__content {
      position: relative;
      margin: auto;
      padding: 0;
      width: 80%; }
      .homepage-header .modal__content__container {
        height: 100%;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .homepage-header .modal__content .media-player {
        padding-top: 56.25%;
        position: relative;
        overflow: hidden;
        width: 100%; }
        .homepage-header .modal__content .media-player iframe {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 100%; }
          .homepage-header .modal__content .media-player iframe:not(.homepage-header) {
            background: transparent;
            border: 0; }

@-webkit-keyframes animatetop {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes animatetop {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .homepage-header .modal .close {
      float: right;
      font-size: 16px;
      line-height: 16px;
      border: 1px solid #fefefe;
      border-radius: 50%;
      height: 32px;
      width: 32px;
      font-weight: bold;
      display: grid;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 16px; }
      .homepage-header .modal .close:hover, .homepage-header .modal .close:focus {
        text-decoration: none;
        cursor: pointer; }
    .homepage-header .modal__header {
      padding: 2px 16px; }
  @media screen and (min-width: 672px) {
    .homepage-header__image, .homepage-header__video {
      width: 140%; }
    .homepage-header__title {
      font-size: 6.1rem; }
      .homepage-header__title--banner {
        font-size: 6.5rem; }
    .homepage-header__description {
      font-size: 2.5rem;
      line-height: 3.1rem; }
    .homepage-header__image, .homepage-header__video,
    .homepage-header .button-container {
      max-height: 575px; }
    .homepage-header .button-container {
      top: 0; } }
  @media print {
    .homepage-header__image, .homepage-header__video {
      width: 140%; }
    .homepage-header__title {
      font-size: 6.1rem; }
      .homepage-header__title--banner {
        font-size: 6.5rem; }
    .homepage-header__description {
      font-size: 2.5rem;
      line-height: 3.1rem; }
    .homepage-header__image, .homepage-header__video,
    .homepage-header .button-container {
      max-height: 575px; }
    .homepage-header .button-container {
      top: 0; } }
  @media screen and (min-width: 1024px) {
    .homepage-header__image, .homepage-header__video {
      width: 95%;
      float: right;
      max-height: 626px; }
      .homepage-header__image img, .homepage-header__video img {
        height: 100%;
        top: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .homepage-header .button-container {
      max-height: 626px; }
    .homepage-header__video img {
      max-height: 626px;
      width: 120%; }
    .homepage-header__video iframe {
      right: -10%; }
    .homepage-header__video .embed-video__btn i {
      right: 75px;
      bottom: 169px; }
    .homepage-header__content {
      margin: 0 32px;
      position: absolute;
      padding: 80px 40px 149px 40px;
      height: 100%;
      width: 60%;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0 !important; } }
  @media screen and (min-width: 1024px) and (min-width: 672px) {
    .homepage-header__content {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .homepage-header__content {
      margin: 0 88px; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .homepage-header__content {
      margin: 0 120px; } }
  @media screen and (min-width: 1024px) {
      .homepage-header__content::before {
        border-radius: 0 379px 0 0;
        z-index: -4; }
      .homepage-header__content::after {
        content: "";
        position: absolute;
        right: -126px;
        width: 0px;
        bottom: 0;
        height: 0px;
        border-left: 155px solid transparent;
        border-right: 155px solid transparent;
        border-bottom: 427px solid #238FCF;
        z-index: -4; } }
  @media print {
    .homepage-header__image, .homepage-header__video {
      width: 95%;
      float: right;
      max-height: 626px; }
      .homepage-header__image img, .homepage-header__video img {
        height: 100%;
        top: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .homepage-header .button-container {
      max-height: 626px; }
    .homepage-header__video img {
      max-height: 626px;
      width: 120%; }
    .homepage-header__video iframe {
      right: -10%; }
    .homepage-header__video .embed-video__btn i {
      right: 75px;
      bottom: 169px; }
    .homepage-header__content {
      margin: 0 32px;
      position: absolute;
      padding: 80px 40px 149px 40px;
      height: 100%;
      width: 60%;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0 !important; } }
  @media print {
    .homepage-header__content {
      margin: 0 55px; } }
  @media print {
    .homepage-header__content {
      margin: 0 88px; } }
  @media print {
    .homepage-header__content {
      margin: 0 120px; } }
  @media print {
      .homepage-header__content::before {
        border-radius: 0 379px 0 0;
        z-index: -4; }
      .homepage-header__content::after {
        content: "";
        position: absolute;
        right: -126px;
        width: 0px;
        bottom: 0;
        height: 0px;
        border-left: 155px solid transparent;
        border-right: 155px solid transparent;
        border-bottom: 427px solid #238FCF;
        z-index: -4; } }
  @media screen and (min-width: 1280px) {
    .homepage-header__image, .homepage-header__video {
      width: 75%; }
    .homepage-header__content {
      width: 55%;
      padding: 70px 60px 149px 60px; }
    .homepage-header__title {
      font-size: 6.5rem; }
    .homepage-header__description {
      font-size: 2.6rem;
      line-height: 3.8rem; }
    .homepage-header__video iframe {
      height: 100vh;
      top: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .homepage-header__video .embed-video__btn i {
      right: 103px; } }
  @media print {
    .homepage-header__image, .homepage-header__video {
      width: 75%; }
    .homepage-header__content {
      width: 55%;
      padding: 70px 60px 149px 60px; }
    .homepage-header__title {
      font-size: 6.5rem; }
    .homepage-header__description {
      font-size: 2.6rem;
      line-height: 3.8rem; }
    .homepage-header__video iframe {
      height: 100vh;
      top: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .homepage-header__video .embed-video__btn i {
      right: 103px; } }
  @media screen and (min-width: 1440px) {
    .homepage-header__content {
      width: 50%;
      padding: 107px 60px 149px 102px; }
    .homepage-header__description--has-image {
      max-width: 406px; }
    .homepage-header__video img {
      width: 100%; } }

.homepage-section {
  padding: 60px 0;
  position: relative; }

/*
Homepage Welcome Package (could probably live in other places).

markup:
<section class="package--welcome">
  <div class="package--welcome__content">
    <div class="package--welcome__card">
      <h3 class="homepage__headline">The New RIC</h2>
      <p>In March 2017, the Rehabilitation Institute of Chicago (RIC) evolved to become the Shirley Ryan Abili Lab.  is move brings not only a physical change of address but a whole new model to the  eld of rehabilitation.</p>
      <a href="#" title="learn more" class="cta-button">learn more</a>
    </div>
    <div class="package--welcome__img-wrap">
      <div class="package--welcome__img">
        <img src="http://placehold.it/832x468?text=16:9 image max width 830px"/>
      </div>
    </div>
  </div>
</section>

Styleguide 20.2
*/
.package--welcome {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (min-width: 672px) {
    .package--welcome {
      max-width: 672px; } }
  @media print {
    .package--welcome {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .package--welcome {
      max-width: 1024px; } }
  @media print {
    .package--welcome {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .package--welcome {
      max-width: 1280px; } }
  @media print {
    .package--welcome {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .package--welcome {
      padding: 0 55px; } }
  @media print {
    .package--welcome {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .package--welcome {
      padding: 0 88px; } }
  @media print {
    .package--welcome {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .package--welcome {
      padding: 0 120px; } }
  @media print {
    .package--welcome {
      padding: 0 120px; } }
  .package--welcome .graphic-01,
  .package--welcome .graphic-02 {
    display: block;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .package--welcome .graphic-01 {
    top: 10px;
    width: 504px;
    left: -240px; }
    .package--welcome .graphic-01 svg .st0 {
      fill: #D0D2D3; }
    .package--welcome .graphic-01 svg .st1 {
      fill: none; }
  .package--welcome .graphic-02 {
    width: 760px;
    bottom: 0;
    right: -470px; }
    .package--welcome .graphic-02 .st0 {
      fill: #D0D2D3; }
    .package--welcome .graphic-02 .st1 {
      fill: none; }
  .package--welcome__content {
    position: relative;
    z-index: 2; }
  .package--welcome__card {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    padding: 4rem 2.5rem 3.5rem;
    text-align: center; }
    .package--welcome__card p {
      font-family: "gt-sectra-fine", serif;
      font-size: 1.4rem;
      line-height: 2.2rem;
      letter-spacing: .015em;
      color: var(--sra-text-gray-color);
      margin: 30px 0 0; }
  .package--welcome .homepage__headline {
    font-family: "gibson-semibold", sans-serif;
    font-size: 4rem;
    line-height: 4.6rem;
    letter-spacing: .005em;
    margin: 0; }
  .package--welcome .cta-button {
    margin-top: 30px; }
  .package--welcome__img-wrap {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    margin-top: -2rem; }
  @media screen and (min-width: 672px) {
    .package--welcome {
      padding-top: 50px;
      padding-bottom: 50px; }
      .package--welcome__img-wrap {
        margin-left: -32px;
        margin-right: -32px; } }
  @media print {
    .package--welcome {
      padding-top: 50px;
      padding-bottom: 50px; }
      .package--welcome__img-wrap {
        margin-left: -32px;
        margin-right: -32px; } }
  @media screen and (min-width: 1024px) {
    .package--welcome {
      padding-top: 80px;
      padding-bottom: 80px; }
      .package--welcome .graphic-01 {
        top: 0px;
        width: 640px;
        left: -220px; }
      .package--welcome .graphic-02 {
        width: 850px;
        bottom: 0;
        right: -380px; }
      .package--welcome__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
      .package--welcome__card {
        min-width: 350px;
        max-width: 350px;
        padding: 50px 32px; }
      .package--welcome .homepage__headline {
        font-size: 4.2rem;
        line-height: 4.6rem; }
      .package--welcome__img-wrap {
        margin: 0;
        left: -192px;
        min-width: 690px;
        max-width: 690px; } }
  @media print {
    .package--welcome {
      padding-top: 80px;
      padding-bottom: 80px; }
      .package--welcome .graphic-01 {
        top: 0px;
        width: 640px;
        left: -220px; }
      .package--welcome .graphic-02 {
        width: 850px;
        bottom: 0;
        right: -380px; }
      .package--welcome__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
      .package--welcome__card {
        min-width: 350px;
        max-width: 350px;
        padding: 50px 32px; }
      .package--welcome .homepage__headline {
        font-size: 4.2rem;
        line-height: 4.6rem; }
      .package--welcome__img-wrap {
        margin: 0;
        left: -192px;
        min-width: 690px;
        max-width: 690px; } }
  @media screen and (min-width: 1280px) {
    .package--welcome {
      overflow: hidden; }
      .package--welcome .graphic-01 {
        left: -140px; }
      .package--welcome__card {
        min-width: 420px;
        max-width: 420px;
        padding: 70px 40px 60px; }
        .package--welcome__card p {
          font-size: 1.6rem;
          line-height: 2.4rem; }
      .package--welcome .homepage__headline {
        font-size: 5.2rem;
        line-height: 5.6rem; }
      .package--welcome__img-wrap {
        left: -210px;
        min-width: 830px;
        max-width: 830px; } }
  @media print {
    .package--welcome {
      overflow: hidden; }
      .package--welcome .graphic-01 {
        left: -140px; }
      .package--welcome__card {
        min-width: 420px;
        max-width: 420px;
        padding: 70px 40px 60px; }
        .package--welcome__card p {
          font-size: 1.6rem;
          line-height: 2.4rem; }
      .package--welcome .homepage__headline {
        font-size: 5.2rem;
        line-height: 5.6rem; }
      .package--welcome__img-wrap {
        left: -210px;
        min-width: 830px;
        max-width: 830px; } }

.homepage-section {
  background-image: url("../images/svgs/HP_Helix-Pattern.svg");
  background-size: 102vw auto;
  background-repeat: no-repeat;
  background-position: left -1vw top 440px; }
  @media screen and (min-width: 672px) {
    .homepage-section {
      background-size: 560px auto;
      background-position: left -1vw top 200px; } }
  @media print {
    .homepage-section {
      background-size: 560px auto;
      background-position: left -1vw top 200px; } }
  @media screen and (min-width: 1024px) {
    .homepage-section {
      background: none; } }
  @media print {
    .homepage-section {
      background: none; } }
  .homepage-section--right {
    background-image: url("../images/svgs/HP_Helix-Pattern-right.svg");
    background-position: right -1vw top 440px; }
    @media screen and (min-width: 672px) {
      .homepage-section--right {
        background-position: right -1vw top 200px; } }
    @media print {
      .homepage-section--right {
        background-position: right -1vw top 200px; } }
    @media screen and (min-width: 1024px) {
      .homepage-section--right {
        background: none; } }
    @media print {
      .homepage-section--right {
        background: none; } }
  .homepage-section__background {
    display: none; }
    @media screen and (min-width: 1024px) {
      .homepage-section__background {
        display: block;
        width: 563px;
        height: 534px;
        position: absolute;
        background-size: cover;
        background-image: url("../images/svgs/HP_Helix-Pattern.svg");
        top: 200px;
        left: 120px; } }
    @media print {
      .homepage-section__background {
        display: block;
        width: 563px;
        height: 534px;
        position: absolute;
        background-size: cover;
        background-image: url("../images/svgs/HP_Helix-Pattern.svg");
        top: 200px;
        left: 120px; } }
  .homepage-section--right .homepage-section__background {
    background-image: url("../images/svgs/HP_Helix-Pattern-right.svg");
    left: auto;
    right: 120px; }

.homepage-section__inset {
  max-width: 480px;
  width: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center; }

.homepage-section__image {
  max-width: 480px;
  width: 100%;
  margin: 0 auto; }

.homepage-section__declaration {
  max-width: 480px;
  width: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 60px; }

.homepage-section__content {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  background-color: #fefefe;
  margin: 0 30px;
  margin-top: -60px;
  padding: 30px 25px;
  z-index: 4;
  position: relative; }

.homepage-section__title {
  font-family: "gibson-light", sans-serif;
  color: #F36C21;
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 24px; }

.homepage-section__description {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 24px; }

.homepage-section__learn-more {
  font-family: "gibson-light", sans-serif;
  display: inline-block;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.6rem; }

.homepage-section__icons {
  margin: 0 32px;
  padding: 0;
  list-style: none;
  display: block;
  margin-top: 30px; }
  @media screen and (min-width: 672px) {
    .homepage-section__icons {
      margin: 0 55px; } }
  @media print {
    .homepage-section__icons {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .homepage-section__icons {
      margin: 0 88px; } }
  @media print {
    .homepage-section__icons {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .homepage-section__icons {
      margin: 0 120px; } }
  @media print {
    .homepage-section__icons {
      margin: 0 120px; } }
  .homepage-section__icons:after {
    content: "";
    display: table;
    clear: both; }

.homepage-section__item {
  width: 50%;
  display: inline-block;
  float: left;
  text-align: center;
  margin-bottom: 30px; }
  .homepage-section__item:last-child {
    width: 100%;
    margin-bottom: 0; }

.homepage-section__circle, .homepage-section__item-img {
  width: 104px; }

.homepage-section__circle {
  height: 104px;
  border: 2px solid #F36C21;
  background-color: #fef3ed;
  border-radius: 100%;
  position: relative;
  margin: 0 auto; }
  .homepage-section__circle .homepage-section__item-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    background-color: transparent;
    border-radius: 0; }

.homepage-section__item-img {
  border: 2px solid #238FCF;
  background-color: #238FCF;
  border-radius: 100%; }
  .homepage-section__item-img--arms-hands {
    height: 61px;
    width: auto; }
  .homepage-section__item-img--legs-walking {
    height: 58px;
    width: auto; }
  .homepage-section__item-img--strength-endurance {
    height: 46px;
    width: auto; }
  .homepage-section__item-img--think-speak {
    height: 47px;
    width: auto; }
  .homepage-section__item-img--pediatric {
    height: 38px;
    width: auto; }

.homepage-section__name {
  font-family: "gibson-semibold", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 20px;
  background-color: rgba(254, 254, 254, 0.93);
  display: block;
  padding: 0 4px;
  border-radius: 3px; }
  .homepage-section__name span {
    display: block; }

@media screen and (min-width: 672px) {
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 672px; }
  .homepage-section__image {
    margin-right: 0; }
  .homepage-section__content {
    position: absolute;
    top: 30px;
    width: 300px;
    margin-left: 18px;
    margin-top: 0; }
  .homepage-section__icons {
    position: relative;
    top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0; }
    .homepage-section__icons:first-child {
      margin-left: 0; }
  .homepage-section__item {
    width: 104px;
    float: none;
    margin: 0;
    margin-right: 20px; }
    .homepage-section__item:last-child {
      width: inherit;
      margin-right: 0; } }

@media print {
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 672px; }
  .homepage-section__image {
    margin-right: 0; }
  .homepage-section__content {
    position: absolute;
    top: 30px;
    width: 300px;
    margin-left: 18px;
    margin-top: 0; }
  .homepage-section__icons {
    position: relative;
    top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0; }
    .homepage-section__icons:first-child {
      margin-left: 0; }
  .homepage-section__item {
    width: 104px;
    float: none;
    margin: 0;
    margin-right: 20px; }
    .homepage-section__item:last-child {
      width: inherit;
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .js-animate .homepage-section__top {
    position: relative;
    top: 60px; }
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 768px; }
  .homepage-section__image {
    position: relative; }
    .js-animate .homepage-section__image {
      position: relative;
      top: 100px; }
    .homepage-section__image img {
      height: 480px; }
  .homepage-section__content {
    width: 420px;
    height: 420px;
    left: 0; }
    .js-animate .homepage-section__content {
      -webkit-transform: translate(-10vw, 40vh);
      transform: translate(-10vw, 40vh); }
    .homepage-section__content__layout {
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 340px; }
  .homepage-section__item {
    margin-right: 40px; }
  .homepage-section__title {
    font-size: 3.8rem;
    line-height: 4.6rem; }
  .homepage-section__description {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  .homepage-section__learn-more {
    font-size: 1.6rem;
    line-height: 1.6rem; } }

@media print {
  .js-animate .homepage-section__top {
    position: relative;
    top: 60px; }
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 768px; }
  .homepage-section__image {
    position: relative; }
    .js-animate .homepage-section__image {
      position: relative;
      top: 100px; }
    .homepage-section__image img {
      height: 480px; }
  .homepage-section__content {
    width: 420px;
    height: 420px;
    left: 0; }
    .js-animate .homepage-section__content {
      -webkit-transform: translate(-10vw, 40vh);
      transform: translate(-10vw, 40vh); }
    .homepage-section__content__layout {
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 340px; }
  .homepage-section__item {
    margin-right: 40px; }
  .homepage-section__title {
    font-size: 3.8rem;
    line-height: 4.6rem; }
  .homepage-section__description {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  .homepage-section__learn-more {
    font-size: 1.6rem;
    line-height: 1.6rem; } }

@media screen and (min-width: 1280px) {
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 1040px; }
  .homepage-section__content {
    left: 162px; }
  .homepage-section__title {
    font-size: 3.8rem;
    line-height: 4.6rem; }
  .homepage-section__description {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  .homepage-section__learn-more {
    font-size: 1.6rem;
    line-height: 1.6rem; } }

@media print {
  .homepage-section__inset, .homepage-section__declaration {
    max-width: 1040px; }
  .homepage-section__content {
    left: 162px; }
  .homepage-section__title {
    font-size: 3.8rem;
    line-height: 4.6rem; }
  .homepage-section__description {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  .homepage-section__learn-more {
    font-size: 1.6rem;
    line-height: 1.6rem; } }

.homepage-section--right .homepage-section__image {
  margin-left: 0;
  margin-right: auto; }

@media screen and (min-width: 672px) {
  .homepage-section--right .homepage-section__content {
    margin-right: 18px;
    left: auto;
    right: 0; }
  .homepage-section--right .homepage-section__icons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

@media print {
  .homepage-section--right .homepage-section__content {
    margin-right: 18px;
    left: auto;
    right: 0; }
  .homepage-section--right .homepage-section__icons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

@media screen and (min-width: 1024px) {
  .js-animate .homepage-section--right .homepage-section__content {
    -webkit-transform: translate(10vw, 40vh);
    transform: translate(10vw, 40vh); } }

@media print {
  .js-animate .homepage-section--right .homepage-section__content {
    -webkit-transform: translate(10vw, 40vh);
    transform: translate(10vw, 40vh); } }

@media screen and (min-width: 1280px) {
  .homepage-section--right .homepage-section__content {
    right: 162px; } }

@media print {
  .homepage-section--right .homepage-section__content {
    right: 162px; } }

.homepage-innovation {
  height: 98vw;
  width: 90vw;
  background-image: url("../images/svgs/HP_Helix-Pattern-Full.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin: -100px auto 247px;
  z-index: -1; }
  .homepage-innovation__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center, rgba(254, 254, 254, 0.9) 60%, rgba(254, 254, 254, 0) 85%);
    padding: 5vw 30px; }
  .homepage-innovation__headline {
    margin: 0; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .homepage-innovation__subheadline {
      position: absolute;
      bottom: -43vw;
      left: -1vw;
      right: -1vw;
      margin: 0; } }
  .homepage-innovation__keep-exploring {
    font-family: "gibson-regular", sans-serif;
    color: #E71324;
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: .15rem;
    text-decoration: none; }
    .homepage-innovation__keep-exploring:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .homepage-innovation__keep-exploring:hover:before {
      text-decoration: none; }
    .homepage-innovation__keep-exploring:before {
      position: absolute;
      top: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 50px;
      width: 25px; }
  @media screen and (min-width: 672px) {
    .homepage-innovation {
      margin-bottom: 0; }
      .homepage-innovation__headline {
        margin-bottom: 1rem; }
      .homepage-innovation__content {
        width: 648px; }
      .homepage-innovation__keep-exploring:before {
        bottom: 0; } }
  @media print {
    .homepage-innovation {
      margin-bottom: 0; }
      .homepage-innovation__headline {
        margin-bottom: 1rem; }
      .homepage-innovation__content {
        width: 648px; }
      .homepage-innovation__keep-exploring:before {
        bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .homepage-innovation__content {
      width: 848px; } }
  @media print {
    .homepage-innovation__content {
      width: 848px; } }
  @media screen and (min-width: 1280px) {
    .homepage-innovation__content {
      width: 948px; } }
  @media print {
    .homepage-innovation__content {
      width: 948px; } }

.homepage-spinner {
  margin-top: 60px;
  margin-bottom: 60px;
  width: auto; }
  .homepage-spinner .homepage__headline,
  .homepage-spinner .homepage__subheadline {
    text-align: left;
    margin: 0 0 34px; }
  .homepage-spinner__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: .15rem; }
  .homepage-spinner__description {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.8rem; }
  @media screen and (min-width: 1024px) {
    .homepage-spinner .homepage__headline {
      margin-bottom: 34px; }
    .homepage-spinner .homepage__subheadline {
      margin-bottom: 52px; }
    .homepage-spinner__content {
      height: 420px;
      width: 420px;
      padding: 60px 30px; }
      .homepage-spinner__content .cta-button {
        bottom: 60px; }
    .homepage-spinner__description {
      font-size: 3.4rem;
      line-height: 4.4rem; } }
  @media print {
    .homepage-spinner .homepage__headline {
      margin-bottom: 34px; }
    .homepage-spinner .homepage__subheadline {
      margin-bottom: 52px; }
    .homepage-spinner__content {
      height: 420px;
      width: 420px;
      padding: 60px 30px; }
      .homepage-spinner__content .cta-button {
        bottom: 60px; }
    .homepage-spinner__description {
      font-size: 3.4rem;
      line-height: 4.4rem; } }

.homepage-spinner {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  width: auto; }
  @media screen and (min-width: 672px) {
    .homepage-spinner {
      max-width: 672px; } }
  @media print {
    .homepage-spinner {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .homepage-spinner {
      max-width: 1024px; } }
  @media print {
    .homepage-spinner {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .homepage-spinner {
      max-width: 1280px; } }
  @media print {
    .homepage-spinner {
      max-width: 1280px; } }
  @media screen and (max-width: 671px) {
    .homepage-spinner {
      padding: 0 32px; } }
  .homepage-spinner .homepage__headline {
    font-size: 4.8rem;
    line-height: 5.8rem; }
  .homepage-spinner .homepage__subheadline {
    font-size: 1.5rem;
    line-height: 2rem; }
  .homepage-spinner__scroller {
    width: auto;
    position: relative;
    margin: 0 auto;
    text-align: center; }
    .homepage-spinner__scroller:before {
      position: absolute;
      content: " ";
      height: 1px;
      top: 0;
      left: 20px;
      right: 20px;
      background-color: var(--sra-border-color); }
    .homepage-spinner__scroller:after {
      position: absolute;
      content: " ";
      height: 1px;
      top: 77px;
      left: 20px;
      right: 20px;
      background-color: var(--sra-border-color); }
    .homepage-spinner__scroller .cards {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 22px;
      margin: 0 0 50px;
      width: 100%; }
    .homepage-spinner__scroller .card-content {
      position: relative;
      display: table-cell;
      float: none;
      list-style: none;
      background: #fefefe;
      padding: 7px;
      width: auto;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 18%;
      flex: 1 0 18%;
      height: auto;
      margin: 0 0 0 30px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .homepage-spinner__scroller .card-content * {
        background-color: transparent !important; }
      .homepage-spinner__scroller .card-content:hover {
        -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1); }
      .homepage-spinner__scroller .card-content .card-anchor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        border: 1px solid #dfdfdf;
        margin: 0;
        text-decoration: none;
        font-size: 1.9rem;
        font-weight: 300;
        line-height: 21px;
        white-space: inherit;
        padding: 15px 35px 15px; }
      .homepage-spinner__scroller .card-content .card-icon {
        position: absolute;
        left: -30px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        .homepage-spinner__scroller .card-content .card-icon.brain-injury {
          height: 50px;
          width: 62px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/brain-injury.svg"); }
        .homepage-spinner__scroller .card-content .card-icon.stroke-recovery {
          height: 66px;
          width: 66px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/stroke-recovery.svg"); }
        .homepage-spinner__scroller .card-content .card-icon.spinal-cord-injury {
          height: 68px;
          width: 29px;
          left: -15px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/spinal-cord-injury.svg"); }
        .homepage-spinner__scroller .card-content .card-icon.pediatric-innovation-center, .homepage-spinner__scroller .card-content .card-icon.pediatric-rehabilitation {
          height: 39px;
          width: 47px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/pediatric-innovation-center.svg"); }
        .homepage-spinner__scroller .card-content .card-icon.cancer-rehabilitation {
          height: 50px;
          width: 51px;
          background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/cancer-rehabilitation.svg"); }
  @media screen and (min-width: 672px) {
    .homepage-spinner .homepage__headline,
    .homepage-spinner .homepage__subheadline {
      margin-left: 15px; }
    .homepage-spinner .cards {
      margin: 0 0 50px;
      padding-left: 15px; } }
  @media print {
    .homepage-spinner .homepage__headline,
    .homepage-spinner .homepage__subheadline {
      margin-left: 15px; }
    .homepage-spinner .cards {
      margin: 0 0 50px;
      padding-left: 15px; } }
  @media screen and (min-width: 1024px) {
    .homepage-spinner .homepage__headline {
      font-size: 6rem;
      line-height: 62px; }
    .homepage-spinner .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .homepage-spinner__scroller {
      width: 100%;
      overflow: visible;
      padding-top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 60px; }
      .homepage-spinner__scroller:before, .homepage-spinner__scroller:after {
        display: none; }
      .homepage-spinner__scroller .card-content {
        display: list-item;
        list-style: none;
        min-height: 174px;
        max-width: 260px;
        margin: 0;
        text-align: left;
        font-family: "gibson-light", sans-serif; }
        .homepage-spinner__scroller .card-content .card-anchor {
          font-size: 2.7rem;
          line-height: 3rem;
          padding: 0 7px; }
        .homepage-spinner__scroller .card-content .card-icon {
          right: -5px;
          bottom: -25px;
          left: auto;
          -webkit-transform: none;
          transform: none; }
          .homepage-spinner__scroller .card-content .card-icon.brain-injury {
            height: 70px;
            width: 82px; }
          .homepage-spinner__scroller .card-content .card-icon.stroke-recovery {
            height: 76px;
            width: 76px; }
          .homepage-spinner__scroller .card-content .card-icon.spinal-cord-injury {
            height: 78px;
            width: 49px;
            left: auto; }
          .homepage-spinner__scroller .card-content .card-icon.pediatric-innovation-center, .homepage-spinner__scroller .card-content .card-icon.pediatric-rehabilitation {
            height: 59px;
            width: 67px; }
          .homepage-spinner__scroller .card-content .card-icon.cancer-rehabilitation {
            height: 70px;
            width: 71px; }
      .homepage-spinner__scroller .cards {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin: 0 0 50px;
        padding-left: 0; } }
  @media print {
    .homepage-spinner .homepage__headline {
      font-size: 6rem;
      line-height: 62px; }
    .homepage-spinner .homepage__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .homepage-spinner__scroller {
      width: 100%;
      overflow: visible;
      padding-top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 60px; }
      .homepage-spinner__scroller:before, .homepage-spinner__scroller:after {
        display: none; }
      .homepage-spinner__scroller .card-content {
        display: list-item;
        list-style: none;
        min-height: 174px;
        max-width: 260px;
        margin: 0;
        text-align: left;
        font-family: "gibson-light", sans-serif; }
        .homepage-spinner__scroller .card-content .card-anchor {
          font-size: 2.7rem;
          line-height: 3rem;
          padding: 0 7px; }
        .homepage-spinner__scroller .card-content .card-icon {
          right: -5px;
          bottom: -25px;
          left: auto;
          -webkit-transform: none;
          transform: none; }
          .homepage-spinner__scroller .card-content .card-icon.brain-injury {
            height: 70px;
            width: 82px; }
          .homepage-spinner__scroller .card-content .card-icon.stroke-recovery {
            height: 76px;
            width: 76px; }
          .homepage-spinner__scroller .card-content .card-icon.spinal-cord-injury {
            height: 78px;
            width: 49px;
            left: auto; }
          .homepage-spinner__scroller .card-content .card-icon.pediatric-innovation-center, .homepage-spinner__scroller .card-content .card-icon.pediatric-rehabilitation {
            height: 59px;
            width: 67px; }
          .homepage-spinner__scroller .card-content .card-icon.cancer-rehabilitation {
            height: 70px;
            width: 71px; }
      .homepage-spinner__scroller .cards {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin: 0 0 50px;
        padding-left: 0; } }
  @media screen and (min-width: 1280px) {
    .homepage-spinner {
      margin: 60px auto;
      max-width: 1240px; }
      .homepage-spinner .card-content .card-anchor {
        padding: 0 15px;
        font-size: 3.4rem;
        line-height: 3.6rem; } }
  @media print {
    .homepage-spinner {
      margin: 60px auto;
      max-width: 1240px; }
      .homepage-spinner .card-content .card-anchor {
        padding: 0 15px;
        font-size: 3.4rem;
        line-height: 3.6rem; } }
  @media screen and (min-width: 1440px) {
    .homepage-spinner {
      max-width: 1400px; }
      .homepage-spinner .card-content .card-anchor {
        padding: 0 35px; } }

.homepage-search {
  margin-top: 60px;
  padding-bottom: 40px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(243, 243, 243, 0)), color-stop(60%, #f3f3f3));
  background: linear-gradient(to bottom, rgba(243, 243, 243, 0) 60%, #f3f3f3 60%);
  position: relative;
  overflow: hidden; }
  .homepage-search:before, .homepage-search:after {
    display: block;
    content: " ";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1; }
  .homepage-search:before {
    background-image: url("../images/svgs/wave-form-gray.svg");
    height: 193px;
    width: 614px;
    top: 140px;
    left: -340px; }
  .homepage-search:after {
    background-image: url("../images/svgs/wave-form-large-gray.svg");
    height: 208px;
    width: 364px;
    bottom: 87px;
    right: -151px; }
  .homepage-search__headline, .homepage-search__subheadline {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .homepage-search__introduction {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    margin: 0 32px;
    margin-top: 60px !important;
    margin-bottom: 40px !important;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 672px) {
      .homepage-search__introduction {
        margin: 0 55px; } }
    @media print {
      .homepage-search__introduction {
        margin: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .homepage-search__introduction {
        margin: 0 88px; } }
    @media print {
      .homepage-search__introduction {
        margin: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .homepage-search__introduction {
        margin: 0 120px; } }
    @media print {
      .homepage-search__introduction {
        margin: 0 120px; } }
  .homepage-search__image-wrapper {
    padding-top: 44%;
    position: relative; }
  .homepage-search__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .homepage-search__image img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: left;
      object-position: left;
      font-family: "object-fit: cover; object-position: left"; }
  .homepage-search__content {
    position: relative;
    text-decoration: none; }
    .homepage-search__content:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .homepage-search__content:hover:before {
      text-decoration: none; }
    .homepage-search__content:before {
      position: absolute;
      bottom: 3px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 6rem;
      color: #F36C21; }
    .homepage-search__content__wrapper {
      padding: 40px 20px 80px; }
  .homepage-search__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin-bottom: 20px;
    text-align: center; }
  .homepage-search__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--sra-gray);
    text-align: center; }
  .homepage-search__form {
    padding: 0 32px;
    width: 100%;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 672px) {
      .homepage-search__form {
        padding: 0 55px; } }
    @media print {
      .homepage-search__form {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .homepage-search__form {
        padding: 0 88px; } }
    @media print {
      .homepage-search__form {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .homepage-search__form {
        padding: 0 120px; } }
    @media print {
      .homepage-search__form {
        padding: 0 120px; } }
    .homepage-search__form .landing-page-search__label {
      font-family: "gibson-regular", sans-serif;
      color: var(--sra-gray);
      font-size: 1.2rem;
      line-height: 1.6rem;
      letter-spacing: .18em;
      height: 1.6rem;
      text-transform: uppercase;
      margin-bottom: 20px; }
    .homepage-search__form .search {
      width: 100%; }
      .homepage-search__form .search [type='text'] {
        font-family: "gibson-regular", sans-serif;
        border-bottom: 0;
        padding-left: 20px;
        padding-right: 60px;
        font-size: 1.4rem;
        color: var(--sra-text-gray-color);
        text-transform: uppercase;
        letter-spacing: .18rem; }
      .homepage-search__form .search [type='submit'] {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        width: 50px;
        padding: 0; }
    .homepage-search__form.button-hover .search:before {
      color: #0a0a0a; }
  @media screen and (min-width: 672px) {
    .homepage-search:before {
      height: 354px;
      width: 1116px;
      top: 170px;
      left: -470px; }
    .homepage-search:after {
      height: 358px;
      width: 627px;
      bottom: 87px;
      right: -275px; }
    .homepage-search__introduction, .homepage-search__form {
      width: 572px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0; } }
  @media print {
    .homepage-search:before {
      height: 354px;
      width: 1116px;
      top: 170px;
      left: -470px; }
    .homepage-search:after {
      height: 358px;
      width: 627px;
      bottom: 87px;
      right: -275px; }
    .homepage-search__introduction, .homepage-search__form {
      width: 572px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 1024px) {
    .homepage-search__introduction, .homepage-search__form {
      width: 752px; }
    .homepage-search__introduction {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .homepage-search__image-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 51.0638%;
      flex: 0 0 51.0638%;
      padding-top: 0; }
    .homepage-search__content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48.9362%;
      flex: 0 0 48.9362%; }
      .homepage-search__content__wrapper {
        padding: 40px 20px 105px; }
    .homepage-search__title {
      font-size: 2.8rem;
      line-height: 3rem; } }
  @media print {
    .homepage-search__introduction, .homepage-search__form {
      width: 752px; }
    .homepage-search__introduction {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .homepage-search__image-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 51.0638%;
      flex: 0 0 51.0638%;
      padding-top: 0; }
    .homepage-search__content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48.9362%;
      flex: 0 0 48.9362%; }
      .homepage-search__content__wrapper {
        padding: 40px 20px 105px; }
    .homepage-search__title {
      font-size: 2.8rem;
      line-height: 3rem; } }
  @media screen and (min-width: 1280px) {
    .homepage-search__introduction, .homepage-search__form {
      width: 940px; }
      .homepage-search__introduction .search [type='text'], .homepage-search__form .search [type='text'] {
        height: 70px; }
    .homepage-search__introduction {
      height: 300px; }
    .homepage-search__image-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 44.68%;
      flex: 0 0 44.68%; }
    .homepage-search__content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55.32%;
      flex: 0 0 55.32%; }
      .homepage-search__content__wrapper {
        padding: 40px 50px 105px; }
    .homepage-search__title {
      font-size: 3.4rem;
      line-height: 3.6rem; }
    .homepage-search__description {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media print {
    .homepage-search__introduction, .homepage-search__form {
      width: 940px; }
      .homepage-search__introduction .search [type='text'], .homepage-search__form .search [type='text'] {
        height: 70px; }
    .homepage-search__introduction {
      height: 300px; }
    .homepage-search__image-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 44.68%;
      flex: 0 0 44.68%; }
    .homepage-search__content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55.32%;
      flex: 0 0 55.32%; }
      .homepage-search__content__wrapper {
        padding: 40px 50px 105px; }
    .homepage-search__title {
      font-size: 3.4rem;
      line-height: 3.6rem; }
    .homepage-search__description {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.homepage-data {
  padding: 0 32px;
  text-align: center;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 672px) {
    .homepage-data {
      padding: 0 55px; } }
  @media print {
    .homepage-data {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .homepage-data {
      padding: 0 88px; } }
  @media print {
    .homepage-data {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .homepage-data {
      padding: 0 120px; } }
  @media print {
    .homepage-data {
      padding: 0 120px; } }
  .experience-data-viz .homepage-data {
    padding-bottom: 150px; }
  .homepage-data .homepage__subheadline {
    position: relative; }
    .homepage-data .homepage__subheadline:before {
      content: " ";
      display: block;
      width: 292px;
      height: 69px;
      background-image: url("../images/svgs/data-0.svg");
      background-repeat: no-repeat;
      position: absolute;
      bottom: -57px;
      left: -229px;
      z-index: -1; }
  .homepage-data__title {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: .15rem;
    color: var(--sra-text-gray-color); }
  .homepage-data__number {
    font-family: "gibson-semibold", sans-serif;
    display: inline-block;
    font-size: 16rem;
    line-height: 16rem; }
  .homepage-data__description {
    font-family: "gibson-light", sans-serif;
    font-size: 3.4rem;
    line-height: 4.4rem;
    margin-bottom: 40px; }
    .homepage-data__description strong {
      font-family: "gibson-regular", sans-serif; }
  .homepage-data__secondary {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--sra-text-gray-color);
    text-transform: uppercase;
    margin-bottom: 40px;
    position: relative; }
    .homepage-data__secondary:after {
      content: " ";
      display: block;
      width: 287px;
      height: 227px;
      background-image: url("../images/svgs/data-1.svg");
      background-repeat: no-repeat;
      position: absolute;
      bottom: -24px;
      right: -224px;
      z-index: -1; }
  .homepage-data__svg {
    width: 195px;
    height: 160px; }
    .homepage-data__svg .gradientStopLeft {
      stop-color: #f8eff5; }
    .homepage-data__svg .gradientStopCenter {
      stop-color: #B7D1DC; }
    .homepage-data__svg .gradientStopRight {
      stop-color: #B2B4B2; }
  .path-frontpage .homepage-data {
    margin-top: 30px; }
  @media screen and (min-width: 672px) {
    .homepage-data__content {
      padding-left: 53.84%;
      position: relative;
      text-align: left; }
    .homepage-data__number {
      font-size: 42.5rem;
      line-height: 42.5rem;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1; }
    .homepage-data__svg {
      width: 600px;
      height: 425px; }
    .path-frontpage .homepage-data {
      margin-top: 40px; } }
  @media print {
    .homepage-data__content {
      padding-left: 53.84%;
      position: relative;
      text-align: left; }
    .homepage-data__number {
      font-size: 42.5rem;
      line-height: 42.5rem;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1; }
    .homepage-data__svg {
      width: 600px;
      height: 425px; }
    .path-frontpage .homepage-data {
      margin-top: 40px; } }
  @media screen and (min-width: 1024px) {
    .homepage-data__content {
      width: 832px;
      margin: 0 auto; }
    .homepage-data .homepage__subheadline:before {
      bottom: -120px;
      left: -120px; }
    .homepage-data__secondary:after {
      bottom: -38px;
      right: -244px; }
    .path-frontpage .homepage-data {
      margin-top: 60px; } }
  @media print {
    .homepage-data__content {
      width: 832px;
      margin: 0 auto; }
    .homepage-data .homepage__subheadline:before {
      bottom: -120px;
      left: -120px; }
    .homepage-data__secondary:after {
      bottom: -38px;
      right: -244px; }
    .path-frontpage .homepage-data {
      margin-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .homepage-data__content {
      width: 1024px;
      margin: 0 auto;
      padding-left: 520px; }
    .homepage-data .homepage__subheadline:before {
      left: -263px;
      bottom: -93px;
      width: 504px;
      height: 120px; }
    .homepage-data__description {
      font-size: 4.4rem;
      line-height: 5.4rem; }
    .homepage-data__number {
      font-size: 56.5rem;
      line-height: 56.5rem; }
    .homepage-data__svg {
      width: 800px;
      height: 525px; }
    .path-frontpage .homepage-data {
      margin-top: 80px; } }
  @media print {
    .homepage-data__content {
      width: 1024px;
      margin: 0 auto;
      padding-left: 520px; }
    .homepage-data .homepage__subheadline:before {
      left: -263px;
      bottom: -93px;
      width: 504px;
      height: 120px; }
    .homepage-data__description {
      font-size: 4.4rem;
      line-height: 5.4rem; }
    .homepage-data__number {
      font-size: 56.5rem;
      line-height: 56.5rem; }
    .homepage-data__svg {
      width: 800px;
      height: 525px; }
    .path-frontpage .homepage-data {
      margin-top: 80px; } }

.homepage-us-news {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
  width: 256px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px; }
  .homepage-us-news:before {
    content: " ";
    position: absolute;
    top: -25px;
    left: -25px;
    background-image: url("../images/svgs/talk-bubble.svg");
    width: 130px;
    height: 130px;
    background-size: cover;
    z-index: -1; }
  .homepage-us-news:after {
    content: " ";
    position: absolute;
    bottom: 25px;
    right: -32px;
    background-image: url("../images/svgs/heart.svg");
    width: 64px;
    height: 70px;
    background-size: cover;
    z-index: 1; }
  .homepage-us-news__image {
    padding: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .homepage-us-news__image img {
      height: 150px; }
  .homepage-us-news__text {
    padding: 40px;
    border-top: 1px solid var(--sra-border-color); }
  .homepage-us-news__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 20px; }
  .homepage-us-news__description {
    font-family: "gibson-light", sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--sra-text-gray-color); }
  @media screen and (min-width: 672px) {
    .homepage-us-news {
      width: 660px;
      display: block; }
      .homepage-us-news:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .homepage-us-news__content {
        display: table; }
      .homepage-us-news__image {
        display: table-cell;
        vertical-align: middle;
        width: 234px; }
      .homepage-us-news__text {
        display: table-cell;
        vertical-align: middle;
        padding: 40px;
        border-left: 1px solid var(--sra-border-color);
        border-top: 0;
        width: 100%; }
      .homepage-us-news__title {
        width: 200px;
        margin-left: auto;
        margin-right: auto; }
      .homepage-us-news__description {
        width: 180px;
        margin-left: auto;
        margin-right: auto; } }
  @media print {
    .homepage-us-news {
      width: 660px;
      display: block; }
      .homepage-us-news:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .homepage-us-news__content {
        display: table; }
      .homepage-us-news__image {
        display: table-cell;
        vertical-align: middle;
        width: 234px; }
      .homepage-us-news__text {
        display: table-cell;
        vertical-align: middle;
        padding: 40px;
        border-left: 1px solid var(--sra-border-color);
        border-top: 0;
        width: 100%; }
      .homepage-us-news__title {
        width: 200px;
        margin-left: auto;
        margin-right: auto; }
      .homepage-us-news__description {
        width: 180px;
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (min-width: 1024px) {
    .homepage-us-news {
      width: 720px; }
      .homepage-us-news:before {
        width: 172px;
        height: 172px; }
      .homepage-us-news__image {
        width: 401px; }
        .homepage-us-news__image img {
          height: auto; }
      .homepage-us-news__text {
        padding: 60px 40px; }
      .homepage-us-news__title {
        font-size: 3.4rem;
        line-height: 4rem;
        width: 210px; }
      .homepage-us-news__description {
        width: 270px;
        font-size: 3rem;
        line-height: 3.8rem; } }
  @media print {
    .homepage-us-news {
      width: 720px; }
      .homepage-us-news:before {
        width: 172px;
        height: 172px; }
      .homepage-us-news__image {
        width: 401px; }
        .homepage-us-news__image img {
          height: auto; }
      .homepage-us-news__text {
        padding: 60px 40px; }
      .homepage-us-news__title {
        font-size: 3.4rem;
        line-height: 4rem;
        width: 210px; }
      .homepage-us-news__description {
        width: 270px;
        font-size: 3rem;
        line-height: 3.8rem; } }
  @media screen and (min-width: 1280px) {
    .homepage-us-news {
      width: 920px; }
      .homepage-us-news:before {
        width: 227px;
        height: 227px; }
      .homepage-us-news__title {
        font-size: 4.8rem;
        line-height: 5.6rem;
        width: 300px; }
      .homepage-us-news__description {
        font-size: 3.4rem;
        line-height: 4.2rem;
        width: 300px; } }
  @media print {
    .homepage-us-news {
      width: 920px; }
      .homepage-us-news:before {
        width: 227px;
        height: 227px; }
      .homepage-us-news__title {
        font-size: 4.8rem;
        line-height: 5.6rem;
        width: 300px; }
      .homepage-us-news__description {
        font-size: 3.4rem;
        line-height: 4.2rem;
        width: 300px; } }

.homepage-menu {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  list-style: none;
  display: none; }
  .homepage-menu__anchor {
    font-family: "gibson-semibold", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #fefefe;
    padding: 4px 10px;
    margin-bottom: 10px;
    display: block;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    letter-spacing: .15rem; }
    .homepage-menu__anchor:hover {
      color: #E71324; }
  .homepage-menu__item {
    margin: 0; }
    .homepage-menu__item .homepage-menu__anchor {
      margin-bottom: 0;
      color: #0a0a0a;
      -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
      transition: color .2s ease-in-out, background-color .2s ease-in-out; }
      .homepage-menu__item .homepage-menu__anchor:hover {
        color: #E71324; }
  .homepage-menu__active-intro, .homepage-menu__active-care, .homepage-menu__active-science, .homepage-menu__active-innovation, .homepage-menu__active-expertise, .homepage-menu__active-expertise-image, .homepage-menu__active-features {
    display: block; }
  .homepage-menu__active-intro .homepage-menu__item--intro .homepage-menu__anchor,
  .homepage-menu__active-care .homepage-menu__item--care .homepage-menu__anchor,
  .homepage-menu__active-science .homepage-menu__item--science .homepage-menu__anchor,
  .homepage-menu__active-innovation .homepage-menu__item--innovation .homepage-menu__anchor,
  .homepage-menu__active-expertise .homepage-menu__item--expertise .homepage-menu__anchor,
  .homepage-menu__active-expertise .homepage-menu__item--expertise-image .homepage-menu__anchor,
  .homepage-menu__active-features .homepage-menu__item--features .homepage-menu__anchor {
    background-color: #E71324;
    color: #fefefe; }
  .homepage-menu__active-expertise-image .homepage-menu__anchor,
  .homepage-menu__active-intro .homepage-menu__anchor {
    color: #fefefe; }

/*
Labs

Styleguide 22
*/
.labs__title, .labs__subtitle {
  margin: 0 32px; }
  @media screen and (min-width: 672px) {
    .labs__title, .labs__subtitle {
      margin: 0 55px; } }
  @media print {
    .labs__title, .labs__subtitle {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .labs__title, .labs__subtitle {
      margin: 0 88px; } }
  @media print {
    .labs__title, .labs__subtitle {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .labs__title, .labs__subtitle {
      margin: 0 120px; } }
  @media print {
    .labs__title, .labs__subtitle {
      margin: 0 120px; } }

.labs__title {
  margin-top: 40px; }

.labs__subtitle {
  margin-top: 20px; }

@media screen and (min-width: 1024px) {
  .path-group .region-topbar {
    -webkit-transition: height .25s ease;
    transition: height .25s ease;
    height: 80px; }
    .path-group .region-topbar.full-sized {
      height: 130px; } }

@media print {
  .path-group .region-topbar {
    -webkit-transition: height .25s ease;
    transition: height .25s ease;
    height: 80px; }
    .path-group .region-topbar.full-sized {
      height: 130px; } }

.lab-empty {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px; }
  .lab-empty__headline {
    font-family: "gibson-semibold", sans-serif;
    font-size: 3rem;
    line-height: 3.6rem; }
  .lab-empty__subheadline {
    font-family: "gibson-light", sans-serif;
    font-size: 2rem;
    line-height: 2.4rem; }
  .lab-empty__contact {
    font-family: 'gibson-regular', sans-serif;
    background-color: transparent;
    border: 1px solid #E71324;
    border-radius: 8px;
    color: #E71324;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: 0.015em;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    position: relative;
    vertical-align: bottom;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    margin-top: 40px; }
    @media screen and (min-width: 64em) {
      .lab-empty__contact {
        white-space: nowrap; } }
    .lab-empty__contact:visited, .lab-empty__contact:active {
      background-color: transparent;
      color: #E71324; }
    .lab-empty__contact:hover, .lab-empty__contact:focus {
      background-color: #E71324;
      border: 1px solid #E71324;
      color: #fff;
      text-decoration: none; }
  @media screen and (min-width: 672px) {
    .lab-empty {
      margin-left: 50px;
      margin-right: 50px;
      padding-left: 50px;
      padding-right: 50px; } }
  @media print {
    .lab-empty {
      margin-left: 50px;
      margin-right: 50px;
      padding-left: 50px;
      padding-right: 50px; } }
  @media screen and (min-width: 1024px) {
    .lab-empty {
      padding-left: 130px;
      padding-right: 130px; }
      .lab-empty__headline {
        font-size: 3.4rem;
        line-height: 5.6rem; }
      .lab-empty__subheadline {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
  @media print {
    .lab-empty {
      padding-left: 130px;
      padding-right: 130px; }
      .lab-empty__headline {
        font-size: 3.4rem;
        line-height: 5.6rem; }
      .lab-empty__subheadline {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
  @media screen and (min-width: 1280px) {
    .lab-empty__headline {
      font-size: 4.8rem;
      line-height: 5.6rem; }
    .lab-empty__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }
  @media print {
    .lab-empty__headline {
      font-size: 4.8rem;
      line-height: 5.6rem; }
    .lab-empty__subheadline {
      font-size: 3.4rem;
      line-height: 4.2rem; } }

.lab-publications__rods--empty .lab-publications__rod {
  display: none; }

@media screen and (min-width: 1024px) {
  .lab-publications__rods--empty .lab-publications__rod {
    display: block; }
  .lab-publications__rods--empty .lab-publications__rod--1 {
    left: -82px;
    bottom: 0;
    top: auto; }
  .lab-publications__rods--empty .lab-publications__rod--2 {
    right: 68px;
    bottom: 167px;
    top: auto; } }

@media print {
  .lab-publications__rods--empty .lab-publications__rod {
    display: block; }
  .lab-publications__rods--empty .lab-publications__rod--1 {
    left: -82px;
    bottom: 0;
    top: auto; }
  .lab-publications__rods--empty .lab-publications__rod--2 {
    right: 68px;
    bottom: 167px;
    top: auto; } }

.lab-home .menu-collapsible {
  margin-bottom: 0; }

.lab-home .package--tabbed-content__top {
  padding: 80px 20px 30px;
  background-color: #B2B4B2; }
  .lab-home .package--tabbed-content__top .section-subtitle {
    margin-bottom: 0; }

.lab-home .package--tabbed-content {
  margin-top: 0; }

.lab-home .package--tabbed-content-tab__tag {
  display: none; }

.lab-home .package--with-featured .package__item--featured__wrapper {
  position: relative; }

.lab-home .package--with-featured .background {
  top: -35px;
  bottom: -140px; }
  .lab-home .package--with-featured .background .graphic {
    display: none; }

.lab-home .package--with-featured .package__item {
  position: relative; }
  .lab-home .package--with-featured .package__item--featured {
    position: relative; }
    .lab-home .package--with-featured .package__item--featured__img,
    .lab-home .package--with-featured .package__item--featured .package__item__content {
      position: relative;
      z-index: 1; }
    .lab-home .package--with-featured .package__item--featured:before, .lab-home .package--with-featured .package__item--featured:after {
      content: "";
      display: block;
      position: absolute;
      background-size: auto 100%;
      background-repeat: no-repeat; }
    .lab-home .package--with-featured .package__item--featured:before {
      height: 190px;
      width: 180px;
      top: -90px;
      left: -70px;
      -webkit-transform: rotate(70deg);
      transform: rotate(70deg);
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }
    .lab-home .package--with-featured .package__item--featured:after {
      top: -60px;
      right: -50px;
      height: 120px;
      width: 110px;
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
  .lab-home .package--with-featured .package__item:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    height: 40%;
    width: 40%;
    top: -10%;
    left: -28%;
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social3.svg); }
  .lab-home .package--with-featured .package__item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    height: 190px;
    width: 180px;
    top: 0;
    right: -110px;
    z-index: -1;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/social2.svg); }

@media screen and (min-width: 672px) {
  .lab-home .package--with-featured .background {
    bottom: -200px; }
  .lab-home .package--with-featured .package__item:last-child:before {
    height: 280px;
    width: 210px;
    top: 50px;
    right: -110px; } }

@media print {
  .lab-home .package--with-featured .background {
    bottom: -200px; }
  .lab-home .package--with-featured .package__item:last-child:before {
    height: 280px;
    width: 210px;
    top: 50px;
    right: -110px; } }

@media screen and (min-width: 1024px) {
  .lab-home .package--with-featured .background {
    top: -52px;
    left: -88px;
    right: -88px;
    bottom: -125px;
    overflow: hidden; }
    .lab-home .package--with-featured .background .graphic {
      display: block;
      position: absolute; }
      .lab-home .package--with-featured .background .graphic-01 {
        height: 270px;
        width: 220px;
        top: 20px;
        left: -70px; }
        .lab-home .package--with-featured .background .graphic-01 .st0,
        .lab-home .package--with-featured .background .graphic-01 .st1 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-02 {
        height: 210px;
        width: 210px;
        right: -80px;
        top: 30px; }
        .lab-home .package--with-featured .background .graphic-02 .st0 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-03 {
        height: 270px;
        width: 200px;
        right: -10px;
        bottom: -110px; }
        .lab-home .package--with-featured .background .graphic-03 .st0,
        .lab-home .package--with-featured .background .graphic-03 .st1 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-04 {
        height: 100px;
        width: 100px;
        left: 40px;
        bottom: -50px; }
        .lab-home .package--with-featured .background .graphic-04 .st0 {
          stroke: #7BBCDF; }
  .lab-home .package--with-featured .package__item--featured:before, .lab-home .package--with-featured .package__item--featured:after {
    display: none;
    background-image: none; }
  .lab-home .package--with-featured .package__item:nth-child(2):before {
    display: none; }
  .lab-home .package--with-featured .package__item:last-child:before {
    display: none; } }

@media print {
  .lab-home .package--with-featured .background {
    top: -52px;
    left: -88px;
    right: -88px;
    bottom: -125px;
    overflow: hidden; }
    .lab-home .package--with-featured .background .graphic {
      display: block;
      position: absolute; }
      .lab-home .package--with-featured .background .graphic-01 {
        height: 270px;
        width: 220px;
        top: 20px;
        left: -70px; }
        .lab-home .package--with-featured .background .graphic-01 .st0,
        .lab-home .package--with-featured .background .graphic-01 .st1 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-02 {
        height: 210px;
        width: 210px;
        right: -80px;
        top: 30px; }
        .lab-home .package--with-featured .background .graphic-02 .st0 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-03 {
        height: 270px;
        width: 200px;
        right: -10px;
        bottom: -110px; }
        .lab-home .package--with-featured .background .graphic-03 .st0,
        .lab-home .package--with-featured .background .graphic-03 .st1 {
          stroke: #7BBCDF; }
      .lab-home .package--with-featured .background .graphic-04 {
        height: 100px;
        width: 100px;
        left: 40px;
        bottom: -50px; }
        .lab-home .package--with-featured .background .graphic-04 .st0 {
          stroke: #7BBCDF; }
  .lab-home .package--with-featured .package__item--featured:before, .lab-home .package--with-featured .package__item--featured:after {
    display: none;
    background-image: none; }
  .lab-home .package--with-featured .package__item:nth-child(2):before {
    display: none; }
  .lab-home .package--with-featured .package__item:last-child:before {
    display: none; } }

@media screen and (min-width: 1280px) {
  .lab-home .package--with-featured .background {
    top: -65px;
    left: -120px;
    right: -120px; } }

@media print {
  .lab-home .package--with-featured .background {
    top: -65px;
    left: -120px;
    right: -120px; } }

@media screen and (min-width: 1024px) {
  .lab-home .package--tabbed-content__top {
    margin-left: auto;
    margin-right: auto;
    padding: 80px 88px 52px; }
  .lab-home .package--tabbed-content {
    margin-bottom: 0;
    padding-bottom: 0; }
    .lab-home .package--tabbed-content .tabs {
      position: relative;
      width: 100%;
      padding: 0 22px; }
    .lab-home .package--tabbed-content .tabs-title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      padding: 30px;
      border-bottom: 1px solid var(--sra-border-color); }
      .lab-home .package--tabbed-content .tabs-title:first-child {
        padding-left: 0; }
      .lab-home .package--tabbed-content .tabs-title:last-child {
        padding-right: 0; }
    .lab-home .package--tabbed-content-tab {
      padding-top: 0; }
    .lab-home .package--tabbed-content-tab__content, .lab-home .package--tabbed-content-tab__image {
      display: inline-block;
      vertical-align: middle; }
    .lab-home .package--tabbed-content-tab__image {
      position: relative;
      left: auto;
      top: auto; }
    .lab-home .package--tabbed-content-tab__content {
      margin: 0 0 0 10px;
      max-width: calc(100% - 60px); }
    .lab-home .package--tabbed-content-tab__title {
      padding-bottom: 0; }
  .lab-home .tab-anchor {
    height: auto; }
  .lab-home .package--cards {
    border-top: 0;
    margin-top: 0; } }

@media print {
  .lab-home .package--tabbed-content__top {
    margin-left: auto;
    margin-right: auto;
    padding: 80px 88px 52px; }
  .lab-home .package--tabbed-content {
    margin-bottom: 0;
    padding-bottom: 0; }
    .lab-home .package--tabbed-content .tabs {
      position: relative;
      width: 100%;
      padding: 0 22px; }
    .lab-home .package--tabbed-content .tabs-title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      padding: 30px;
      border-bottom: 1px solid var(--sra-border-color); }
      .lab-home .package--tabbed-content .tabs-title:first-child {
        padding-left: 0; }
      .lab-home .package--tabbed-content .tabs-title:last-child {
        padding-right: 0; }
    .lab-home .package--tabbed-content-tab {
      padding-top: 0; }
    .lab-home .package--tabbed-content-tab__content, .lab-home .package--tabbed-content-tab__image {
      display: inline-block;
      vertical-align: middle; }
    .lab-home .package--tabbed-content-tab__image {
      position: relative;
      left: auto;
      top: auto; }
    .lab-home .package--tabbed-content-tab__content {
      margin: 0 0 0 10px;
      max-width: calc(100% - 60px); }
    .lab-home .package--tabbed-content-tab__title {
      padding-bottom: 0; }
  .lab-home .tab-anchor {
    height: auto; }
  .lab-home .package--cards {
    border-top: 0;
    margin-top: 0; } }

@media screen and (min-width: 1280px) {
  .lab-home .package--tabbed-content__top {
    padding: 80px 120px 72px; }
  .lab-home .package--tabbed-content .tabs {
    padding: 0 30px; }
  .lab-home .package--tabbed-content-tab__content {
    max-width: calc(100% - 72px); } }

@media print {
  .lab-home .package--tabbed-content__top {
    padding: 80px 120px 72px; }
  .lab-home .package--tabbed-content .tabs {
    padding: 0 30px; }
  .lab-home .package--tabbed-content-tab__content {
    max-width: calc(100% - 72px); } }

.lab-projects .header .section-subtitle {
  margin-bottom: 0; }

.lab-projects .menu-collapsible {
  margin-bottom: 0; }

.lab-projects .section-subtitle {
  color: #6E6259; }

.lab-projects .dropdown:after,
.lab-projects .package--cards {
  background-color: #f3f3f3; }

.lab-projects .package--cards {
  margin-top: 0;
  border-top: 0;
  margin-bottom: 0; }

.lab-projects__description {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
  color: var(--sra-text-gray-color);
  margin-top: 30px; }
  .lab-projects__description div {
    margin-top: 2rem; }
    .lab-projects__description div:first-child {
      margin-top: 0; }

.lab-projects__filter {
  --sra-border-color: #B2B4B2;
  text-align: center;
  margin-top: 40px;
  border-top: 1px solid var(--sra-border-color);
  padding-top: 2rem; }

.lab-projects__label {
  font-family: "gibson-regular", sans-serif;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 0; }

.lab-projects .dropdown {
  margin-top: 1rem; }

.lab-projects .cards__wrapper {
  padding-top: 3rem; }

.lab-projects .more-like-this {
  margin-top: 4px; }

.lab-projects .pager--numeric {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 50px;
  margin-top: 0;
  margin-bottom: 0; }
  @media screen and (min-width: 672px) {
    .lab-projects .pager--numeric {
      padding-left: 55px;
      padding-right: 55px; } }
  @media print {
    .lab-projects .pager--numeric {
      padding-left: 55px;
      padding-right: 55px; } }
  @media screen and (min-width: 1024px) {
    .lab-projects .pager--numeric {
      padding-left: 88px;
      padding-right: 88px; } }
  @media print {
    .lab-projects .pager--numeric {
      padding-left: 88px;
      padding-right: 88px; } }
  @media screen and (min-width: 1280px) {
    .lab-projects .pager--numeric {
      padding-left: 120px;
      padding-right: 120px; } }
  @media print {
    .lab-projects .pager--numeric {
      padding-left: 120px;
      padding-right: 120px; } }

@media screen and (min-width: 672px) {
  .lab-projects__description, .lab-projects__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .lab-projects__description {
    margin-top: 40px; }
    .lab-projects__description div:first-child,
    .lab-projects__description div:last-child {
      margin-top: 0;
      width: 50%;
      padding: 0 20px; }
  .lab-projects__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    padding-top: 2rem; }
  .lab-projects__label {
    padding-right: 40px; }
  .lab-projects .dropdown {
    margin-top: 0; } }

@media print {
  .lab-projects__description, .lab-projects__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .lab-projects__description {
    margin-top: 40px; }
    .lab-projects__description div:first-child,
    .lab-projects__description div:last-child {
      margin-top: 0;
      width: 50%;
      padding: 0 20px; }
  .lab-projects__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    padding-top: 2rem; }
  .lab-projects__label {
    padding-right: 40px; }
  .lab-projects .dropdown {
    margin-top: 0; } }

@media screen and (min-width: 1024px) {
  .lab-projects__description {
    margin-top: 52px; }
  .lab-projects__filter {
    padding-top: 4rem; }
  .lab-projects .cards__wrapper {
    padding-top: 5rem; } }

@media print {
  .lab-projects__description {
    margin-top: 52px; }
  .lab-projects__filter {
    padding-top: 4rem; }
  .lab-projects .cards__wrapper {
    padding-top: 5rem; } }

@media screen and (min-width: 1280px) {
  .lab-projects .header {
    padding: 0 216px; }
  .lab-projects__description {
    margin-top: 72px; } }

@media print {
  .lab-projects .header {
    padding: 0 216px; }
  .lab-projects__description {
    margin-top: 72px; } }

.lab-publications {
  background-color: #B2B4B2;
  position: relative;
  overflow: hidden; }
  .lab-publications.no-bg {
    background-color: transparent; }
  @media screen and (min-width: 1024px) {
    .lab-publications .header, .lab-publications__content {
      width: 848px;
      margin-left: auto;
      margin-right: auto; } }
  @media print {
    .lab-publications .header, .lab-publications__content {
      width: 848px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1280px) {
    .lab-publications .header, .lab-publications__content {
      width: 960px; } }
  @media print {
    .lab-publications .header, .lab-publications__content {
      width: 960px; } }
  .lab-publications .header {
    padding-left: 32px;
    padding-right: 32px; }
    @media screen and (min-width: 1024px) {
      .lab-publications .header {
        padding-left: 40px;
        padding-right: 40px; } }
    @media print {
      .lab-publications .header {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 1024px) {
      .lab-publications .header {
        padding-left: 48px;
        padding-right: 48px; } }
    @media print {
      .lab-publications .header {
        padding-left: 48px;
        padding-right: 48px; } }
    @media screen and (min-width: 1280px) {
      .lab-publications .header {
        padding-left: 60px;
        padding-right: 60px; } }
    @media print {
      .lab-publications .header {
        padding-left: 60px;
        padding-right: 60px; } }
  .lab-publications__content {
    background-color: #fefefe;
    padding-bottom: 40px;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 1024px) {
      .lab-publications__content {
        margin-top: 40px; } }
    @media print {
      .lab-publications__content {
        margin-top: 40px; } }
  .lab-publications .package--featured-research.package {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 0; }
    @media screen and (min-width: 1024px) {
      .lab-publications .package--featured-research.package {
        padding-left: 40px;
        padding-right: 40px; } }
    @media print {
      .lab-publications .package--featured-research.package {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 1024px) {
      .lab-publications .package--featured-research.package {
        padding-left: 48px;
        padding-right: 48px; } }
    @media print {
      .lab-publications .package--featured-research.package {
        padding-left: 48px;
        padding-right: 48px; } }
    @media screen and (min-width: 1280px) {
      .lab-publications .package--featured-research.package {
        padding-left: 60px;
        padding-right: 60px; } }
    @media print {
      .lab-publications .package--featured-research.package {
        padding-left: 60px;
        padding-right: 60px; } }
  .lab-publications__pagination {
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    border-top: 1px solid var(--sra-border-color);
    padding-top: 20px; }
    @media screen and (min-width: 1024px) {
      .lab-publications__pagination {
        padding-left: 40px;
        padding-right: 40px; } }
    @media print {
      .lab-publications__pagination {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 1024px) {
      .lab-publications__pagination {
        padding-left: 48px;
        padding-right: 48px; } }
    @media print {
      .lab-publications__pagination {
        padding-left: 48px;
        padding-right: 48px; } }
    @media screen and (min-width: 1280px) {
      .lab-publications__pagination {
        padding-left: 60px;
        padding-right: 60px; } }
    @media print {
      .lab-publications__pagination {
        padding-left: 60px;
        padding-right: 60px; } }
    .lab-publications__pagination > a {
      position: absolute;
      top: 0;
      left: 0; }
    .lab-publications__pagination__title {
      font-size: 3.8rem;
      line-height: 3.8rem; }
    .lab-publications__pagination .pager {
      margin-top: 50px;
      padding-bottom: 50px;
      margin-bottom: 0; }
      .lab-publications__pagination .pager__item--previous {
        text-align: left; }
      .lab-publications__pagination .pager__item--next {
        text-align: right; }
  .lab-publications__section {
    padding-left: 32px;
    padding-right: 32px;
    border-top: 1px solid var(--sra-border-color);
    padding-top: 40px;
    padding-bottom: 40px; }
    @media screen and (min-width: 1024px) {
      .lab-publications__section {
        padding-left: 40px;
        padding-right: 40px; } }
    @media print {
      .lab-publications__section {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 1024px) {
      .lab-publications__section {
        padding-left: 48px;
        padding-right: 48px; } }
    @media print {
      .lab-publications__section {
        padding-left: 48px;
        padding-right: 48px; } }
    @media screen and (min-width: 1280px) {
      .lab-publications__section {
        padding-left: 60px;
        padding-right: 60px; } }
    @media print {
      .lab-publications__section {
        padding-left: 60px;
        padding-right: 60px; } }
    .lab-publications__section:first-child {
      padding-top: 50px; }
    .lab-publications__section:last-child {
      margin-bottom: 0;
      border-bottom: 0;
      padding-bottom: 0; }
    .lab-publications__section__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-bottom: 50px; }
  .lab-publications__year {
    font-family: "gibson-light", sans-serif;
    color: #E71324;
    font-size: 3.8rem;
    line-height: 3.8rem;
    position: relative;
    margin-bottom: 0; }
  .lab-publications__back-to-top {
    font-family: "gibson-light", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: lowercase;
    margin-bottom: .5em; }
  .lab-publications__items {
    width: 100%; }
  .lab-publications__item {
    position: relative;
    padding: 0 0 20px 32px; }
    .lab-publications__item:before {
      content: "\2014";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 2rem;
      line-height: 2.2rem;
      color: #F36C21; }
    .lab-publications__item:last-child {
      padding-bottom: 0; }
  .lab-publications__title {
    font-family: "gt-sectra-fine", serif;
    color: #F36C21;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .015em;
    margin: 0;
    text-decoration: underline; }
    .lab-publications__title a {
      color: #F36C21; }
      .lab-publications__title a:hover {
        color: #0a0a0a; }
  .lab-publications__byline {
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 2.4rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #0a0a0a;
    margin-top: 5px; }
  .lab-publications .pager__item {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-decoration: underline; }
  @media screen and (min-width: 672px) {
    .lab-publications__items {
      width: 100%; }
    .lab-publications__year {
      font-size: 5.2rem;
      line-height: 5.2rem; } }
  @media print {
    .lab-publications__items {
      width: 100%; }
    .lab-publications__year {
      font-size: 5.2rem;
      line-height: 5.2rem; } }
  @media screen and (min-width: 1024px) {
    .lab-publications {
      padding-bottom: 120px; }
      .lab-publications__content {
        padding-bottom: 80px; }
      .lab-publications__section {
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px; }
        .lab-publications__section:after {
          content: "";
          display: table;
          clear: both; }
        .lab-publications__section__header {
          display: block;
          position: static;
          float: left; }
        .lab-publications__section:last-child .lab-publications__back-to-top {
          bottom: 0; }
      .lab-publications__back-to-top {
        position: absolute;
        left: 60px;
        bottom: 60px;
        margin-bottom: 0; }
      .lab-publications__items {
        width: 608px;
        float: right; }
      .lab-publications__title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        letter-spacing: .015em; }
      .lab-publications__byline {
        margin-top: 7px; }
      .lab-publications__rods {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden; }
      .lab-publications__rod {
        position: absolute;
        display: block;
        background-repeat: no-repeat; }
        .lab-publications__rod--1 {
          background-image: url("../images/svgs/rods1.svg");
          width: 371px;
          height: 405px;
          top: 530px;
          left: -82px; }
        .lab-publications__rod--2 {
          background-image: url("../images/svgs/rods2.svg");
          width: 132px;
          height: 206px;
          top: 1330px;
          right: 14px; }
        .lab-publications__rod--3 {
          background-image: url("../images/svgs/rods3.svg");
          width: 265px;
          height: 199px;
          top: 1930px;
          left: -92px; }
        .lab-publications__rod--4 {
          background-image: url("../images/svgs/rods4.svg");
          width: 307px;
          height: 387px;
          bottom: -130px;
          right: 112px; } }
  @media print {
    .lab-publications {
      padding-bottom: 120px; }
      .lab-publications__content {
        padding-bottom: 80px; }
      .lab-publications__section {
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px; }
        .lab-publications__section:after {
          content: "";
          display: table;
          clear: both; }
        .lab-publications__section__header {
          display: block;
          position: static;
          float: left; }
        .lab-publications__section:last-child .lab-publications__back-to-top {
          bottom: 0; }
      .lab-publications__back-to-top {
        position: absolute;
        left: 60px;
        bottom: 60px;
        margin-bottom: 0; }
      .lab-publications__items {
        width: 608px;
        float: right; }
      .lab-publications__title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        letter-spacing: .015em; }
      .lab-publications__byline {
        margin-top: 7px; }
      .lab-publications__rods {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden; }
      .lab-publications__rod {
        position: absolute;
        display: block;
        background-repeat: no-repeat; }
        .lab-publications__rod--1 {
          background-image: url("../images/svgs/rods1.svg");
          width: 371px;
          height: 405px;
          top: 530px;
          left: -82px; }
        .lab-publications__rod--2 {
          background-image: url("../images/svgs/rods2.svg");
          width: 132px;
          height: 206px;
          top: 1330px;
          right: 14px; }
        .lab-publications__rod--3 {
          background-image: url("../images/svgs/rods3.svg");
          width: 265px;
          height: 199px;
          top: 1930px;
          left: -92px; }
        .lab-publications__rod--4 {
          background-image: url("../images/svgs/rods4.svg");
          width: 307px;
          height: 387px;
          bottom: -130px;
          right: 112px; } }
  @media screen and (min-width: 1280px) {
    .lab-publications__section {
      padding-top: 80px;
      padding-bottom: 80px; }
    .lab-publications__items {
      width: 660px; }
    .lab-publications__back-to-top {
      bottom: 80px; } }
  @media print {
    .lab-publications__section {
      padding-top: 80px;
      padding-bottom: 80px; }
    .lab-publications__items {
      width: 660px; }
    .lab-publications__back-to-top {
      bottom: 80px; } }

.lab-people {
  margin: 0 32px;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-top: 1px solid var(--sra-border-color); }
  @media screen and (min-width: 672px) {
    .lab-people {
      margin: 0 55px; } }
  @media print {
    .lab-people {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .lab-people {
      margin: 0 88px; } }
  @media print {
    .lab-people {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .lab-people {
      margin: 0 120px; } }
  @media print {
    .lab-people {
      margin: 0 120px; } }
  .lab-people .lab-people {
    margin-left: 0;
    margin-right: 0; }
  .lab-people:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .lab-people .section-subtitle {
    margin-bottom: 40px; }
  .lab-people .related-profile {
    margin-bottom: 40px; }
    .lab-people .related-profile__hero {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 75%;
      overflow: hidden; }
      .lab-people .related-profile__hero img {
        position: absolute;
        min-height: 100%;
        height: auto;
        min-width: 100%;
        width: auto;
        top: 0;
        left: 0; }
  .lab-people .cta-block__wrapper {
    padding: 0;
    margin-bottom: 0; }
  .lab-people .page-body {
    min-height: 0;
    margin: 0;
    padding: 0; }
    .lab-people .page-body .page-content {
      width: 100%; }
  @media screen and (min-width: 672px) {
    .lab-people {
      margin-top: 40px; }
      .lab-people__profiles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .lab-people .related-profile {
        margin-right: 4rem; }
      .lab-people .cta-block__wrapper {
        margin-top: 1rem; } }
  @media print {
    .lab-people {
      margin-top: 40px; }
      .lab-people__profiles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .lab-people .related-profile {
        margin-right: 4rem; }
      .lab-people .cta-block__wrapper {
        margin-top: 1rem; } }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .lab-people .related-profile {
      width: calc(50% - 20px); }
      .lab-people .related-profile:nth-child(2n) {
        margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .lab-people {
      margin-top: 60px;
      margin-bottom: 20px; }
      .lab-people .related-profile {
        width: calc(33.33% - (40px * 2) / 3); }
        .lab-people .related-profile:nth-child(3n) {
          margin-right: 0; }
      .lab-people .cta-block__wrapper {
        margin-top: 3rem; }
      .lab-people .cta-block__header {
        padding-right: 10rem; } }
  @media print {
    .lab-people {
      margin-top: 60px;
      margin-bottom: 20px; }
      .lab-people .related-profile {
        width: calc(33.33% - (40px * 2) / 3); }
        .lab-people .related-profile:nth-child(3n) {
          margin-right: 0; }
      .lab-people .cta-block__wrapper {
        margin-top: 3rem; }
      .lab-people .cta-block__header {
        padding-right: 10rem; } }
  @media screen and (min-width: 1280px) {
    .lab-people {
      margin-top: 80px; }
      .lab-people .cta-block__wrapper {
        margin-top: 5rem; } }
  @media print {
    .lab-people {
      margin-top: 80px; }
      .lab-people .cta-block__wrapper {
        margin-top: 5rem; } }

.menu-collapsible + .lab-people {
  padding-top: 0;
  border-top: 0; }
  @media screen and (min-width: 1024px) {
    .menu-collapsible + .lab-people {
      margin-bottom: 0; } }
  @media print {
    .menu-collapsible + .lab-people {
      margin-bottom: 0; } }

.lab-news {
  margin-top: 40px; }
  .lab-news .header {
    padding: 0 32px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px; }
    @media screen and (min-width: 672px) {
      .lab-news .header {
        padding: 0 55px; } }
    @media print {
      .lab-news .header {
        padding: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .lab-news .header {
        padding: 0 88px; } }
    @media print {
      .lab-news .header {
        padding: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .lab-news .header {
        padding: 0 120px; } }
    @media print {
      .lab-news .header {
        padding: 0 120px; } }
  .lab-news__main:after {
    content: "";
    display: table;
    clear: both; }
  .lab-news__main.has-content {
    border-top: 1px solid var(--sra-border-color); }
  .lab-news__item {
    border-bottom: 1px solid var(--sra-border-color); }
    .lab-news__item__image {
      display: none; }
    .lab-news__item__headline {
      font-family: "gibson-semibold", sans-serif;
      font-size: 2.2rem;
      line-height: 2.8rem;
      margin-bottom: 20px; }
      .lab-news__item__headline a {
        text-decoration: none; }
    .lab-news__item__dek {
      font-family: "gt-sectra-fine", serif;
      font-size: 1.4rem;
      line-height: 2rem;
      margin-bottom: 20px;
      display: none; }
    .lab-news__item__tools {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .lab-news__item__tools .social__toggle:before {
        font-size: 2rem; }
  .lab-news__tag {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.015em;
    color: var(--sra-tag-color);
    position: relative;
    margin: 0;
    text-transform: capitalize;
    padding-right: 15px; }
    .lab-news__tag i {
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.1rem; }
      .lab-news__tag i:before {
        color: var(--sra-tag-color);
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 3.4rem;
        text-decoration: none; }
      .lab-news__tag i:hover:before {
        text-decoration: none; }
      .lab-news__tag i:before {
        line-height: 1.5rem; }
    @media screen and (min-width: 1024px) {
      .lab-news__tag {
        font-size: 1.4rem; } }
    @media print {
      .lab-news__tag {
        font-size: 1.4rem; } }
  .lab-news__flag {
    padding-right: 10px; }
  .lab-news__hero {
    padding: 0;
    border-bottom: 0;
    margin: 0;
    position: relative; }
    .lab-news__hero .lab-news__item__image {
      position: relative;
      width: 100%;
      z-index: 1;
      display: block; }
      .lab-news__hero .lab-news__item__image img {
        width: 100%; }
    .lab-news__hero .lab-news__item__content {
      position: relative;
      top: -20px;
      background-color: #fefefe;
      z-index: 2;
      margin-left: 20px;
      margin-right: 20px;
      padding: 30px 12px 10px; }
    .lab-news__hero .lab-news__item__dek {
      display: block; }
    .lab-news__hero:before {
      position: absolute;
      content: " ";
      display: block;
      background-repeat: no-repeat;
      background-image: url("../images/svgs/apply2.svg");
      width: 152px;
      height: 186px;
      top: -30px;
      left: 0; }
  .lab-news__list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 672px) {
      .lab-news__list {
        width: 100%;
        padding: 0; } }
    @media print {
      .lab-news__list {
        width: 100%;
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .lab-news__list {
        width: calc(100% - 328px);
        padding: 0 64px 0 0;
        float: left; } }
    @media print {
      .lab-news__list {
        width: calc(100% - 328px);
        padding: 0 64px 0 0;
        float: left; } }
    @media screen and (min-width: 1280px) {
      .lab-news__list {
        width: calc(100% - 460px);
        padding: 0 100px 0 0;
        float: left; } }
    @media print {
      .lab-news__list {
        width: calc(100% - 460px);
        padding: 0 100px 0 0;
        float: left; } }
  .lab-news__pagination .pager {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--sra-border-color);
    margin-bottom: 50px; }
    .lab-news__pagination .pager__item--previous {
      text-align: left; }
    .lab-news__pagination .pager__item--next {
      text-align: right; }
  .lab-news__twitter {
    display: block;
    position: relative;
    width: 100%;
    padding: 30px 32px 0; }
    @media screen and (min-width: 672px) {
      .lab-news__twitter {
        width: 100%;
        padding: 0 40px; } }
    @media print {
      .lab-news__twitter {
        width: 100%;
        padding: 0 40px; } }
    @media screen and (min-width: 1024px) {
      .lab-news__twitter {
        width: 328px;
        padding: 0 88px 0 0;
        float: right; } }
    @media print {
      .lab-news__twitter {
        width: 328px;
        padding: 0 88px 0 0;
        float: right; } }
    @media screen and (min-width: 1280px) {
      .lab-news__twitter {
        width: 460px;
        padding: 0 120px 0 0;
        float: right; } }
    @media print {
      .lab-news__twitter {
        width: 460px;
        padding: 0 120px 0 0;
        float: right; } }
    .lab-news__twitter__wrapper {
      position: relative;
      overflow-y: scroll;
      overflow-x: hidden;
      max-height: 572px;
      z-index: 2;
      -webkit-overflow-scrolling: touch; }
    .lab-news__twitter:before, .lab-news__twitter:after {
      content: "";
      position: absolute;
      display: block;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .lab-news__twitter:before {
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply1.svg);
      height: 90px;
      width: 80px;
      left: 0;
      bottom: 5px; }
    .lab-news__twitter:after {
      background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/apply2.svg);
      width: 192px;
      height: 236px;
      bottom: 150px;
      right: 21px;
      -webkit-transform: rotate(70deg);
      transform: rotate(70deg); }
  .lab-news__empty {
    margin: 0 32px;
    background-color: #e9f1f5;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 25px !important; }
    @media screen and (min-width: 672px) {
      .lab-news__empty {
        margin: 0 55px; } }
    @media print {
      .lab-news__empty {
        margin: 0 55px; } }
    @media screen and (min-width: 1024px) {
      .lab-news__empty {
        margin: 0 88px; } }
    @media print {
      .lab-news__empty {
        margin: 0 88px; } }
    @media screen and (min-width: 1280px) {
      .lab-news__empty {
        margin: 0 120px; } }
    @media print {
      .lab-news__empty {
        margin: 0 120px; } }
    .lab-news__empty:before, .lab-news__empty:after {
      position: absolute;
      content: " ";
      display: block;
      background-repeat: no-repeat;
      background-image: url("../images/svgs/apply2.svg");
      width: 152px;
      height: 186px;
      z-index: -1; }
    .lab-news__empty:before {
      top: -30px;
      left: -33px;
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg); }
    .lab-news__empty:after {
      bottom: -20px;
      right: 0; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .lab-news .pager__item {
      display: none; }
      .lab-news .pager__item--previous, .lab-news .pager__item--next, .lab-news .pager__item:nth-child(2), .lab-news .pager__item:nth-child(3), .lab-news .pager__item:nth-child(4) {
        display: block; } }
  @media screen and (min-width: 672px) {
    .lab-news__item__dek {
      display: block; }
    .lab-news__hero {
      padding-left: 0;
      padding-right: 0; }
    .lab-news__pagination .pager {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .lab-news__twitter {
      position: relative;
      padding: 40px 32px 0; } }
  @media print {
    .lab-news__item__dek {
      display: block; }
    .lab-news__hero {
      padding-left: 0;
      padding-right: 0; }
    .lab-news__pagination .pager {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .lab-news__twitter {
      position: relative;
      padding: 40px 32px 0; } }
  @media screen and (min-width: 1024px) {
    .lab-news {
      margin-top: 60px; }
      .lab-news__hero {
        margin-bottom: 50px; }
        .lab-news__hero .lab-news__item__image {
          max-width: 576px;
          min-width: 576px; }
        .lab-news__hero .lab-news__item__content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          position: static;
          padding: 0 0 0 3rem;
          margin: 0; }
        .lab-news__hero .lab-news__item__headline {
          font-size: 3rem;
          line-height: 3.6rem; }
        .lab-news__hero:before {
          background-image: url("../images/svgs/apply2.svg");
          top: -50px;
          left: -80px;
          width: 290px;
          height: 392px; }
      .lab-news__twitter {
        padding: 40px 88px 0 0; }
        .lab-news__twitter:before {
          display: none; }
        .lab-news__twitter:after {
          bottom: -20px; } }
  @media print {
    .lab-news {
      margin-top: 60px; }
      .lab-news__hero {
        margin-bottom: 50px; }
        .lab-news__hero .lab-news__item__image {
          max-width: 576px;
          min-width: 576px; }
        .lab-news__hero .lab-news__item__content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          position: static;
          padding: 0 0 0 3rem;
          margin: 0; }
        .lab-news__hero .lab-news__item__headline {
          font-size: 3rem;
          line-height: 3.6rem; }
        .lab-news__hero:before {
          background-image: url("../images/svgs/apply2.svg");
          top: -50px;
          left: -80px;
          width: 290px;
          height: 392px; }
      .lab-news__twitter {
        padding: 40px 88px 0 0; }
        .lab-news__twitter:before {
          display: none; }
        .lab-news__twitter:after {
          bottom: -20px; } }
  @media screen and (min-width: 1280px) {
    .lab-news {
      margin-top: 80px; }
      .lab-news__hero:before {
        left: -90px; }
      .lab-news__hero .lab-news__item__headline {
        font-size: 3.6rem;
        line-height: 4.4rem; }
      .lab-news__hero .lab-news__item__image {
        max-width: 720px;
        min-width: 720px; }
      .lab-news__twitter {
        padding: 50px 120px 0 0; } }
  @media print {
    .lab-news {
      margin-top: 80px; }
      .lab-news__hero:before {
        left: -90px; }
      .lab-news__hero .lab-news__item__headline {
        font-size: 3.6rem;
        line-height: 4.4rem; }
      .lab-news__hero .lab-news__item__image {
        max-width: 720px;
        min-width: 720px; }
      .lab-news__twitter {
        padding: 50px 120px 0 0; } }

/*
Contact Us

markup:
<main>
  <div class='lab-contact-us'>
    <section class='lab-contact-us__general'>
      <h2 class='lab-contact-us__title'>General Contact Information</h2>
      <div class='lab-contact-us__content lab-contact-us__information'>
        <div class='lab-contact-us__information__column'>
          <div class='lab-contact-us__information__item'>
            <h3 class='lab-contact-us__content__label'>Office Tel:</h3>
            212-322-2233
          </div>
          <div class='lab-contact-us__information__item'>
            <h3 class='lab-contact-us__content__label'>Lab Tel:</h3>
            212-222-2222
          </div>
          <div class='lab-contact-us__information__item'>
            <h3 class='lab-contact-us__content__label'>Email:</h3>
            lab@lab.com
          </div>
          <div class='lab-contact-us__information__item'>
            <h3 class='lab-contact-us__content__label'>Twitter:</h3>
            @labbylablablab
            <div class='lab-contact-us__content__description'>
              Follow us for tweets about our work being done in the lab or links we find interesting.
            </div>
          </div>
        </div>
        <div>
          <h3 class='lab-contact-us__content__label'>Mailing Address:</h3>
          <div class='lab-contact-us__address'>
            <p>Code and Theory</p>
            <p>575 Broadway</p>
            <p>5th Floor</p>
            <p>New York, 10012</p>
            <p>United States</p>
          </div>
        </div>
      </div>
    </section>
    <section class='lab-contact-us__lab'>
      <div aria-hidden='true' class='lab-contact-us__lab__decoration lab-contact-us__lab__decoration--1'></div>
      <div aria-hidden='true' class='lab-contact-us__lab__decoration lab-contact-us__lab__decoration--2'></div>
      <div aria-hidden='true' class='lab-contact-us__lab__decoration lab-contact-us__lab__decoration--3'></div>
      <div aria-hidden='true' class='lab-contact-us__lab__decoration lab-contact-us__lab__decoration--4'></div>
      <div aria-hidden='true' class='lab-contact-us__lab__decoration lab-contact-us__lab__decoration--5'></div>
      <h2 class='lab-contact-us__title'>Lab Address</h2>
      <div class='lab-contact-us__content'>
        <div class='lab-contact-us__content__column'>
          <h3 class='lab-contact-us__content__label'>Address</h3>
          <div class='lab-contact-us__address'>
            <p>Code and Theory</p>
            <p>575 Broadway</p>
            <p>5th Floor</p>
            <p>New York, 10012</p>
            <p>United States</p>
          </div>
        </div>
        <div class='lab-contact-us__content__column lab-contact-us__map__wrapper'>
          <iframe class='lab-contact-us__map' src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.880245543283!2d-87.62048728473822!3d41.8954324792208!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd4aaaee822ab%3A0xe8e4cc56bde16b7d!2sRehabilitation+Institute+of+Chicago!5e0!3m2!1sen!2sus!4v1461954860022' frameborder='0' style='border:0' allowfullscreen></iframe>
        </div>
      </div>
    </section>
  </div>
</main>

Styleguide 22.2
*/
.lab-contact {
  margin-top: 40px; }
  @media screen and (min-width: 1024px) {
    .lab-contact {
      margin-top: 60px; } }
  @media print {
    .lab-contact {
      margin-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .lab-contact {
      margin-top: 80px; } }
  @media print {
    .lab-contact {
      margin-top: 80px; } }

.lab-contact-us {
  padding: 0 32px;
  text-align: center; }
  .lab-contact-us__title {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 40px;
    position: relative;
    z-index: 1; }
  .lab-contact-us__content__label {
    font-family: "gibson-semibold", sans-serif;
    font-size: 1.2rem;
    line-height: 2.2rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    margin-bottom: 14px; }
  .lab-contact-us__content__description {
    font-family: "gt-sectra-fine", serif;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 14px; }
  .lab-contact-us__address {
    font-family: "gt-sectra-fine", serif;
    color: #0a0a0a;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .018em; }
    .lab-contact-us__address span {
      display: inline-block;
      margin-top: .2em; }
  .lab-contact-us__information__item {
    font-family: "gibson-light", sans-serif;
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 40px; }
  .lab-contact-us__map {
    margin-top: 40px;
    width: 100%;
    height: 180px; }
    .lab-contact-us__map__wrapper {
      position: relative;
      z-index: 1;
      margin-left: -32px;
      margin-right: -32px; }
  .lab-contact-us__general .lab-contact-us__title {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  .lab-contact-us__lab {
    position: relative; }
    .lab-contact-us__lab .lab-contact-us__address {
      font-family: "gibson-regular", sans-serif;
      color: #0a0a0a;
      font-size: 1.2rem;
      line-height: 2.2rem;
      letter-spacing: .018em;
      text-transform: uppercase; }
      .lab-contact-us__lab .lab-contact-us__address span {
        display: inline-block;
        margin-top: .2em; }
    .lab-contact-us__lab__decoration {
      background-image: url("/themes/custom/abilitylab_theme/dist/images/svgs/apply1.svg");
      background-size: cover;
      display: block;
      position: absolute;
      z-index: 0; }
      .lab-contact-us__lab__decoration--1 {
        width: 140px;
        height: 140px;
        top: -40px;
        left: -150px; }
      .lab-contact-us__lab__decoration--2 {
        width: 64px;
        height: 64px;
        bottom: 190px;
        left: -85px; }
      .lab-contact-us__lab__decoration--3 {
        width: 90px;
        height: 90px;
        bottom: 145px;
        right: -50px; }
      .lab-contact-us__lab__decoration--4 {
        width: 135px;
        height: 135px;
        bottom: -42px;
        right: -110px; }
  @media screen and (min-width: 0) and (max-width: 671px) {
    .lab-contact-us__information {
      padding-bottom: 40px;
      border-bottom: 1px solid var(--sra-border-color);
      margin-bottom: 40px; }
      .lab-contact-us__information__item:nth-child(1), .lab-contact-us__information__item:nth-child(3) {
        padding-bottom: 40px;
        border-bottom: 1px solid var(--sra-border-color);
        margin-bottom: 40px; }
    .lab-contact-us__lab {
      text-align: left;
      margin-bottom: 80px; }
      .lab-contact-us__lab .lab-contact-us__title {
        font-size: 3.8rem;
        line-height: 4.4rem; }
      .lab-contact-us__lab .lab-contact-us__address {
        margin-top: 0; } }
  @media screen and (min-width: 672px) {
    .lab-contact-us {
      max-width: 608px;
      margin: 0 auto;
      text-align: left;
      padding-bottom: 80px; }
      .lab-contact-us__title {
        font-size: 3rem;
        line-height: 3.2rem;
        margin-bottom: 40px; }
      .lab-contact-us__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .lab-contact-us__content__column {
          width: 50%; }
      .lab-contact-us__information {
        padding-bottom: 80px;
        border-bottom: 1px solid var(--sra-border-color);
        margin-bottom: 80px; }
        .lab-contact-us__information__column:first-child {
          width: 67%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        .lab-contact-us__information__column:last-child {
          width: 33%; }
        .lab-contact-us__information__item {
          width: calc(50% - 80px);
          margin-right: 80px; }
          .lab-contact-us__information__item:nth-child(1), .lab-contact-us__information__item:nth-child(2) {
            padding-bottom: 40px;
            border-bottom: 1px solid var(--sra-border-color);
            margin-bottom: 40px; }
      .lab-contact-us__lab__decoration--1 {
        width: 261px;
        height: 261px;
        top: -128px;
        left: -243px; }
      .lab-contact-us__lab__decoration--2 {
        width: 102px;
        height: 102px;
        top: 104px;
        left: -113px;
        bottom: auto; }
      .lab-contact-us__lab__decoration--3 {
        width: 64px;
        height: 64px;
        top: 185px;
        left: -117px;
        bottom: auto;
        right: auto; }
      .lab-contact-us__lab__decoration--4 {
        width: 114px;
        height: 114px;
        bottom: 135px;
        right: -46px; }
      .lab-contact-us__lab__decoration--5 {
        width: 227px;
        height: 227px;
        bottom: -70px;
        right: -137px; }
      .lab-contact-us__lab .lab-contact-us__content__label {
        margin-bottom: 0; }
      .lab-contact-us__map {
        margin-top: 0; }
        .lab-contact-us__map__wrapper {
          margin: 0; } }
  @media print {
    .lab-contact-us {
      max-width: 608px;
      margin: 0 auto;
      text-align: left;
      padding-bottom: 80px; }
      .lab-contact-us__title {
        font-size: 3rem;
        line-height: 3.2rem;
        margin-bottom: 40px; }
      .lab-contact-us__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .lab-contact-us__content__column {
          width: 50%; }
      .lab-contact-us__information {
        padding-bottom: 80px;
        border-bottom: 1px solid var(--sra-border-color);
        margin-bottom: 80px; }
        .lab-contact-us__information__column:first-child {
          width: 67%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        .lab-contact-us__information__column:last-child {
          width: 33%; }
        .lab-contact-us__information__item {
          width: calc(50% - 80px);
          margin-right: 80px; }
          .lab-contact-us__information__item:nth-child(1), .lab-contact-us__information__item:nth-child(2) {
            padding-bottom: 40px;
            border-bottom: 1px solid var(--sra-border-color);
            margin-bottom: 40px; }
      .lab-contact-us__lab__decoration--1 {
        width: 261px;
        height: 261px;
        top: -128px;
        left: -243px; }
      .lab-contact-us__lab__decoration--2 {
        width: 102px;
        height: 102px;
        top: 104px;
        left: -113px;
        bottom: auto; }
      .lab-contact-us__lab__decoration--3 {
        width: 64px;
        height: 64px;
        top: 185px;
        left: -117px;
        bottom: auto;
        right: auto; }
      .lab-contact-us__lab__decoration--4 {
        width: 114px;
        height: 114px;
        bottom: 135px;
        right: -46px; }
      .lab-contact-us__lab__decoration--5 {
        width: 227px;
        height: 227px;
        bottom: -70px;
        right: -137px; }
      .lab-contact-us__lab .lab-contact-us__content__label {
        margin-bottom: 0; }
      .lab-contact-us__map {
        margin-top: 0; }
        .lab-contact-us__map__wrapper {
          margin: 0; } }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .lab-contact-us__information__item {
      font-size: 2rem;
      line-height: 2.4rem;
      width: calc(50% - 40px);
      margin-right: 40px; } }
  @media screen and (min-width: 1024px) {
    .lab-contact-us {
      max-width: 848px; }
      .lab-contact-us__title {
        font-size: 6.2rem;
        line-height: 7.2rem; }
      .lab-contact-us__map {
        height: 280px; }
      .lab-contact-us__general .lab-contact-us__title {
        font-size: 2.4rem;
        line-height: 3rem; }
      .lab-contact-us__lab__decoration--1 {
        top: -108px;
        left: -236px; }
      .lab-contact-us__lab__decoration--2 {
        top: 114px; }
      .lab-contact-us__lab__decoration--3 {
        top: 195px; }
      .lab-contact-us__lab__decoration--4 {
        bottom: 235px; }
      .lab-contact-us__lab__decoration--5 {
        bottom: -37px; } }
  @media print {
    .lab-contact-us {
      max-width: 848px; }
      .lab-contact-us__title {
        font-size: 6.2rem;
        line-height: 7.2rem; }
      .lab-contact-us__map {
        height: 280px; }
      .lab-contact-us__general .lab-contact-us__title {
        font-size: 2.4rem;
        line-height: 3rem; }
      .lab-contact-us__lab__decoration--1 {
        top: -108px;
        left: -236px; }
      .lab-contact-us__lab__decoration--2 {
        top: 114px; }
      .lab-contact-us__lab__decoration--3 {
        top: 195px; }
      .lab-contact-us__lab__decoration--4 {
        bottom: 235px; }
      .lab-contact-us__lab__decoration--5 {
        bottom: -37px; } }
  @media screen and (min-width: 1280px) {
    .lab-contact-us {
      max-width: 1040px; }
      .lab-contact-us__title {
        font-size: 7.2rem;
        line-height: 9rem; }
      .lab-contact-us__map {
        height: 340px; }
      .lab-contact-us__general .lab-contact-us__title {
        font-size: 3rem;
        line-height: 3.2rem; }
      .lab-contact-us__lab__decoration--1 {
        top: -98px;
        left: -236px; }
      .lab-contact-us__lab__decoration--2 {
        top: 134px; }
      .lab-contact-us__lab__decoration--3 {
        top: 215px; }
      .lab-contact-us__lab__decoration--4 {
        bottom: 295px; } }
  @media print {
    .lab-contact-us {
      max-width: 1040px; }
      .lab-contact-us__title {
        font-size: 7.2rem;
        line-height: 9rem; }
      .lab-contact-us__map {
        height: 340px; }
      .lab-contact-us__general .lab-contact-us__title {
        font-size: 3rem;
        line-height: 3.2rem; }
      .lab-contact-us__lab__decoration--1 {
        top: -98px;
        left: -236px; }
      .lab-contact-us__lab__decoration--2 {
        top: 134px; }
      .lab-contact-us__lab__decoration--3 {
        top: 215px; }
      .lab-contact-us__lab__decoration--4 {
        bottom: 295px; } }

.location__page-meta-item--fax {
  margin-bottom: 15px; }
  @media screen and (min-width: 1024px) {
    .location__page-meta-item--fax {
      margin-bottom: 30px 0; } }
  @media print {
    .location__page-meta-item--fax {
      margin-bottom: 30px 0; } }

.location__page-meta-item--tags {
  float: none;
  left: auto;
  position: relative;
  width: auto; }
  .location__page-meta-item--tags a {
    margin-bottom: 10px !important; }

.location__appt-cta {
  margin: 20px 0; }
  @media screen and (min-width: 1024px) {
    .location__appt-cta {
      margin: 30px 0; } }
  @media print {
    .location__appt-cta {
      margin: 30px 0; } }

.location__appt-cta-link {
  height: auto;
  line-height: 1;
  padding: 15px 50px;
  text-align: center;
  white-space: normal; }

.location__contacts p {
  margin-bottom: 0; }

.location__contacts .profile-listing__name {
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin-bottom: 0; }

/*
Gallery Page

markup:
<article class="page--photo-gallery">
  <div class="photo-gallery-wrapper">
    <section class="photo-gallery js-gallery-carousel">
      <div class="photo-gallery__items">
        <div class="photo-gallery__item">
          <div class="photo-gallery__img-wrap">
            <img src="http://fpoimg.com/390x585?text=16:9" />
          </div>
          <div class="photo-gallery__img-caption">
            <p class="image-citation">
              Associated Press
            </p>
            <p class="image-caption">
              (Alternative Text, Photo Caption)
            </p>
          </div>
        </div>
        <div class="photo-gallery__item">
          <div class="photo-gallery__img-wrap">
            <img src="http://fpoimg.com/1040x585?text=16:9" />
          </div>
          <div class="photo-gallery__img-caption">
            <p class="image-citation">
              Associated Press
            </p>
            <p class="image-caption">
              (Alternative Text, Photo Caption)
            </p>
          </div>
        </div>
      </div>
      <nav class="photo-gallery__nav">
        <button>
          <span class="show-for-sr">previous</span>
        </button>
        <p class="photo-gallery__loc">
          <span class="loc-index">1</span>
          of
          <span class="loc-total">28</span>
        </p>
        <button>
          <span class="show-for-sr">next</span>
        </button>
      </nav>
    </section>
    <section class="photo-gallery-copy">
      <header class="photo-gallery__header">
        <h1 class="page-header__title">Art in Motion Opening Night: 2015 in Pictures</h1>
        <p class="taxonomy-tag">Fundraiser</p>
      </header>
      <div class="photo-gallery__body">
        <p>Art in Motion is an important fundraiser and unique art exhibition
        hosted by the Rehabilitation Institute of Chicago’s Associate Board that
        brings the thriving art community and philanthropy community of Chicago
        together to support the very important cause of art therapy. James Rondeau,
        Curator of Modern and Contemporary Art at The Art Institute of Chicago
        awards the most outstanding works submitted by hundreds of artists from around
        the country. This beautiful night embodies the generosity of both
        professional & patient artists who donate artwork sales proceeds to
        the RIC Art Therapy program.</p>
      </div>
    </section>
    <section class="photo-gallery-meta">
      <div class="social__wrapper">
        <div class="social">
          <p class="social__cta">share</p>
          <ul class="social__items">
            <li class="social__item">
              <a href="#">
                <i class="icon--facebook" aria-hidden="true"></i>
                <span class="show-for-sr">facebook</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i class="icon--twitter" aria-hidden="true"></i>
                <span class="show-for-sr">twitter</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i class="icon--google" aria-hidden="true"></i>
                <span class="show-for-sr">google plus</span>
              </a>
            </li>
            <li class="social__item">
              <a href="#">
                <i class="icon--mail" aria-hidden="true"></i>
                <span class="show-for-sr">email</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="page-tags">
        <h4 class="field-label">Tags</h4>
        <ul>
          <li><a href="#">sports and fitness</a></li>
          <li><a href="#">pediatrics research</a></li>
        </ul>
      </div>
    </section>
  </div>
</article>

Styleguide 24
*/
/*
  gallery-carousel-styles() defines the basics of the carousel. This mixin should
  be applied to the gallery's parent wrapper.

  opts:
    carousel: The selector for the main carousel wrapper.
    carousel-items: The selector for a carousel item.
    img-wrap: The selector for a the wrapper around the image.
    img-ratio: The aspect ratio of the image area. NOT the images.
    nav-elem: The selector for the carousel nav.
    prev-icon: The icon name used to define the button icon.
    next-icon: The icon name used to define the button icon.
*/
.photo-gallery-wrapper {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px;
  background: #e9f1f5; }
  @media screen and (min-width: 672px) {
    .photo-gallery-wrapper {
      max-width: 672px; } }
  @media print {
    .photo-gallery-wrapper {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .photo-gallery-wrapper {
      max-width: 1024px; } }
  @media print {
    .photo-gallery-wrapper {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .photo-gallery-wrapper {
      max-width: 1280px; } }
  @media print {
    .photo-gallery-wrapper {
      max-width: 1280px; } }
  @media screen and (min-width: 672px) {
    .photo-gallery-wrapper {
      padding: 0 55px; } }
  @media print {
    .photo-gallery-wrapper {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .photo-gallery-wrapper {
      padding: 0 88px; } }
  @media print {
    .photo-gallery-wrapper {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .photo-gallery-wrapper {
      padding: 0 120px; } }
  @media print {
    .photo-gallery-wrapper {
      padding: 0 120px; } }
  .photo-gallery-wrapper .photo-gallery {
    overflow: hidden; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__items {
      position: relative;
      left: 0;
      -webkit-transition: left 0.15s ease;
      transition: left 0.15s ease; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__items:after {
        content: "";
        display: table;
        clear: both; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__item {
      display: none;
      width: 100%;
      float: left; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__item:first-child {
        display: block; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__img-wrap {
      position: relative;
      height: 0;
      width: 100%;
      padding-top: 56.25%;
      overflow: hidden;
      background-color: #e9f1f5; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__img-wrap img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: auto;
        margin: auto; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__img-caption {
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease; }
    .photo-gallery-wrapper .photo-gallery.loaded .photo-gallery__img-caption {
      opacity: 0; }
    .photo-gallery-wrapper .photo-gallery.loaded .active .photo-gallery__img-caption {
      opacity: 1; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button,
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav p {
      display: inline-block;
      vertical-align: middle; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav p {
      font-family: "gibson-semibold", sans-serif;
      color: #6E6259;
      font-size: 1.8rem;
      line-height: 1.8rem;
      letter-spacing: .015em; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:first-child {
      text-decoration: none; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:first-child:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 4rem;
        text-decoration: none; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:first-child:hover:before {
        text-decoration: none; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:last-child {
      text-decoration: none; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:last-child:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 4rem;
        text-decoration: none; }
      .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button:last-child:hover:before {
        text-decoration: none; }
    .photo-gallery-wrapper .photo-gallery .photo-gallery__nav button.disabled:before {
      color: rgba(110, 98, 89, 0.75); }
  @media screen and (min-width: 1024px) {
    .photo-gallery-wrapper {
      padding-bottom: 80px; } }
  @media print {
    .photo-gallery-wrapper {
      padding-bottom: 80px; } }

.photo-gallery__img-caption {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.1rem;
  letter-spacing: .08em;
  line-height: 1.8rem;
  color: #0a0a0a;
  text-transform: uppercase; }

.photo-gallery__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.photo-gallery-copy {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3; }
  .photo-gallery-copy .page-header__title {
    font-family: "gibson-semibold", sans-serif;
    margin-bottom: 15px;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .02em;
    text-align: left; }
  .photo-gallery-copy .photo-gallery__body {
    font-family: "gt-sectra-fine", serif;
    margin-top: 25px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .015em; }
    .photo-gallery-copy .photo-gallery__body p {
      margin-top: 20px; }
      .photo-gallery-copy .photo-gallery__body p:first-child {
        margin-top: 0; }

.photo-gallery-meta .social__wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3; }

.photo-gallery-meta .page-tags {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  width: auto;
  float: none;
  margin: 0;
  padding: 30px 0; }
  .photo-gallery-meta .page-tags ul,
  .photo-gallery-meta .page-tags li,
  .photo-gallery-meta .page-tags a,
  .photo-gallery-meta .page-tags .field-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .photo-gallery-meta .page-tags a,
  .photo-gallery-meta .page-tags .field-label {
    margin-right: 12px; }

@media screen and (max-width: 1023px) {
  .photo-gallery-wrapper {
    padding: 0 0 40px; }
  .photo-gallery__img-caption,
  .photo-gallery-copy,
  .photo-gallery-meta {
    padding: 0 32px; } }
  @media screen and (max-width: 1023px) and (min-width: 672px) {
    .photo-gallery__img-caption,
    .photo-gallery-copy,
    .photo-gallery-meta {
      padding: 0 55px; } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .photo-gallery__img-caption,
    .photo-gallery-copy,
    .photo-gallery-meta {
      padding: 0 88px; } }
  @media screen and (max-width: 1023px) and (min-width: 1280px) {
    .photo-gallery__img-caption,
    .photo-gallery-copy,
    .photo-gallery-meta {
      padding: 0 120px; } }

@media screen and (max-width: 1023px) {
  .photo-gallery__img-caption {
    padding-top: 15px;
    padding-bottom: 15px; }
  .photo-gallery__nav {
    margin: 0 32px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #f3f3f3; } }
  @media screen and (max-width: 1023px) and (min-width: 672px) {
    .photo-gallery__nav {
      margin: 0 55px; } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .photo-gallery__nav {
      margin: 0 88px; } }
  @media screen and (max-width: 1023px) and (min-width: 1280px) {
    .photo-gallery__nav {
      margin: 0 120px; } }

@media screen and (max-width: 1023px) {
  .photo-gallery-copy {
    padding-top: 30px;
    padding-bottom: 40px; } }

@media screen and (min-width: 1024px) {
  .photo-gallery {
    position: relative; }
  .photo-gallery__img-caption,
  .photo-gallery__nav {
    padding: 20px 0; }
  .photo-gallery__img-caption {
    min-height: 80px;
    max-width: 65%; }
  .photo-gallery__nav {
    position: absolute;
    bottom: 0;
    right: 0; }
    .photo-gallery__nav .photo-gallery__loc {
      padding: 0 40px; }
  .photo-gallery-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .photo-gallery-copy .photo-gallery__header,
    .photo-gallery-copy .photo-gallery__body {
      padding: 50px 40px;
      min-width: 50%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .photo-gallery-copy .photo-gallery__header {
      padding-left: 0; }
    .photo-gallery-copy .photo-gallery__body {
      max-width: 50%;
      margin: 0;
      padding-right: 0;
      border-left: 1px solid #f3f3f3;
      font-size: 1.8rem;
      line-height: 2.8rem; }
    .photo-gallery-copy .page-header__title {
      font-size: 4.2rem;
      line-height: 6rem; }
  .photo-gallery-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #f3f3f3; }
    .photo-gallery-meta .social__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 0;
      padding: 3rem 6rem 3rem 0;
      min-width: 260px;
      border-right: 1px solid #f3f3f3; }
    .photo-gallery-meta .page-tags {
      padding: 3rem 0 3rem;
      margin: .4rem 0 0 6rem; } }

@media print {
  .photo-gallery {
    position: relative; }
  .photo-gallery__img-caption,
  .photo-gallery__nav {
    padding: 20px 0; }
  .photo-gallery__img-caption {
    min-height: 80px;
    max-width: 65%; }
  .photo-gallery__nav {
    position: absolute;
    bottom: 0;
    right: 0; }
    .photo-gallery__nav .photo-gallery__loc {
      padding: 0 40px; }
  .photo-gallery-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .photo-gallery-copy .photo-gallery__header,
    .photo-gallery-copy .photo-gallery__body {
      padding: 50px 40px;
      min-width: 50%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .photo-gallery-copy .photo-gallery__header {
      padding-left: 0; }
    .photo-gallery-copy .photo-gallery__body {
      max-width: 50%;
      margin: 0;
      padding-right: 0;
      border-left: 1px solid #f3f3f3;
      font-size: 1.8rem;
      line-height: 2.8rem; }
    .photo-gallery-copy .page-header__title {
      font-size: 4.2rem;
      line-height: 6rem; }
  .photo-gallery-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #f3f3f3; }
    .photo-gallery-meta .social__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 0;
      padding: 3rem 6rem 3rem 0;
      min-width: 260px;
      border-right: 1px solid #f3f3f3; }
    .photo-gallery-meta .page-tags {
      padding: 3rem 0 3rem;
      margin: .4rem 0 0 6rem; } }

@media screen and (min-width: 1280px) {
  .photo-gallery-copy .page-header__title {
    font-size: 5.2rem;
    line-height: 7rem; } }

@media print {
  .photo-gallery-copy .page-header__title {
    font-size: 5.2rem;
    line-height: 7rem; } }

/*
  Style overrides and variations specific to the career page.
*/
.page--careers .page-header__title {
  max-width: 100%; }

.page--careers .page-body {
  min-height: 0; }
  .page--careers .page-body .page-content {
    width: 100%; }

.page--careers .package--two-up,
.page--careers .package--three-up {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px;
  margin-top: 0; }
  @media screen and (min-width: 672px) {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 50px; } }
  @media print {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 60px; } }
  @media print {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 70px; } }
  @media print {
    .page--careers .package--two-up,
    .page--careers .package--three-up {
      padding-top: 70px; } }

.page--careers .package__lp-wrapper:nth-of-type(2) .package--three-up {
  border-top: 0;
  padding-top: 30px; }

.page--careers .view-empty {
  padding: 60px; }

.path-careers .footer--top {
  margin-top: 0; }

/*

  Careers lists. Uses the full page card mixin to style outer wrapper and then
  interior listing items.

*/
.view-empty {
  padding: 40px; }

.careers--listing {
  border-top: 1px solid var(--sra-border-color);
  padding-top: 40px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  /*
    GRAPHICS reddish swooshes on left and right.
  */
  margin-bottom: 40px;
  padding-top: 0;
  /*
    Override for the full-page-card background styles.
    Since the careers section will show a given amount of listings we can be
    more specific and keep it from cropping badly.
  */ }
  @media screen and (min-width: 672px) {
    .careers--listing {
      padding-top: 50px; } }
  @media print {
    .careers--listing {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    .careers--listing {
      padding-top: 60px; } }
  @media print {
    .careers--listing {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .careers--listing {
      padding-top: 70px; } }
  @media print {
    .careers--listing {
      padding-top: 70px; } }
  @media screen and (min-width: 672px) {
    .careers--listing {
      padding-left: 55px;
      padding-right: 55px; } }
  @media print {
    .careers--listing {
      padding-left: 55px;
      padding-right: 55px; } }
  @media screen and (min-width: 1024px) {
    .careers--listing {
      padding-left: 88px;
      padding-right: 88px; } }
  @media print {
    .careers--listing {
      padding-left: 88px;
      padding-right: 88px; } }
  @media screen and (min-width: 1280px) {
    .careers--listing {
      padding-left: 120px;
      padding-right: 120px; } }
  @media print {
    .careers--listing {
      padding-left: 120px;
      padding-right: 120px; } }
  .careers--listing:before {
    content: "";
    display: block;
    position: absolute;
    top: -120px;
    left: 0;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -100px 0; }
  .careers--listing:after {
    content: "";
    display: block;
    position: absolute;
    top: 230px;
    right: -.2rem;
    height: 100%;
    width: 120px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/form1-sized.svg);
    background-repeat: no-repeat space;
    background-size: 240px 600px;
    background-position: -70px 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .careers--listing .section-title {
    margin: 25px 0; }
  .careers--listing .container {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2; }
  @media screen and (min-width: 1024px) {
    .careers--listing:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .careers--listing:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .careers--listing .header {
      margin-bottom: 0; }
    .careers--listing .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media print {
    .careers--listing:before {
      background-size: 320px 700px;
      background-position: -70px 0; }
    .careers--listing:after {
      background-size: 320px 700px;
      background-position: -50px 0; }
    .careers--listing .header {
      margin-bottom: 0; }
    .careers--listing .section-title {
      margin: 60px 0 0;
      font-size: 8.5rem;
      line-height: 8.8rem; } }
  @media screen and (min-width: 1280px) {
    .careers--listing .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media print {
    .careers--listing .section-title {
      margin: 60px 0 0;
      font-size: 9.5rem;
      line-height: 9.8rem; } }
  @media screen and (min-width: 0) {
    .careers--listing {
      padding-top: 0; } }
  @media print {
    .careers--listing {
      padding-top: 0; } }
  @media screen and (min-width: 672px) {
    .careers--listing {
      padding-top: 0; } }
  @media print {
    .careers--listing {
      padding-top: 0; } }
  @media screen and (min-width: 1024px) {
    .careers--listing {
      padding-top: 0; } }
  @media print {
    .careers--listing {
      padding-top: 0; } }
  @media screen and (min-width: 1280px) {
    .careers--listing {
      padding-top: 0; } }
  @media print {
    .careers--listing {
      padding-top: 0; } }
  .careers--listing .section-title {
    margin: 30px 0; }
    @media screen and (min-width: 1024px) {
      .careers--listing .section-title {
        margin: 30px 0; } }
    @media print {
      .careers--listing .section-title {
        margin: 30px 0; } }
  .careers--listing:before {
    top: 50px; }
  .careers--listing:after {
    top: 670px; }
  .careers--listing form {
    padding: 40px 24px;
    padding-top: 30px;
    padding-bottom: 0;
    background-color: #fefefe; }
  .careers--listing .form--inline {
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: 100%; }
    .careers--listing .form--inline:before {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2.4rem;
      text-decoration: none; }
    .careers--listing .form--inline:hover:before {
      text-decoration: none; }
    .careers--listing .form--inline:before {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .careers--listing .form--inline:before {
      right: 15px; }
    .careers--listing .form--inline [type='text'] {
      font-size: 1.2rem;
      line-height: 3rem;
      color: var(--sra-text-gray-color);
      text-transform: uppercase;
      letter-spacing: .18rem;
      font-family: "gt-sectra-fine", serif;
      font-size: 2rem;
      letter-spacing: .015em;
      padding: 0;
      margin: 0;
      border: 0;
      height: 4rem;
      border-bottom: 1px solid var(--sra-border-color);
      font-family: "gibson-regular", sans-serif;
      height: 50px; }
      .careers--listing .form--inline [type='text'].placeholder {
        text-transform: capitalize; }
      .careers--listing .form--inline [type='text']:-moz-placeholder {
        text-transform: capitalize; }
      .careers--listing .form--inline [type='text']::-moz-placeholder {
        text-transform: capitalize; }
      .careers--listing .form--inline [type='text']::-webkit-input-placeholder {
        text-transform: capitalize; }
      .careers--listing .form--inline [type='text']:-ms-input-placeholder {
        text-transform: capitalize; }
      .careers--listing .form--inline [type='text'].placeholder {
        color: var(--sra-gray); }
      .careers--listing .form--inline [type='text']:-moz-placeholder {
        color: var(--sra-gray); }
      .careers--listing .form--inline [type='text']::-moz-placeholder {
        color: var(--sra-gray); }
      .careers--listing .form--inline [type='text']::-webkit-input-placeholder {
        color: var(--sra-gray); }
      .careers--listing .form--inline [type='text']:-ms-input-placeholder {
        color: var(--sra-gray); }
      .careers--listing .form--inline [type='text']:focus {
        border-color: transparent;
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight; }
        @media (-webkit-min-device-pixel-ratio: 0) {
          .careers--listing .form--inline [type='text']:focus {
            outline-color: -webkit-focus-ring-color;
            outline-style: auto; } }
    .careers--listing .form--inline:before {
      top: 1.3rem;
      -webkit-transform: none;
      transform: none;
      z-index: 1; }
    .careers--listing .form--inline .form-type-textfield {
      padding: 40px 24px;
      padding-top: 30px;
      padding-bottom: 30px;
      position: relative;
      margin-top: -40px;
      margin-left: -24px;
      margin-right: -24px;
      margin-bottom: 40px;
      background-color: #B2B4B2; }
    .careers--listing .form--inline [type='text'] {
      border-bottom: 0;
      padding-left: 20px;
      font-size: 1.4rem;
      letter-spacing: .15em;
      text-transform: none;
      color: #0a0a0a; }
      .careers--listing .form--inline [type='text'].placeholder {
        text-transform: uppercase;
        color: var(--sra-text-gray-color); }
      .careers--listing .form--inline [type='text']:-moz-placeholder {
        text-transform: uppercase;
        color: var(--sra-text-gray-color); }
      .careers--listing .form--inline [type='text']::-moz-placeholder {
        text-transform: uppercase;
        color: var(--sra-text-gray-color); }
      .careers--listing .form--inline [type='text']::-webkit-input-placeholder {
        text-transform: uppercase;
        color: var(--sra-text-gray-color); }
      .careers--listing .form--inline [type='text']:-ms-input-placeholder {
        text-transform: uppercase;
        color: var(--sra-text-gray-color); }
    .careers--listing .form--inline .form-type-select {
      font-family: "gibson-regular", sans-serif;
      color: var(--sra-text-gray-color);
      font-size: 1.2rem;
      line-height: 1.6rem;
      letter-spacing: .018em;
      text-transform: uppercase;
      margin-top: 20px; }
      .careers--listing .form--inline .form-type-select select {
        color: #0a0a0a; }
      .careers--listing .form--inline .form-type-select:nth-child(2), .careers--listing .form--inline .form-type-select:nth-child(3) {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0; }
      .careers--listing .form--inline .form-type-select:nth-child(2) {
        margin-right: 0;
        padding-right: 2rem; }
      .careers--listing .form--inline .form-type-select:nth-child(3) {
        padding-left: 2rem;
        border-left: 1px solid var(--sra-border-color); }
      .careers--listing .form--inline .form-type-select .dropdown {
        border-bottom: 0; }
        .careers--listing .form--inline .form-type-select .dropdown:after {
          background-color: transparent; }
    .careers--listing .form--inline .form-submit {
      position: absolute;
      top: 0;
      right: 0;
      border: 0;
      height: 0;
      width: 50px;
      padding: 0;
      padding-top: 50px;
      overflow: hidden;
      z-index: 10; }
      .careers--listing .form--inline .form-submit:focus, .careers--listing .form--inline .form-submit:hover {
        background-color: transparent; }
  .careers--listing .pager--numeric {
    margin: 0;
    padding: 40px 24px; }
  @media screen and (min-width: 672px) {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 40px 24px; } }
  @media print {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 40px 24px; } }
  @media screen and (min-width: 1024px) {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 60px 40px; } }
  @media print {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 60px 40px; } }
  @media screen and (min-width: 1280px) {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 60px 60px; } }
  @media print {
    .careers--listing .form--inline .form-type-textfield,
    .careers--listing .pager--numeric,
    .careers--listing form {
      padding: 60px 60px; } }
  @media screen and (min-width: 672px) {
    .careers--listing form {
      padding-top: 30px;
      padding-bottom: 0; }
    .careers--listing .form-inline .form-type-textfield {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top: -30px; }
    .careers--listing .form-inline .form-type-select:nth-child(2) {
      padding-right: 3rem; }
    .careers--listing .form-inline .form-type-select:nth-child(3) {
      padding-left: 3rem; } }
  @media print {
    .careers--listing form {
      padding-top: 30px;
      padding-bottom: 0; }
    .careers--listing .form-inline .form-type-textfield {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top: -30px; }
    .careers--listing .form-inline .form-type-select:nth-child(2) {
      padding-right: 3rem; }
    .careers--listing .form-inline .form-type-select:nth-child(3) {
      padding-left: 3rem; } }
  @media screen and (min-width: 1024px) {
    .careers--listing {
      margin-bottom: 60px; }
      .careers--listing:after {
        top: 690px; }
      .careers--listing form {
        padding-top: 40px;
        padding-bottom: 0; }
      .careers--listing .form--inline .form-type-textfield {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: -40px;
        margin-left: -40px;
        margin-right: -40px; }
      .careers--listing .form--inline .form-type-select {
        display: inline-block;
        vertical-align: middle;
        margin: 0 32px 0 0; }
        .careers--listing .form--inline .form-type-select label,
        .careers--listing .form--inline .form-type-select .dropdown {
          display: inline-block;
          vertical-align: middle; }
        .careers--listing .form--inline .form-type-select label {
          margin-right: 10px; } }
  @media print {
    .careers--listing {
      margin-bottom: 60px; }
      .careers--listing:after {
        top: 690px; }
      .careers--listing form {
        padding-top: 40px;
        padding-bottom: 0; }
      .careers--listing .form--inline .form-type-textfield {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: -40px;
        margin-left: -40px;
        margin-right: -40px; }
      .careers--listing .form--inline .form-type-select {
        display: inline-block;
        vertical-align: middle;
        margin: 0 32px 0 0; }
        .careers--listing .form--inline .form-type-select label,
        .careers--listing .form--inline .form-type-select .dropdown {
          display: inline-block;
          vertical-align: middle; }
        .careers--listing .form--inline .form-type-select label {
          margin-right: 10px; } }
  @media screen and (min-width: 1280px) {
    .careers--listing {
      margin-bottom: 80px; }
      .careers--listing form {
        padding-top: 50px;
        padding-bottom: 0; }
      .careers--listing .form--inline .form-type-textfield {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: -50px;
        margin-left: -60px;
        margin-right: -60px; } }
  @media print {
    .careers--listing {
      margin-bottom: 80px; }
      .careers--listing form {
        padding-top: 50px;
        padding-bottom: 0; }
      .careers--listing .form--inline .form-type-textfield {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: -50px;
        margin-left: -60px;
        margin-right: -60px; } }

.career-item {
  padding: 40px 24px;
  border-bottom: 1px solid var(--sra-border-color); }
  .career-item__position {
    font-family: "gibson-light", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem; }
  .career-item__id {
    white-space: nowrap; }
  .career-item__location {
    font-family: "gt-sectra-fine", serif;
    margin-top: 10px;
    color: var(--sra-text-gray-color);
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .015em; }
  .career-item .cta-link {
    font-family: "gibson-regular", sans-serif;
    display: block;
    margin-top: 15px;
    font-size: 1.2rem;
    letter-spacing: .1em;
    text-transform: uppercase; }
  @media screen and (min-width: 672px) {
    .career-item {
      padding: 40px 24px; } }
  @media print {
    .career-item {
      padding: 40px 24px; } }
  @media screen and (min-width: 1024px) {
    .career-item {
      padding: 60px 40px; } }
  @media print {
    .career-item {
      padding: 60px 40px; } }
  @media screen and (min-width: 1280px) {
    .career-item {
      padding: 60px 60px; } }
  @media print {
    .career-item {
      padding: 60px 60px; } }
  @media screen and (min-width: 1024px) {
    .career-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .career-item__info {
        max-width: 600px; }
      .career-item__position {
        font-size: 2.4rem;
        line-height: 3.2rem; }
      .career-item__location {
        margin-top: 15px;
        font-size: 1.8rem; }
      .career-item .cta-link {
        margin-top: 0; }
      .career-item .view-empty {
        padding: 60px; } }
  @media print {
    .career-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .career-item__info {
        max-width: 600px; }
      .career-item__position {
        font-size: 2.4rem;
        line-height: 3.2rem; }
      .career-item__location {
        margin-top: 15px;
        font-size: 1.8rem; }
      .career-item .cta-link {
        margin-top: 0; }
      .career-item .view-empty {
        padding: 60px; } }
  @media screen and (min-width: 1280px) {
    .career-item__info {
      max-width: 720px; }
    .career-item .view-empty {
      padding: 60px; } }
  @media print {
    .career-item__info {
      max-width: 720px; }
    .career-item .view-empty {
      padding: 60px; } }

/*

  Thank You Page Style. All thank you pages look the same, they vary in their
  messaging.

*/
.thank-you-msg {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding: 60px 32px;
  text-align: center;
  background-color: #f3f3f3; }
  @media screen and (min-width: 672px) {
    .thank-you-msg {
      max-width: 672px; } }
  @media print {
    .thank-you-msg {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg {
      max-width: 1024px; } }
  @media print {
    .thank-you-msg {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg {
      max-width: 1280px; } }
  @media print {
    .thank-you-msg {
      max-width: 1280px; } }
  .thank-you-msg .section-title {
    margin: 0; }
  .thank-you-msg .thank-you-msg__copy {
    font-family: "gibson-light", sans-serif;
    margin-top: 30px;
    color: var(--sra-text-gray-color);
    font-size: 2rem;
    line-height: 2.4rem; }
  .thank-you-msg a {
    font-family: 'gibson-light', sans-serif;
    color: #0a0a0a;
    font-size: 1.6rem;
    font-style: normal;
    letter-spacing: 0.015em;
    text-decoration: underline;
    text-transform: lowercase;
    -webkit-transition: all .15s;
    transition: all .15s;
    display: inline-block;
    margin-top: 30px;
    text-transform: none; }
    .thank-you-msg a:visited, .thank-you-msg a:active {
      color: #0a0a0a; }
    .thank-you-msg a:hover, .thank-you-msg a:focus {
      color: #E71324; }
  .page-body .thank-you-msg {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both;
    width: auto; }
    @media screen and (min-width: 672px) {
      .page-body .thank-you-msg {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      .page-body .thank-you-msg {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      .page-body .thank-you-msg {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -120px;
        margin-right: -120px; } }
  @media screen and (min-width: 672px) {
    .thank-you-msg {
      padding: 60px 40px; } }
  @media print {
    .thank-you-msg {
      padding: 60px 40px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg {
      padding: 100px 150px 120px; } }
  @media print {
    .thank-you-msg {
      padding: 100px 150px 120px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg {
      padding: 120px 200px 120px; } }
  @media print {
    .thank-you-msg {
      padding: 120px 200px 120px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3rem;
      line-height: 3.8rem; }
    .thank-you-msg a {
      margin-top: 50px; } }
  @media print {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3rem;
      line-height: 3.8rem; }
    .thank-you-msg a {
      margin-top: 50px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .thank-you-msg a {
      margin-top: 60px; } }
  @media print {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .thank-you-msg a {
      margin-top: 60px; } }
  .page--thank-you .thank-you-msg:before, .page--thank-you .thank-you-msg:after {
    content: "";
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .page--thank-you .thank-you-msg:before {
    top: 30px;
    left: -250px;
    height: 300px;
    width: 300px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/thankyou_1.svg); }
  .page--thank-you .thank-you-msg:after {
    bottom: -10px;
    right: -240px;
    height: 330px;
    width: 300px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/thankyou_2.svg); }
  @media screen and (min-width: 1024px) {
    .page--thank-you .thank-you-msg:before {
      top: 30px;
      left: -140px;
      height: 330px;
      width: 330px; }
    .page--thank-you .thank-you-msg:after {
      bottom: -10px;
      right: -140px;
      height: 390px;
      width: 320px; } }
  @media print {
    .page--thank-you .thank-you-msg:before {
      top: 30px;
      left: -140px;
      height: 330px;
      width: 330px; }
    .page--thank-you .thank-you-msg:after {
      bottom: -10px;
      right: -140px;
      height: 390px;
      width: 320px; } }
  @media screen and (min-width: 1280px) {
    .page--thank-you .thank-you-msg:before {
      top: 60px;
      left: -170px;
      height: 370px;
      width: 420px; }
    .page--thank-you .thank-you-msg:after {
      bottom: 50px;
      right: -150px;
      height: 430px;
      width: 380px; } }
  @media print {
    .page--thank-you .thank-you-msg:before {
      top: 60px;
      left: -170px;
      height: 370px;
      width: 420px; }
    .page--thank-you .thank-you-msg:after {
      bottom: 50px;
      right: -150px;
      height: 430px;
      width: 380px; } }

/*

  Styles present on Legal Pages. This includes Privacy Policy, Accessibility.
  Most, if not all, content is added through the wysiwyg.

*/
.page-header--legal {
  padding-top: 40px;
  border-top: 2px solid #f6eaf1; }
  .page-header--legal .page-header__hero {
    background-color: transparent;
    overflow: hidden; }
    .page-header--legal .page-header__hero img {
      opacity: 1;
      min-width: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
      @media screen and (min-width: 672px) {
        .page-header--legal .page-header__hero img {
          -o-object-fit: initial;
          object-fit: initial; } }
      @media print {
        .page-header--legal .page-header__hero img {
          -o-object-fit: initial;
          object-fit: initial; } }
    .page-header--legal .page-header__hero:after {
      display: none; }
  .page-header--legal .page-header__img {
    opacity: 1; }
  .page-header--legal .page-header__title {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: 23px;
    color: #0a0a0a;
    font-size: 2.6rem;
    letter-spacing: .002;
    line-height: 3.2rem;
    text-align: left;
    padding: 0; }
  .page-header--legal .page-header__content_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page-header--legal .page-header__content {
    margin-top: -30px;
    padding-top: 40px;
    margin-bottom: 40px; }
  .page-header--legal .page-header__connect {
    position: absolute;
    top: calc(100% + 40px);
    right: 12px; }
    .page-header--legal .page-header__connect .cta-button,
    .page-header--legal .page-header__connect .content-flag {
      margin-bottom: 20px; }
  @media screen and (min-width: 1024px) {
    .page-header--legal .page-header__title {
      font-size: 6.2rem;
      line-height: 8rem; }
    .page-header--legal .page-header__content {
      margin-top: -60px;
      padding-top: 40px; }
      .page-header--legal .page-header__content .cta-button,
      .page-header--legal .page-header__content .content-flag {
        margin-bottom: 30px; }
    .page-header--legal .page-header__connect {
      position: relative;
      top: auto;
      margin-top: 33px;
      padding: 0 30px;
      margin-left: auto; } }
  @media print {
    .page-header--legal .page-header__title {
      font-size: 6.2rem;
      line-height: 8rem; }
    .page-header--legal .page-header__content {
      margin-top: -60px;
      padding-top: 40px; }
      .page-header--legal .page-header__content .cta-button,
      .page-header--legal .page-header__content .content-flag {
        margin-bottom: 30px; }
    .page-header--legal .page-header__connect {
      position: relative;
      top: auto;
      margin-top: 33px;
      padding: 0 30px;
      margin-left: auto; } }
  @media screen and (min-width: 1280px) {
    .page-header--legal .page-header__content {
      margin-top: -70px;
      padding-top: 50px; } }
  @media print {
    .page-header--legal .page-header__content {
      margin-top: -70px;
      padding-top: 50px; } }
  .page-header--legal .page-header__content {
    padding-top: 0;
    margin-top: 0; }
  .page-header--legal .page-header__title {
    margin-top: 0; }
  @media screen and (min-width: 1024px) {
    .page-header--legal {
      padding-top: 60px; } }
  @media print {
    .page-header--legal {
      padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    .page-header--legal {
      padding-top: 80px; } }
  @media print {
    .page-header--legal {
      padding-top: 80px; } }

.page--legal .page-body h3 {
  font-family: "gibson-semibold", sans-serif;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .15em; }

.page--legal .page-body h4 {
  font-family: "gt-sectra-fine", serif;
  font-weight: bold;
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: .0015em;
  text-transform: none; }

@media screen and (min-width: 1024px) {
  .page--legal .page-body h3 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 2.4rem; }
  .page--legal .page-body h4 {
    font-size: 1.8rem;
    line-height: 2.8rem; } }

@media print {
  .page--legal .page-body h3 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 2.4rem; }
  .page--legal .page-body h4 {
    font-size: 1.8rem;
    line-height: 2.8rem; } }

/*

  Thank You Page Style. All thank you pages look the same, they vary in their
  messaging.

*/
.thank-you-msg {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding: 60px 32px;
  text-align: center;
  background-color: #f3f3f3; }
  @media screen and (min-width: 672px) {
    .thank-you-msg {
      max-width: 672px; } }
  @media print {
    .thank-you-msg {
      max-width: 672px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg {
      max-width: 1024px; } }
  @media print {
    .thank-you-msg {
      max-width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg {
      max-width: 1280px; } }
  @media print {
    .thank-you-msg {
      max-width: 1280px; } }
  .thank-you-msg .section-title {
    margin: 0; }
  .thank-you-msg .thank-you-msg__copy {
    font-family: "gibson-light", sans-serif;
    margin-top: 30px;
    color: var(--sra-text-gray-color);
    font-size: 2rem;
    line-height: 2.4rem; }
  .thank-you-msg a {
    font-family: 'gibson-light', sans-serif;
    color: #0a0a0a;
    font-size: 1.6rem;
    font-style: normal;
    letter-spacing: 0.015em;
    text-decoration: underline;
    text-transform: lowercase;
    -webkit-transition: all .15s;
    transition: all .15s;
    display: inline-block;
    margin-top: 30px;
    text-transform: none; }
    .thank-you-msg a:visited, .thank-you-msg a:active {
      color: #0a0a0a; }
    .thank-you-msg a:hover, .thank-you-msg a:focus {
      color: #E71324; }
  .page-body .thank-you-msg {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    clear: both;
    width: auto; }
    @media screen and (min-width: 672px) {
      .page-body .thank-you-msg {
        margin-left: -55px;
        margin-right: -55px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -55px;
        margin-right: -55px; } }
    @media screen and (min-width: 1024px) {
      .page-body .thank-you-msg {
        margin-left: -88px;
        margin-right: -88px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -88px;
        margin-right: -88px; } }
    @media screen and (min-width: 1280px) {
      .page-body .thank-you-msg {
        margin-left: -120px;
        margin-right: -120px; } }
    @media print {
      .page-body .thank-you-msg {
        margin-left: -120px;
        margin-right: -120px; } }
  @media screen and (min-width: 672px) {
    .thank-you-msg {
      padding: 60px 40px; } }
  @media print {
    .thank-you-msg {
      padding: 60px 40px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg {
      padding: 100px 150px 120px; } }
  @media print {
    .thank-you-msg {
      padding: 100px 150px 120px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg {
      padding: 120px 200px 120px; } }
  @media print {
    .thank-you-msg {
      padding: 120px 200px 120px; } }
  @media screen and (min-width: 1024px) {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3rem;
      line-height: 3.8rem; }
    .thank-you-msg a {
      margin-top: 50px; } }
  @media print {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3rem;
      line-height: 3.8rem; }
    .thank-you-msg a {
      margin-top: 50px; } }
  @media screen and (min-width: 1280px) {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .thank-you-msg a {
      margin-top: 60px; } }
  @media print {
    .thank-you-msg .thank-you-msg__copy {
      font-size: 3.4rem;
      line-height: 4.2rem; }
    .thank-you-msg a {
      margin-top: 60px; } }
  .page--thank-you .thank-you-msg:before, .page--thank-you .thank-you-msg:after {
    content: "";
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .page--thank-you .thank-you-msg:before {
    top: 30px;
    left: -250px;
    height: 300px;
    width: 300px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/thankyou_1.svg); }
  .page--thank-you .thank-you-msg:after {
    bottom: -10px;
    right: -240px;
    height: 330px;
    width: 300px;
    background-image: url(/themes/custom/abilitylab_theme/dist/images/svgs/thankyou_2.svg); }
  @media screen and (min-width: 1024px) {
    .page--thank-you .thank-you-msg:before {
      top: 30px;
      left: -140px;
      height: 330px;
      width: 330px; }
    .page--thank-you .thank-you-msg:after {
      bottom: -10px;
      right: -140px;
      height: 390px;
      width: 320px; } }
  @media print {
    .page--thank-you .thank-you-msg:before {
      top: 30px;
      left: -140px;
      height: 330px;
      width: 330px; }
    .page--thank-you .thank-you-msg:after {
      bottom: -10px;
      right: -140px;
      height: 390px;
      width: 320px; } }
  @media screen and (min-width: 1280px) {
    .page--thank-you .thank-you-msg:before {
      top: 60px;
      left: -170px;
      height: 370px;
      width: 420px; }
    .page--thank-you .thank-you-msg:after {
      bottom: 50px;
      right: -150px;
      height: 430px;
      width: 380px; } }
  @media print {
    .page--thank-you .thank-you-msg:before {
      top: 60px;
      left: -170px;
      height: 370px;
      width: 420px; }
    .page--thank-you .thank-you-msg:after {
      bottom: 50px;
      right: -150px;
      height: 430px;
      width: 380px; } }

.shopify-cart {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: .15rem;
  text-transform: uppercase;
  border-top: 1px solid var(--sra-border-color);
  padding: 30px 4px;
  border-bottom: 1px solid var(--sra-border-color);
  text-align: right;
  color: #6E6259; }
  .shopify-cart a {
    text-decoration: none;
    display: inline-block;
    padding-right: 4px;
    text-decoration: none; }
    .shopify-cart a:after {
      color: #E71324;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: inline-block;
      vertical-align: middle;
      font-size: 2rem;
      text-decoration: none; }
    .shopify-cart a:hover:after {
      text-decoration: none; }
    .shopify-cart a:after {
      padding-left: 12px; }

.shopify-buy__cart-toggle {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background-color: #fefefe;
  height: 80px;
  padding: 8px 10px;
  border-radius: 3px 0 0 3px; }
  @media screen and (min-width: 64em) {
    .shopify-buy__cart-toggle {
      white-space: nowrap; } }
  .shopify-buy__cart-toggle:visited, .shopify-buy__cart-toggle:active {
    background-color: transparent;
    color: #E71324; }
  .shopify-buy__cart-toggle:hover, .shopify-buy__cart-toggle:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }
  .shopify-buy__cart-toggle__count {
    line-height: 18px;
    margin: 8px 0 0; }
  .shopify-buy__cart-toggle .shopify-buy__icon-cart__group path,
  .shopify-buy__cart-toggle .shopify-buy__icon-cart__group circle {
    fill: #E71324; }
  .shopify-buy__cart-toggle:hover .shopify-buy__icon-cart__group path,
  .shopify-buy__cart-toggle:hover .shopify-buy__icon-cart__group circle {
    fill: #fefefe; }

.shopify-buy__cart-bottom > a:last-of-type {
  font-size: 1.5rem; }

.shopify-buy__cart-scroll {
  padding-bottom: 305px; }

.shopify-buy__cart-item__price-and-discounts {
  max-width: initial; }

.shopify-buy__cart-item__full-price, .shopify-buy__cart-item__price, .shopify-buy__cart-item__discount {
  white-space: nowrap; }

.shopify-buy__cart__note__text-area {
  min-height: initial;
  font-size: initial;
  padding: 0.5em; }

.shopify-buy__cart .shopify-buy__quantity-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 33px;
  margin-right: 110px; }
  .shopify-buy__cart .shopify-buy__quantity-container .shopify-buy__quantity {
    width: 40px; }
  .shopify-buy__cart .shopify-buy__quantity-container .shopify-buy__quantity-increment, .shopify-buy__cart .shopify-buy__quantity-container .shopify-buy__quantity-decrement {
    min-width: 26px;
    border-bottom-color: var(--sra-border-color); }

.shopify-buy__cart .shopify-buy__btn--close {
  top: 8px;
  color: #767676;
  padding: 10px;
  margin: -10px 0; }

.shopify-buy__cart .shopify-buy__btn--cart-checkout {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  width: 100%;
  display: block;
  margin: 16px auto; }
  @media screen and (min-width: 64em) {
    .shopify-buy__cart .shopify-buy__btn--cart-checkout {
      white-space: nowrap; } }
  .shopify-buy__cart .shopify-buy__btn--cart-checkout:visited, .shopify-buy__cart .shopify-buy__btn--cart-checkout:active {
    background-color: transparent;
    color: #E71324; }
  .shopify-buy__cart .shopify-buy__btn--cart-checkout:hover, .shopify-buy__cart .shopify-buy__btn--cart-checkout:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

.shopify-product--view-full .page-content .shopify-product__image, .shopify-product--view-full .page-content .shopify-product__content {
  margin-bottom: 40px; }

.shopify-product--view-full .page-content .shopify-product__content .product_body {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.8rem;
  line-height: 2.8rem; }
  .shopify-product--view-full .page-content .shopify-product__content .product_body * {
    margin-bottom: 3rem; }
  .shopify-product--view-full .page-content .shopify-product__content .product_body h1,
  .shopify-product--view-full .page-content .shopify-product__content .product_body h2,
  .shopify-product--view-full .page-content .shopify-product__content .product_body h3,
  .shopify-product--view-full .page-content .shopify-product__content .product_body h4,
  .shopify-product--view-full .page-content .shopify-product__content .product_body h5,
  .shopify-product--view-full .page-content .shopify-product__content .product_body h6 {
    font-family: "gibson-regular", sans-serif; }
    .shopify-product--view-full .page-content .shopify-product__content .product_body h1 strong,
    .shopify-product--view-full .page-content .shopify-product__content .product_body h2 strong,
    .shopify-product--view-full .page-content .shopify-product__content .product_body h3 strong,
    .shopify-product--view-full .page-content .shopify-product__content .product_body h4 strong,
    .shopify-product--view-full .page-content .shopify-product__content .product_body h5 strong,
    .shopify-product--view-full .page-content .shopify-product__content .product_body h6 strong {
      font-weight: regular; }
  .shopify-product--view-full .page-content .shopify-product__content .product_body h3 {
    font-family: "gibson-regular", sans-serif;
    margin: 0 0 30px;
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: .0015em;
    text-align: left; }
    @media screen and (min-width: 1024px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body h3 {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body h3 {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
    @media screen and (min-width: 1280px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body h3 {
        margin-bottom: 40px;
        font-size: 3rem;
        line-height: 3.8rem; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body h3 {
        margin-bottom: 40px;
        font-size: 3rem;
        line-height: 3.8rem; } }
  .shopify-product--view-full .page-content .shopify-product__content .product_body h4 {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .shopify-product--view-full .page-content .shopify-product__content .product_body h4.field-label {
    font-family: "gibson-semibold", sans-serif;
    display: block;
    margin-bottom: 0;
    color: #0a0a0a;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.015em;
    text-transform: uppercase; }
  .shopify-product--view-full .page-content .shopify-product__content .product_body p {
    font-family: "gt-sectra-fine", serif;
    color: #0a0a0a;
    margin-bottom: 20px;
    font-size: 1.6rem;
    letter-spacing: .0015em;
    line-height: 2.6rem;
    margin-bottom: 20px; }
    @media screen and (min-width: 1280px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body p {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media screen and (min-width: 1024px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body p {
        margin-bottom: 30px; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body p {
        margin-bottom: 30px; } }
  .shopify-product--view-full .page-content .shopify-product__content .product_body ul {
    padding: 0;
    margin: 0 0 20px 60px;
    margin-top: -1rem; }
    .shopify-product--view-full .page-content .shopify-product__content .product_body ul li {
      font-family: "gt-sectra-fine", serif;
      margin-bottom: 1rem;
      font-size: 1.6rem;
      line-height: 1.5;
      position: relative; }
      @media screen and (min-width: 1440px) {
        .shopify-product--view-full .page-content .shopify-product__content .product_body ul li {
          font-size: 1.8rem; } }
    @media screen and (min-width: 1280px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body ul {
        margin-bottom: 30px; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body ul {
        margin-bottom: 30px; } }
  .shopify-product--view-full .page-content .shopify-product__content .product_body li {
    margin: 0 0 20px 15px;
    list-style-position: outside;
    margin-bottom: 2rem; }
    .shopify-product--view-full .page-content .shopify-product__content .product_body li li {
      font-family: "gt-sectra-fine", serif;
      padding-left: 1.5rem;
      margin-bottom: .5rem;
      font-size: 1.6rem;
      line-height: 2.6rem; }
    @media screen and (min-width: 1280px) {
      .shopify-product--view-full .page-content .shopify-product__content .product_body li {
        margin-bottom: 30px; }
        .shopify-product--view-full .page-content .shopify-product__content .product_body li li {
          font-size: 1.8rem;
          line-height: 2.8rem; } }
    @media print {
      .shopify-product--view-full .page-content .shopify-product__content .product_body li {
        margin-bottom: 30px; }
        .shopify-product--view-full .page-content .shopify-product__content .product_body li li {
          font-size: 1.8rem;
          line-height: 2.8rem; } }

.shopify-product--view-full .page-content .shopify-product__title {
  font-family: "gibson-light", sans-serif;
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 20px; }

.shopify-product--view-full .page-content .shopify-product__price {
  font-family: "gibson-regular", sans-serif;
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 40px; }

.shopify-product--view-full .page-content .shopify-buy-frame {
  border-bottom: 1px solid var(--sra-border-color);
  padding-bottom: 60px;
  margin-bottom: 60px; }

.shopify-product--view-full .page-content .shopify-buy__product {
  position: relative !important;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%; }
  .shopify-product--view-full .page-content .shopify-buy__product__price {
    margin: 0; }
  .shopify-product--view-full .page-content .shopify-buy__product__actual-price {
    font-family: "gibson-regular", sans-serif;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 40px; }
  .shopify-product--view-full .page-content .shopify-buy__product__variant-selectors {
    max-width: initial; }

.shopify-product--view-full .page-content .shopify-buy__btn-wrapper {
  margin-top: 40px; }

.shopify-product--view-full .page-content .shopify-buy__btn {
  font-family: 'gibson-regular', sans-serif;
  background-color: transparent;
  border: 1px solid #E71324;
  border-radius: 8px;
  color: #E71324;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.015em;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: relative;
  vertical-align: bottom;
  width: auto;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  @media screen and (min-width: 64em) {
    .shopify-product--view-full .page-content .shopify-buy__btn {
      white-space: nowrap; } }
  .shopify-product--view-full .page-content .shopify-buy__btn:visited, .shopify-product--view-full .page-content .shopify-buy__btn:active {
    background-color: transparent;
    color: #E71324; }
  .shopify-product--view-full .page-content .shopify-buy__btn:hover, .shopify-product--view-full .page-content .shopify-buy__btn:focus {
    background-color: #E71324;
    border: 1px solid #E71324;
    color: #fff;
    text-decoration: none; }

.shopify-product--view-full .page-content .shopify-buy__option-select__label {
  font-size: 1.2rem;
  margin: 0;
  color: #0a0a0a; }

.shopify-product--view-full .page-content .shopify-buy__option-select-wrapper {
  font-family: "gt-sectra-fine", serif;
  font-size: 2rem;
  letter-spacing: 0.015em;
  padding: 0;
  margin: 0;
  border: 0;
  height: 4rem;
  border-bottom: 1px solid #B2B2B2;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: #B2B2B2;
  overflow: hidden; }

.shopify-product--view-full .page-content .shopify-buy__option-select__select {
  font-family: "gibson-regular", sans-serif;
  cursor: pointer;
  font-size: 1.2rem;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 0.18rem;
  line-height: 50px;
  height: 50px;
  padding: 0 24px 0 4px;
  border: 0;
  margin: 0;
  outline: none;
  background-color: transparent;
  position: relative;
  top: -5px; }

.shopify-product--view-full .page-content .shopify-buy__select-icon {
  fill: #E71324;
  right: 4px; }

.shopify-product--view-full .page-content .product_collections {
  display: none; }

.shopify-product--view-full .page-content .product_tags {
  font-family: "gibson-regular", sans-serif;
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: var(--sra-gray);
  text-transform: uppercase; }
  .shopify-product--view-full .page-content .product_tags .field-label {
    font-family: "gibson-semibold", sans-serif;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2.2rem; }
  .shopify-product--view-full .page-content .product_tags a {
    color: var(--sra-gray); }

.shopify-product--view-full .page-content .field-date {
  font-family: "gibson-regular", sans-serif;
  color: #4a4a4a;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 20px; }

.shopify-product--view-full .page-content .shopify-product__image .content-flag--button {
  display: none; }

@media screen and (min-width: 1024px) {
  .shopify-product--view-full {
    margin: 0 auto; }
    .shopify-product--view-full .page-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .shopify-product--view-full .page-content .shopify-product__image {
        min-width: 370px;
        max-width: 370px; }
      .shopify-product--view-full .page-content .shopify-product__content {
        min-width: 438px;
        max-width: 438px; }
      .shopify-product--view-full .page-content .shopify-product__title {
        font-size: 3rem;
        line-height: 3.8rem; } }

@media print {
  .shopify-product--view-full {
    margin: 0 auto; }
    .shopify-product--view-full .page-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .shopify-product--view-full .page-content .shopify-product__image {
        min-width: 370px;
        max-width: 370px; }
      .shopify-product--view-full .page-content .shopify-product__content {
        min-width: 438px;
        max-width: 438px; }
      .shopify-product--view-full .page-content .shopify-product__title {
        font-size: 3rem;
        line-height: 3.8rem; } }

@media screen and (min-width: 1280px) {
  .shopify-product--view-full .page-content .shopify-product__content {
    min-width: 630px;
    max-width: 630px; } }

@media print {
  .shopify-product--view-full .page-content .shopify-product__content {
    min-width: 630px;
    max-width: 630px; } }

.shopify-product--view-full .shopify-product__breadcrumb {
  margin: 30px auto 20px; }
  .shopify-product--view-full .shopify-product__breadcrumb .shopify-product__breadcrumb-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0; }
  .shopify-product--view-full .shopify-product__breadcrumb .shopify-product__breadcrumb-menu-item {
    margin: 0 10px 0 0;
    padding: 0; }
    .shopify-product--view-full .shopify-product__breadcrumb .shopify-product__breadcrumb-menu-item a {
      font-family: "gibson-regular", sans-serif;
      display: block;
      font-size: 1.2rem;
      line-height: 2.2rem;
      padding: 5px 0;
      position: relative;
      text-decoration: none;
      text-transform: uppercase; }
    .shopify-product--view-full .shopify-product__breadcrumb .shopify-product__breadcrumb-menu-item a::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icons" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\f11a';
      display: inline-block;
      margin-left: 10px; }
    .shopify-product--view-full .shopify-product__breadcrumb .shopify-product__breadcrumb-menu-item:last-child a::after {
      content: ''; }

.shopify-product--view-product_catalogue {
  margin-bottom: 40px; }
  @media screen and (min-width: 672px) and (max-width: 1023px) {
    .shopify-product--view-product_catalogue:nth-child(2n) .card {
      margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .shopify-product--view-product_catalogue:nth-child(3n) .card {
      margin-right: 0; } }
  @media print {
    .shopify-product--view-product_catalogue:nth-child(3n) .card {
      margin-right: 0; } }
  .shopify-product--view-product_catalogue .flag-save_product {
    display: none; }

/*

  Overrides and one-off styles for the Give page.

*/
.page--give .package--tabbed-content__subtitle {
  font-family: "gibson-light", sans-serif;
  color: var(--sra-black); }

.page--give .package--tabbed-content--wide + .package--three-up {
  margin-bottom: 20px; }

.page--give .package--three-up + .package--one-up {
  border-top: 0;
  margin-top: 0; }

@media screen and (min-width: 1024px) {
  .page--give .package--tabbed-content {
    margin-bottom: 0;
    padding-bottom: 0; }
    .page--give .package--tabbed-content .tabs {
      position: relative;
      width: 100%;
      padding: 0 22px; }
    .page--give .package--tabbed-content .tabs-title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      padding: 30px;
      border-bottom: 1px solid var(--sra-border-color); }
      .page--give .package--tabbed-content .tabs-title:first-child {
        padding-left: 0; }
      .page--give .package--tabbed-content .tabs-title:last-child {
        padding-right: 0; }
    .page--give .package--tabbed-content-tab {
      padding-top: 0; }
    .page--give .package--tabbed-content-tab__content, .page--give .package--tabbed-content-tab__image {
      display: inline-block;
      vertical-align: middle; }
    .page--give .package--tabbed-content-tab__image {
      position: relative;
      left: auto;
      top: auto; }
    .page--give .package--tabbed-content-tab__content {
      margin: 0 0 0 10px;
      max-width: calc(100% - 60px); }
  .page--give .tab-anchor {
    height: auto; } }

@media print {
  .page--give .package--tabbed-content {
    margin-bottom: 0;
    padding-bottom: 0; }
    .page--give .package--tabbed-content .tabs {
      position: relative;
      width: 100%;
      padding: 0 22px; }
    .page--give .package--tabbed-content .tabs-title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      padding: 30px;
      border-bottom: 1px solid var(--sra-border-color); }
      .page--give .package--tabbed-content .tabs-title:first-child {
        padding-left: 0; }
      .page--give .package--tabbed-content .tabs-title:last-child {
        padding-right: 0; }
    .page--give .package--tabbed-content-tab {
      padding-top: 0; }
    .page--give .package--tabbed-content-tab__content, .page--give .package--tabbed-content-tab__image {
      display: inline-block;
      vertical-align: middle; }
    .page--give .package--tabbed-content-tab__image {
      position: relative;
      left: auto;
      top: auto; }
    .page--give .package--tabbed-content-tab__content {
      margin: 0 0 0 10px;
      max-width: calc(100% - 60px); }
  .page--give .tab-anchor {
    height: auto; } }

@media screen and (min-width: 1280px) {
  .page--give .package--tabbed-content .tabs {
    padding: 0 30px; }
  .page--give .package--tabbed-content-tab__content {
    max-width: calc(100% - 72px); }
  .page--give .package--tabbed-content__subtitle {
    font-size: 3rem;
    line-height: 3.4rem; } }

@media print {
  .page--give .package--tabbed-content .tabs {
    padding: 0 30px; }
  .page--give .package--tabbed-content-tab__content {
    max-width: calc(100% - 72px); }
  .page--give .package--tabbed-content__subtitle {
    font-size: 3rem;
    line-height: 3.4rem; } }

.validation-error {
  font-family: "gibson-semibold", sans-serif;
  font-size: 2rem;
  color: #E71324;
  background-color: rgba(231, 19, 36, 0.1);
  padding: 3px 6px;
  margin: 3px 0; }

.package--contact-info .field {
  font-family: "gibson-light", sans-serif;
  font-size: 2.2rem;
  letter-spacing: .005em;
  color: #0a0a0a;
  text-align: center;
  margin-top: 20px; }
  .package--contact-info .field:first-child {
    margin-top: 0; }
  .package--contact-info .field a {
    text-decoration: none; }
  .package--contact-info .field.email {
    word-wrap: break-word; }

.package--contact-info .field-label {
  font-family: "gibson-semibold", sans-serif;
  display: block;
  margin-bottom: 0;
  color: #0a0a0a;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  margin-bottom: 1rem; }

.package--contact-info .address {
  font-family: "gt-sectra-fine", serif;
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: .005em; }

@media screen and (min-width: 1024px) {
  .package--contact-info .package__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--contact-info .package__items:after {
      content: "";
      display: table;
      clear: both; }
  .package--contact-info .field {
    display: block;
    float: left;
    margin-top: 0;
    padding-left: 32px;
    font-size: 2.4rem;
    text-align: left; }
    .package--contact-info .field:first-child {
      padding-left: 0; }
    .package--contact-info .field.phone-number {
      width: 23%; }
    .package--contact-info .field.email {
      width: 44%; }
    .package--contact-info .field.address {
      width: 32%; }
    .package--contact-info .field.cta {
      clear: left;
      padding-left: 0; } }

@media print {
  .package--contact-info .package__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .package--contact-info .package__items:after {
      content: "";
      display: table;
      clear: both; }
  .package--contact-info .field {
    display: block;
    float: left;
    margin-top: 0;
    padding-left: 32px;
    font-size: 2.4rem;
    text-align: left; }
    .package--contact-info .field:first-child {
      padding-left: 0; }
    .package--contact-info .field.phone-number {
      width: 23%; }
    .package--contact-info .field.email {
      width: 44%; }
    .package--contact-info .field.address {
      width: 32%; }
    .package--contact-info .field.cta {
      clear: left;
      padding-left: 0; } }

@media screen and (min-width: 1280px) {
  .package--contact-info .field {
    padding-left: 40px; }
    .package--contact-info .field:first-child {
      padding-left: 0; }
    .package--contact-info .field.phone-number {
      width: 300px; }
    .package--contact-info .field.email {
      width: 440px; }
    .package--contact-info .field.address {
      width: 297px; } }

@media print {
  .package--contact-info .field {
    padding-left: 40px; }
    .package--contact-info .field:first-child {
      padding-left: 0; }
    .package--contact-info .field.phone-number {
      width: 300px; }
    .package--contact-info .field.email {
      width: 440px; }
    .package--contact-info .field.address {
      width: 297px; } }

/*
  Style overrides and customizations for the blog page.
*/
.path-blog .blog-result-summary,
.path-blog .landing-page-filters__wrapper {
  padding: 0 3.2rem; }

.path-blog .filter-cta,
.path-blog .blog-result-summary {
  font-family: "gibson-regular", sans-serif;
  color: #6E6259;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: .1em;
  text-transform: uppercase; }

.path-blog .blog-result-summary {
  padding-top: 3rem;
  border-top: 1px solid var(--sra-border-color);
  margin-bottom: 3rem; }

.path-blog .filter-cta {
  display: block;
  margin-bottom: 1rem; }

.path-blog .landing-page-filters__wrapper {
  margin-bottom: 3rem; }
  .path-blog .landing-page-filters__wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .path-blog .landing-page-filters__wrapper a {
    display: block;
    float: left;
    clear: left;
    padding: 1rem 0;
    font-family: "gibson-regular", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase; }

.path-blog .search-results-item:first-child {
  border-top: 1px solid var(--sra-border-color); }

.path-blog .pager--numeric {
  padding: 0 32px; }
  @media screen and (min-width: 672px) {
    .path-blog .pager--numeric {
      padding: 0 55px; } }
  @media print {
    .path-blog .pager--numeric {
      padding: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .path-blog .pager--numeric {
      padding: 0 88px; } }
  @media print {
    .path-blog .pager--numeric {
      padding: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .path-blog .pager--numeric {
      padding: 0 120px; } }
  @media print {
    .path-blog .pager--numeric {
      padding: 0 120px; } }

@media screen and (min-width: 672px) {
  .path-blog .blog-result-summary,
  .path-blog .landing-page-filters__wrapper {
    padding: 0 4rem; }
  .path-blog .blog-result-summary {
    padding-top: 3rem; }
  .path-blog .landing-page-filters__wrapper {
    margin-bottom: 4rem; } }

@media print {
  .path-blog .blog-result-summary,
  .path-blog .landing-page-filters__wrapper {
    padding: 0 4rem; }
  .path-blog .blog-result-summary {
    padding-top: 3rem; }
  .path-blog .landing-page-filters__wrapper {
    margin-bottom: 4rem; } }

@media screen and (min-width: 1024px) {
  .path-blog .lab-news {
    margin-bottom: 6rem; }
  .path-blog .blog-result-summary,
  .path-blog .landing-page-filters__wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .path-blog .blog-result-summary {
    padding: 0 30px 0 88px;
    border-top: none;
    border-right: 1px solid var(--sra-border-color); }
  .path-blog .filter-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2rem 0 0; }
  .path-blog .landing-page-filters__wrapper {
    padding: 0 88px 0 30px; }
    .path-blog .landing-page-filters__wrapper a {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2rem; }
  .path-blog .search-results-item {
    padding-right: 88px; }
    .path-blog .search-results-item:first-child {
      margin-top: 4rem; } }

@media print {
  .path-blog .lab-news {
    margin-bottom: 6rem; }
  .path-blog .blog-result-summary,
  .path-blog .landing-page-filters__wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .path-blog .blog-result-summary {
    padding: 0 30px 0 88px;
    border-top: none;
    border-right: 1px solid var(--sra-border-color); }
  .path-blog .filter-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2rem 0 0; }
  .path-blog .landing-page-filters__wrapper {
    padding: 0 88px 0 30px; }
    .path-blog .landing-page-filters__wrapper a {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2rem; }
  .path-blog .search-results-item {
    padding-right: 88px; }
    .path-blog .search-results-item:first-child {
      margin-top: 4rem; } }

@media screen and (min-width: 1280px) {
  .path-blog .lab-news {
    margin-bottom: 8rem; }
  .path-blog .blog-result-summary {
    padding-left: 120px; }
  .path-blog .search-results-item {
    padding-right: 120px; } }

@media print {
  .path-blog .lab-news {
    margin-bottom: 8rem; }
  .path-blog .blog-result-summary {
    padding-left: 120px; }
  .path-blog .search-results-item {
    padding-right: 120px; } }

/*

  Mentioned Module.
  Appears within an article body. Can be either Employee or Article.

*/
/*
Mentioned Employee Module

A Mentioned Employee Module appears with atomized content of an article.

markup:
<div class="main clearfix">
  <div class="page-body">
    <div class="sg-right-col-wrapper">
      <a href="#" class="mentioned-module">
        <div class="mentioned-module__item">
          <div class="mentioned-module__img">
            <img src="http://fpoimg.com/60x60?text=Preview" width="60" height="60" alt="Employee Headshot" />
          </div>
          <div class="mentioned-module__info">
            <h4 class="mentioned-module__name">Employee Name</h4>
            <span class="mentioned-module__title">Employee Title</span>
          </div>
        </div>
        <div class="mentioned-module__cta">
          <p>mentioned in this article</p>
          <i aria-hidden="true"></i>
        </div>
      </a>
    </div>
  </div>
</div>

Styleguide 13.1
*/
/*
Mentioned Article Module

A Mentioned Article Module appears with atomized content of an article.

markup:
<div class="main clearfix">
  <div class="page-body">
    <div class="sg-right-col-wrapper">
      <a href="#" class="mentioned-module mentioned-module--article">
        <div class="mentioned-module__item">
          <div class="mentioned-module__info">
            <h4 class="mentioned-module__headline">Article Headline for referenced article</h4>
            <span class="mentioned-module__taxonomy taxonomy-tag">
              <i aria-hidden="true"></i>Article type
            </span>
          </div>
        </div>
        <div class="mentioned-module__cta">
          <p>mentioned in this article</p>
          <i aria-hidden="true"></i>
        </div>
      </a>
    </div>
  </div>
</div>

Styleguide 13.2
*/
.mentioned-module {
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #fff;
  text-decoration: none; }
  .mentioned-module .mentioned-module__item {
    padding: 15px 20px;
    white-space: nowrap; }
  .mentioned-module .mentioned-module__img {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    width: 60px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden; }
    .mentioned-module .mentioned-module__img:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 1;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
      background-color: rgba(35, 143, 207, 0.25); }
    .mentioned-module .mentioned-module__img.overlay-hidden:after {
      opacity: 0; }
    .mentioned-module .mentioned-module__img img {
      height: auto;
      min-height: 100%;
      width: 100%; }
  .mentioned-module .mentioned-module__info {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: calc(100% - 72px);
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
  .mentioned-module--article .mentioned-module__info {
    width: 100%; }
  .mentioned-module .mentioned-module__name {
    font-family: "gibson-regular", sans-serif;
    color: #0a0a0a;
    font-size: 1.6rem;
    line-height: 1.8rem;
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
    .page-body--article .mentioned-module .mentioned-module__name {
      font-family: "gibson-regular", sans-serif;
      font-size: 1.6rem;
      line-height: 1.8rem;
      margin-bottom: 0;
      text-transform: none; }
  .mentioned-module .mentioned-module__title {
    --sra-text-gray-color: #0a0a0a;
    font-family: "gt-sectra-fine", serif;
    color: var(--sra-text-gray-color);
    font-size: 1.2rem;
    letter-spacing: .0015em;
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
  .mentioned-module .mentioned-module__headline {
    font-family: "gibson-semibold", sans-serif;
    color: #0a0a0a;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: .002em;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    text-transform: none; }
  .mentioned-module .taxonomy-tag {
    margin-top: 10px; }
  .mentioned-module .mentioned-module__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    border-top: 1px solid var(--sra-border-color); }
    .mentioned-module .mentioned-module__cta p.text,
    .mentioned-module .mentioned-module__cta p {
      font-family: "gibson-regular", sans-serif;
      width: 40%;
      margin: 0;
      font-size: 1rem;
      line-height: 2rem;
      letter-spacing: .18em;
      text-transform: uppercase; }
    .mentioned-module .mentioned-module__cta i {
      text-decoration: none; }
      .mentioned-module .mentioned-module__cta i:before {
        color: #E71324;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 4rem;
        text-decoration: none; }
      .mentioned-module .mentioned-module__cta i:hover:before {
        text-decoration: none; }
      .mentioned-module .mentioned-module__cta i:before {
        line-height: 1.2rem; }
  .mentioned-module:hover .mentioned-module__name,
  .mentioned-module:hover .mentioned-module__headline, .mentioned-module:focus .mentioned-module__name,
  .mentioned-module:focus .mentioned-module__headline {
    color: #E71324; }
  .mentioned-module:hover .mentioned-module__cta p.text,
  .mentioned-module:hover .mentioned-module__cta p, .mentioned-module:focus .mentioned-module__cta p.text,
  .mentioned-module:focus .mentioned-module__cta p {
    color: #E71324; }
  @media screen and (min-width: 1024px) {
    .mentioned-module {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .mentioned-module .mentioned-module__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 20px 25px;
        max-width: 50%; }
      .mentioned-module .mentioned-module__headline {
        font-size: 2rem;
        line-height: 2.6rem; }
      .mentioned-module .taxonomy-tag {
        margin-top: 20px; }
      .mentioned-module .mentioned-module__cta {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 20px 25px;
        max-width: 50%;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
        .mentioned-module .mentioned-module__cta i:before {
          font-size: 4.5rem; } }
  @media print {
    .mentioned-module {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .mentioned-module .mentioned-module__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 20px 25px;
        max-width: 50%; }
      .mentioned-module .mentioned-module__headline {
        font-size: 2rem;
        line-height: 2.6rem; }
      .mentioned-module .taxonomy-tag {
        margin-top: 20px; }
      .mentioned-module .mentioned-module__cta {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 20px 25px;
        max-width: 50%;
        border-top: 0;
        border-left: 1px solid var(--sra-border-color); }
        .mentioned-module .mentioned-module__cta i:before {
          font-size: 4.5rem; } }

.virtual-tour {
  position: relative;
  margin: 40px -55px; }
  @media screen and (min-width: 1024px) {
    .virtual-tour {
      width: 848px;
      left: calc(100% - 848px);
      padding: 0;
      margin: 60px auto; } }
  @media print {
    .virtual-tour {
      width: 848px;
      left: calc(100% - 848px);
      padding: 0;
      margin: 60px auto; } }
  @media screen and (min-width: 1280px) {
    .virtual-tour {
      width: 940px;
      left: calc(100% - 940px);
      padding: 0; } }
  @media print {
    .virtual-tour {
      width: 940px;
      left: calc(100% - 940px);
      padding: 0; } }

/*
Style overrides specific to the Landing Page content type.
*/
.page--landing-page .main {
  margin: 0 auto;
  max-width: 100%; }

.page--landing-page .cards-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1024px) {
    .page--landing-page .cards-list {
      width: 1024px; } }
  @media print {
    .page--landing-page .cards-list {
      width: 1024px; } }
  @media screen and (min-width: 1280px) {
    .page--landing-page .cards-list {
      width: 1280px; } }
  @media print {
    .page--landing-page .cards-list {
      width: 1280px; } }

@media print {
  body.user-logged-in {
    padding-top: 0 !important; }
  .no-print, .no-print * {
    display: none !important; }
  main.main {
    max-width: none;
    padding: 120pt 72pt 72pt 72pt; }
    main.main::before {
      background: url("/themes/custom/abilitylab_theme/dist/images/svgs/AbilityLab_Logo_wDonor.svg") left center no-repeat;
      background-size: auto 100%;
      content: '';
      display: block;
      left: 72pt;
      overflow: hidden;
      padding-top: 45px;
      position: absolute;
      top: 72pt;
      width: 130px; }
  .page-header__content {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important; }
    .page-header__content .taxonomy-tag {
      display: none; }
  .page-header__connect {
    display: none !important; }
  a[href]:after {
    content: none !important; }
  .page-header__hero {
    display: none !important; }
  .page-body {
    margin: 0;
    min-height: none !important;
    padding: 0; }
  .page-header__title {
    margin-top: 0 !important; }
    .page-header--article .page-header__title {
      max-width: none; }
  .page-tags {
    display: none; }
  .page-body--article .page-meta {
    display: none; }
  .node-type-event .page-body--article .page-meta,
  .page-body--article .page-content {
    display: block;
    float: none;
    width: auto;
    padding: 0; }
  .page-tags,
  .events-calendar__wrapper,
  blockquote.paragraph--pull-quote,
  .media-embed--video,
  .paragraph--mentioned-profile {
    display: none; } }

.page--meet-our-leaders .profile-leaders {
  margin: 0 32px;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-top: 1px solid var(--sra-border-color);
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 672px) {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 55px; } }
  @media print {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 88px; } }
  @media print {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 120px; } }
  @media print {
    .page--meet-our-leaders .profile-leaders {
      margin: 0 120px; } }

.page--meet-our-leaders:last-child {
  border-bottom: 0;
  padding-bottom: 0; }

.page--meet-our-leaders .section-subtitle {
  margin-bottom: 40px; }

.page--meet-our-leaders .related-profile {
  margin-bottom: 40px; }
  .page--meet-our-leaders .related-profile__hero {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden; }
    .page--meet-our-leaders .related-profile__hero img {
      position: absolute;
      min-height: 100%;
      height: auto;
      min-width: 100%;
      width: auto;
      top: 0;
      left: 0; }

.page--meet-our-leaders .see-others {
  text-align: center; }

@media screen and (min-width: 672px) {
  .page--meet-our-leaders {
    margin-top: 40px; }
    .page--meet-our-leaders .profile-leaders__profiles {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--meet-our-leaders .profile-leaders__profiles .related-profile {
        margin-right: 4rem; }
    .page--meet-our-leaders .profile-co_president {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page--meet-our-leaders .profile-co_president .related-profile {
        margin-right: 4rem; } }

@media print {
  .page--meet-our-leaders {
    margin-top: 40px; }
    .page--meet-our-leaders .profile-leaders__profiles {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--meet-our-leaders .profile-leaders__profiles .related-profile {
        margin-right: 4rem; }
    .page--meet-our-leaders .profile-co_president {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page--meet-our-leaders .profile-co_president .related-profile {
        margin-right: 4rem; } }

@media screen and (min-width: 672px) and (max-width: 1023px) {
  .page--meet-our-leaders .related-profile {
    width: calc(50% - 20px); }
    .page--meet-our-leaders .related-profile:nth-child(2n) {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .page--meet-our-leaders {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--meet-our-leaders .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--meet-our-leaders .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media print {
  .page--meet-our-leaders {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--meet-our-leaders .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--meet-our-leaders .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .page--meet-our-leaders {
    margin-top: 80px; } }

@media print {
  .page--meet-our-leaders {
    margin-top: 80px; } }

.page--c-star-people .page-header {
  margin: 0 120px; }

.page--c-star-people .profile-leaders {
  margin: 0 32px;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-top: 1px solid var(--sra-border-color);
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 672px) {
    .page--c-star-people .profile-leaders {
      margin: 0 55px; } }
  @media print {
    .page--c-star-people .profile-leaders {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .page--c-star-people .profile-leaders {
      margin: 0 88px; } }
  @media print {
    .page--c-star-people .profile-leaders {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .page--c-star-people .profile-leaders {
      margin: 0 120px; } }
  @media print {
    .page--c-star-people .profile-leaders {
      margin: 0 120px; } }

.page--c-star-people:last-child {
  border-bottom: 0;
  padding-bottom: 0; }

.page--c-star-people .section-subtitle {
  margin-bottom: 40px; }

.page--c-star-people .related-profile {
  margin-bottom: 40px; }
  .page--c-star-people .related-profile__hero {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden; }
    .page--c-star-people .related-profile__hero img {
      position: absolute;
      min-height: 100%;
      height: auto;
      min-width: 100%;
      width: auto;
      top: 0;
      left: 0; }

.page--c-star-people .see-others {
  text-align: center; }

@media screen and (min-width: 672px) {
  .page--c-star-people {
    margin-top: 40px; }
    .page--c-star-people .profile-professional_staff {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--c-star-people .profile-professional_staff .related-profile {
        margin-right: 4rem; }
    .page--c-star-people .profile-principal_investigators {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page--c-star-people .profile-principal_investigators .related-profile {
        margin-right: 4rem; } }

@media print {
  .page--c-star-people {
    margin-top: 40px; }
    .page--c-star-people .profile-professional_staff {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--c-star-people .profile-professional_staff .related-profile {
        margin-right: 4rem; }
    .page--c-star-people .profile-principal_investigators {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page--c-star-people .profile-principal_investigators .related-profile {
        margin-right: 4rem; } }

@media screen and (min-width: 672px) and (max-width: 1023px) {
  .page--c-star-people .related-profile {
    width: calc(50% - 20px); }
    .page--c-star-people .related-profile:nth-child(2n) {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .page--c-star-people {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--c-star-people .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--c-star-people .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media print {
  .page--c-star-people {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--c-star-people .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--c-star-people .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .page--c-star-people {
    margin-top: 80px; } }

@media print {
  .page--c-star-people {
    margin-top: 80px; } }

.board-home .page-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 80px;
  margin: 80px 20px 0; }
  @media screen and (min-width: 640px) and (max-width: 14023px) {
    .board-home .page-body {
      padding: 0; } }
  @media screen and (min-width: 672px) {
    .board-home .page-body {
      gap: 100px;
      margin: 100px 0 0; } }
  @media print {
    .board-home .page-body {
      gap: 100px;
      margin: 100px 0 0; } }

.board-home .board-rsvp {
  width: 100%; }
  @media screen and (max-width: 640px) {
    .board-home .board-rsvp .fsform-container form {
      padding: 0; }
      .board-home .board-rsvp .fsform-container form .fsSection {
        display: block; } }
  @media screen and (max-width: 640px) {
    .board-home .board-rsvp .rsvp-text {
      -webkit-margin-after: 1rem;
      margin-block-end: 1rem; } }
  .board-home .board-rsvp .rsvp-text p {
    color: #8a8a8a;
    font-family: "gibson-light", sans-serif;
    font-size: 2.5rem;
    letter-spacing: -0.015em;
    line-height: 1.25;
    padding-left: 0;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .board-home .board-rsvp .rsvp-text p {
        font-size: 3.6rem; } }
    @media print {
      .board-home .board-rsvp .rsvp-text p {
        font-size: 3.6rem; } }

.board-home .page-content .paragraph--body {
  color: #8a8a8a; }
  .board-home .page-content .paragraph--body ol {
    list-style-position: inside;
    margin: 0;
    text-align: center; }
    .board-home .page-content .paragraph--body ol li {
      font-family: "gibson-light", sans-serif;
      font-size: 2.5rem;
      letter-spacing: -0.015em;
      line-height: 1.5;
      padding-left: 0; }
      @media screen and (min-width: 1024px) {
        .board-home .page-content .paragraph--body ol li {
          font-size: 3.6rem; } }
      @media print {
        .board-home .page-content .paragraph--body ol li {
          font-size: 3.6rem; } }
      .board-home .page-content .paragraph--body ol li a {
        color: inherit;
        text-decoration-thickness: 0.05em;
        text-underline-offset: 0.2em; }
        .board-home .page-content .paragraph--body ol li a:hover, .board-home .page-content .paragraph--body ol li a:focus {
          color: #E71324; }

.keystone-hero {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media screen and (max-width: 671px) {
    .keystone-hero {
      height: 300px; }
      .main:has(.keystone-hero) {
        max-width: 100vw; } }
  .keystone-hero .hero-title {
    color: white;
    margin: 0 auto;
    padding: 0 0.25em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2; }
  .keystone-hero .keystone-hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .keystone-hero .keystone-hero-img::before {
      content: '';
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-color: black;
      opacity: 0.15;
      position: absolute; }
    .keystone-hero .keystone-hero-img img {
      width: 100%;
      height: 100%;
      max-width: none;
      max-height: none;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }

.board-donation.cta-block__wrapper {
  margin: 0; }
  .board-donation.cta-block__wrapper .cta-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    background-color: var(--sra-medium-blue);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }
    @media screen and (min-width: 672px) {
      .board-donation.cta-block__wrapper .cta-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 50px 60px; }
        .board-donation.cta-block__wrapper .cta-block .cta-button {
          --sra-btn-fill: var(--sra-medium-blue);
          --sra-btn-fill-hover: var(--sra-white);
          --sra-btn-color: var(--sra-white);
          --sra-btn-color-hover: var(--sra-medium-blue);
          --sra-btn-border: var(--sra-white);
          --sra-btn-border-hover: var(--sra-medium-blue);
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: var(--sra-btn-fill);
          border: 0;
          border-radius: 8px;
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
          box-shadow: 0 0 0 1px var(--sra-btn-border);
          color: var(--sra-btn-color);
          cursor: pointer;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-family: 'gibson-regular', sans-serif;
          font-size: 1.25rem;
          min-height: 48px;
          letter-spacing: 0.015em;
          line-height: 1;
          margin: 0;
          padding: 3px 2em 0;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none !important;
          -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          width: auto;
          -ms-flex-item-align: end;
          align-self: end; } }
    @media screen and (min-width: 672px) and (min-width: 64em) {
      .board-donation.cta-block__wrapper .cta-block .cta-button {
        white-space: nowrap; } }
    @media screen and (min-width: 672px) {
          .board-donation.cta-block__wrapper .cta-block .cta-button:hover, .board-donation.cta-block__wrapper .cta-block .cta-button:focus {
            background: var(--sra-btn-fill-hover);
            -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            color: var(--sra-btn-color-hover); } }
    @media print {
      .board-donation.cta-block__wrapper .cta-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 50px 60px; }
        .board-donation.cta-block__wrapper .cta-block .cta-button {
          --sra-btn-fill: var(--sra-medium-blue);
          --sra-btn-fill-hover: var(--sra-white);
          --sra-btn-color: var(--sra-white);
          --sra-btn-color-hover: var(--sra-medium-blue);
          --sra-btn-border: var(--sra-white);
          --sra-btn-border-hover: var(--sra-medium-blue);
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: var(--sra-btn-fill);
          border: 0;
          border-radius: 8px;
          -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
          box-shadow: 0 0 0 1px var(--sra-btn-border);
          color: var(--sra-btn-color);
          cursor: pointer;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-family: 'gibson-regular', sans-serif;
          font-size: 1.25rem;
          min-height: 48px;
          letter-spacing: 0.015em;
          line-height: 1;
          margin: 0;
          padding: 3px 2em 0;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none !important;
          -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
          width: auto;
          -ms-flex-item-align: end;
          align-self: end; }
          .board-donation.cta-block__wrapper .cta-block .cta-button:hover, .board-donation.cta-block__wrapper .cta-block .cta-button:focus {
            background: var(--sra-btn-fill-hover);
            -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
            color: var(--sra-btn-color-hover); } }

.board-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }
  .board-calendar .pager-show-more.pager__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px; }
    .board-calendar .pager-show-more.pager__items .pager__item {
      width: unset;
      height: unset; }
    .board-calendar .pager-show-more.pager__items a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: var(--sra-btn-fill);
      border: 0;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
      box-shadow: 0 0 0 1px var(--sra-btn-border);
      color: var(--sra-btn-color);
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: 'gibson-regular', sans-serif;
      font-size: 1.25rem;
      min-height: 48px;
      letter-spacing: 0.015em;
      line-height: 1;
      margin: 0;
      padding: 3px 2em 0;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none !important;
      -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
      width: auto; }
      @media screen and (min-width: 64em) {
        .board-calendar .pager-show-more.pager__items a {
          white-space: nowrap; } }
      .board-calendar .pager-show-more.pager__items a:hover, .board-calendar .pager-show-more.pager__items a:focus {
        background: var(--sra-btn-fill-hover);
        -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
        color: var(--sra-btn-color-hover); }
  .board-calendar .cards__wrapper .card {
    margin-top: unset; }
  @media screen and (min-width: 672px) {
    .board-calendar .cards__wrapper .card--event {
      margin: unset;
      height: 100%; } }
  @media print {
    .board-calendar .cards__wrapper .card--event {
      margin: unset;
      height: 100%; } }
  .board-calendar .view-events > .view-content {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: relative;
    text-align: left;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 672px) {
      .board-calendar .view-events > .view-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, 256px);
        margin: 0 auto;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media print {
      .board-calendar .view-events > .view-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, 256px);
        margin: 0 auto;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (min-width: 1280px) {
      .board-calendar .view-events > .view-content {
        gap: 40px; } }
    @media print {
      .board-calendar .view-events > .view-content {
        gap: 40px; } }

.board-documents .board-documents__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 16px; }
  @media screen and (min-width: 672px) {
    .board-documents .board-documents__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 32px; } }
  @media print {
    .board-documents .board-documents__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 32px; } }
  .board-documents .board-documents__list .board-documents__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'gibson-regular', sans-serif;
    font-size: 2.4rem;
    letter-spacing: 0.0015rem;
    line-height: 3.2rem;
    width: 80%;
    text-align: center; }
    @media screen and (min-width: 672px) {
      .board-documents .board-documents__list .board-documents__list-item {
        width: 260px; } }
    @media print {
      .board-documents .board-documents__list .board-documents__list-item {
        width: 260px; } }
    .board-documents .board-documents__list .board-documents__list-item > a {
      font-family: 'gibson-light', sans-serif;
      color: #0a0a0a;
      font-size: 1.6rem;
      font-style: normal;
      letter-spacing: 0.015em;
      text-decoration: underline;
      text-transform: lowercase;
      -webkit-transition: all .15s;
      transition: all .15s;
      font-family: 'gt-sectra-fine', serif !important;
      width: 100%;
      text-align: center;
      padding: 0 12px;
      text-transform: none; }
      .board-documents .board-documents__list .board-documents__list-item > a:visited, .board-documents .board-documents__list .board-documents__list-item > a:active {
        color: #0a0a0a; }
      .board-documents .board-documents__list .board-documents__list-item > a:hover, .board-documents .board-documents__list .board-documents__list-item > a:focus {
        color: #E71324; }

.board-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .board-member .view-more-btn {
    margin-top: 20px; }
    @media screen and (min-width: 1024px) {
      .board-member .view-more-btn {
        margin-top: 40px; } }
    @media print {
      .board-member .view-more-btn {
        margin-top: 40px; } }
  .board-member .board-member__profiles {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px; }
    @media screen and (min-width: 672px) {
      .board-member .board-member__profiles {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px; } }
    @media print {
      .board-member .board-member__profiles {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px; } }
    @media screen and (min-width: 1024px) {
      .board-member .board-member__profiles {
        grid-template-columns: repeat(5, 1fr);
        gap: 32px; } }
    @media print {
      .board-member .board-member__profiles {
        grid-template-columns: repeat(5, 1fr);
        gap: 32px; } }
    .board-member .board-member__profiles .board-member__profiles-item {
      width: 100%; }
      .board-member .board-member__profiles .board-member__profiles-item .related-profile {
        height: 100%; }
        .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero {
          height: 250px; }
          @media screen and (min-width: 1024px) {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero {
              height: 200px; } }
          @media print {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero {
              height: 200px; } }
          @media screen and (min-width: 1280px) {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero {
              height: 250px; } }
          @media print {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero {
              height: 250px; } }
          .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__hero img {
            -o-object-fit: cover;
            object-fit: cover; }
        .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__content {
          padding: 15px 10px; }
          @media screen and (min-width: 1024px) {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__content {
              padding: 22px 30px; } }
          @media print {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__content {
              padding: 22px 30px; } }
        .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__name {
          font-size: 1.6rem;
          line-height: 1.2;
          margin: 0;
          padding-bottom: 0; }
          @media screen and (min-width: 1024px) {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__name {
              font-size: 1.8rem; } }
          @media print {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__name {
              font-size: 1.8rem; } }
        .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__position {
          color: #6E6259;
          font-family: 'gt-sectra-fine', serif !important;
          font-size: 1.4rem;
          line-height: 1.5;
          -webkit-margin-before: 1em;
          margin-block-start: 1em; }
          @media screen and (min-width: 1024px) {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__position {
              font-size: 1.6rem; } }
          @media print {
            .board-member .board-member__profiles .board-member__profiles-item .related-profile .related-profile__position {
              font-size: 1.6rem; } }

.board-calendar__events .view-more-btn {
  margin-top: 20px;
  --sra-btn-fill: var(--sra-white);
  --sra-btn-fill-hover: var(--sra-secondary);
  --sra-btn-color: var(--sra-secondary);
  --sra-btn-color-hover: var(--sra-white);
  --sra-btn-border: var(--sra-secondary);
  --sra-btn-border-hover: var(--sra-white);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--sra-btn-fill);
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border);
  box-shadow: 0 0 0 1px var(--sra-btn-border);
  color: var(--sra-btn-color);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'gibson-regular', sans-serif;
  font-size: 1.25rem;
  min-height: 48px;
  letter-spacing: 0.015em;
  line-height: 1;
  margin: 0;
  padding: 3px 2em 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  -webkit-transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
  transition: background ease-in-out 0.15s, color ease-in-out 0.15s;
  width: auto; }
  @media screen and (min-width: 64em) {
    .board-calendar__events .view-more-btn {
      white-space: nowrap; } }
  .board-calendar__events .view-more-btn:hover, .board-calendar__events .view-more-btn:focus {
    background: var(--sra-btn-fill-hover);
    -webkit-box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
    box-shadow: 0 0 0 1px var(--sra-btn-border-hover);
    color: var(--sra-btn-color-hover); }
  @media screen and (min-width: 1024px) {
    .board-calendar__events .view-more-btn {
      margin-top: 40px; } }
  @media print {
    .board-calendar__events .view-more-btn {
      margin-top: 40px; } }

.board-home__user-link {
  width: 100%;
  background-color: black;
  padding: 12px;
  text-align: center;
  color: white; }
  .board-home__user-link a {
    color: white !important; }
  .board-home__user-link h4 {
    margin: 0; }

.page--tihub-people .page-header {
  margin: 0 120px; }

.page--tihub-people .profile-leaders {
  margin: 0 32px;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-top: 1px solid var(--sra-border-color);
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 672px) {
    .page--tihub-people .profile-leaders {
      margin: 0 55px; } }
  @media print {
    .page--tihub-people .profile-leaders {
      margin: 0 55px; } }
  @media screen and (min-width: 1024px) {
    .page--tihub-people .profile-leaders {
      margin: 0 88px; } }
  @media print {
    .page--tihub-people .profile-leaders {
      margin: 0 88px; } }
  @media screen and (min-width: 1280px) {
    .page--tihub-people .profile-leaders {
      margin: 0 120px; } }
  @media print {
    .page--tihub-people .profile-leaders {
      margin: 0 120px; } }

.page--tihub-people:last-child {
  border-bottom: 0;
  padding-bottom: 0; }

.page--tihub-people .section-subtitle {
  margin-bottom: 40px; }

.page--tihub-people .related-profile {
  margin-bottom: 40px; }
  .page--tihub-people .related-profile__hero {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden; }
    .page--tihub-people .related-profile__hero img {
      position: absolute;
      min-height: 100%;
      height: auto;
      min-width: 100%;
      width: auto;
      top: 0;
      left: 0; }

.page--tihub-people .see-others {
  text-align: center; }

.page--tihub-people .page-body {
  min-height: 0;
  margin: 0;
  padding: 0; }
  .page--tihub-people .page-body .page-content {
    width: 100%; }

@media screen and (min-width: 672px) {
  .page--tihub-people {
    margin-top: 40px; }
    .page--tihub-people .profile-professional_staff {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--tihub-people .profile-professional_staff .related-profile {
        margin-right: 4rem; } }

@media print {
  .page--tihub-people {
    margin-top: 40px; }
    .page--tihub-people .profile-professional_staff {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page--tihub-people .profile-professional_staff .related-profile {
        margin-right: 4rem; } }

@media screen and (min-width: 672px) and (max-width: 1023px) {
  .page--tihub-people .related-profile {
    width: calc(50% - 20px); }
    .page--tihub-people .related-profile:nth-child(2n) {
      margin-right: 0; } }

@media screen and (min-width: 1024px) {
  .page--tihub-people {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--tihub-people .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--tihub-people .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media print {
  .page--tihub-people {
    margin-top: 60px;
    margin-bottom: 20px; }
    .page--tihub-people .related-profile {
      width: calc(33.33% - (40px * 2) / 3); }
      .page--tihub-people .related-profile:nth-child(3n) {
        margin-right: 0; } }

@media screen and (min-width: 1280px) {
  .page--tihub-people {
    margin-top: 80px; } }

@media print {
  .page--tihub-people {
    margin-top: 80px; } }

.addtocal-container {
  position: absolute;
  bottom: 0;
  float: none;
  margin: 0;
  z-index: 5; }
  .addtocal-container .addtocal {
    font-family: "gibson-semibold", sans-serif;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #0a0a0a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.35rem;
    padding: 0 0 5px; }
    .card .addtocal-container .addtocal {
      font-family: "gibson-regular", sans-serif; }
    .addtocal-container .addtocal:hover, .addtocal-container .addtocal:focus {
      background-color: transparent;
      color: #E71324; }
    .addtocal-container .addtocal::before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23eb0329'%3E%3Cpath d='M680-80v-120H560v-80h120v-120h80v120h120v80H760v120h-80Zm-480-80q-33 0-56.5-23.5T120-240v-480q0-33 23.5-56.5T200-800h40v-80h80v80h240v-80h80v80h40q33 0 56.5 23.5T760-720v244q-20-3-40-3t-40 3v-84H200v320h280q0 20 3 40t11 40H200Zm0-480h480v-80H200v80Zm0 0v-80 80Z'/%3E%3C/svg%3E");
      background-size: 100%;
      margin-right: 5px; }
      @media screen and (min-width: 672px) {
        .addtocal-container .addtocal::before {
          width: 20px;
          height: 20px; } }
      @media print {
        .addtocal-container .addtocal::before {
          width: 20px;
          height: 20px; } }
  .addtocal-container .addtocal-menu {
    background: #fefefe;
    border: 1px solid #E71324;
    border-radius: 8px; }
    .addtocal-container .addtocal-menu ul li {
      margin: 2px; }
  .addtocal-container .addtocal-link {
    font-size: 14px;
    font-family: "gibson-regular", sans-serif;
    text-transform: none; }
    .addtocal-container .addtocal-link a {
      color: #0a0a0a;
      padding: 0 8px; }
      .addtocal-container .addtocal-link a:hover, .addtocal-container .addtocal-link a:focus {
        background-color: #B2B4B2; }