@charset "UTF-8";
/* generated with grunt-sass-globbing */
.layout-container {
  margin: 0; }

*::-webkit-file-upload-button {
  margin-right: rem(8px); }

/* generated with grunt-sass-globbing */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
pre,
samp {
  font-size: 1em; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

audio,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button::-moz-focusring,
[type='button']::-moz-focusring,
[type='reset']::-moz-focusring,
[type='submit']::-moz-focusring {
  outline: 1px dotted ButtonText; }

[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

template,
[hidden] {
  display: none; }

abbr,
blockquote,
code,
kbd,
q,
samp,
tt,
var {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none; }

[tabindex='-1']:focus {
  outline: none !important; }

::-moz-selection {
  background: #3FC2CD;
  color: #000;
  text-shadow: none; }

::selection {
  background: #3FC2CD;
  color: #000;
  text-shadow: none; }

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

@media print {
  * {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important; }
  @page {
    margin: 2cm; } }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  line-height: 1.5;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

body {
  background-color: #fff;
  color: #3F3F3F;
  margin: 0;
  padding: 0;
  word-wrap: break-word; }
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
    margin-left: 0; }
  body.no-scroll {
    overflow: hidden; }

@media print {
  nav {
    display: none; } }

summary {
  display: list-item; }

iframe {
  border: 0; }
  @media print {
    iframe {
      display: none; } }

h1, h2, .page-header__title, h3, .ab-simple-hero__title, .blog-header__title, .complex-header__title, .playlist-header__title, .resource-header__title, h4, .l-section--ab h2.l-section__title, .cta-fifty-fifty__title, .feature-block--ab .feature-block__title, .landing-form__content .form-item--id-keyword:after, h5, .ab-card__title, .ab-person__name, .ab-star-box__title, .embed-code__title, .teaser--headshot .teaser__title, .teaser--no-headshot .teaser__title, .views-view-listing__summary .l-section__title, h6,
.heading-smallist {
  color: #000;
  font-weight: 700;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  text-rendering: optimizeLegibility; }
  @media print {
    h1, h2, .page-header__title, h3, .ab-simple-hero__title, .blog-header__title, .complex-header__title, .playlist-header__title, .resource-header__title, h4, .l-section--ab h2.l-section__title, .cta-fifty-fifty__title, .feature-block--ab .feature-block__title, .landing-form__content .form-item--id-keyword:after, h5, .ab-card__title, .ab-person__name, .ab-star-box__title, .embed-code__title, .teaser--headshot .teaser__title, .teaser--no-headshot .teaser__title, .views-view-listing__summary .l-section__title, h6,
    .heading-smallist {
      orphans: 3;
      page-break-after: avoid;
      widows: 3; }
      h1::after, h2::after, .page-header__title::after, h3::after, .ab-simple-hero__title::after, .blog-header__title::after, .complex-header__title::after, .playlist-header__title::after, .resource-header__title::after, h4::after, .l-section--ab h2.l-section__title::after, .cta-fifty-fifty__title::after, .feature-block--ab .feature-block__title::after, h5::after, .ab-card__title::after, .ab-person__name::after, .ab-star-box__title::after, .embed-code__title::after, .teaser--headshot .teaser__title::after, .teaser--no-headshot .teaser__title::after, .views-view-listing__summary .l-section__title::after, h6::after,
      .heading-smallist::after {
        display: inline-block; } }
  h1 a, h2 a, .page-header__title a, h3 a, .ab-simple-hero__title a, .blog-header__title a, .complex-header__title a, .playlist-header__title a, .resource-header__title a, h4 a, .l-section--ab h2.l-section__title a, .cta-fifty-fifty__title a, .feature-block--ab .feature-block__title a, .landing-form__content .form-item--id-keyword:after a, h5 a, .ab-card__title a, .ab-person__name a, .ab-star-box__title a, .embed-code__title a, .teaser--headshot .teaser__title a, .teaser--no-headshot .teaser__title a, .views-view-listing__summary .l-section__title a, h6 a, .heading-smallist a {
    text-decoration: none; }
    h1 a:hover, h2 a:hover, .page-header__title a:hover, h3 a:hover, .ab-simple-hero__title a:hover, .blog-header__title a:hover, .complex-header__title a:hover, .playlist-header__title a:hover, .resource-header__title a:hover, h4 a:hover, .l-section--ab h2.l-section__title a:hover, .cta-fifty-fifty__title a:hover, .feature-block--ab .feature-block__title a:hover, .landing-form__content .form-item--id-keyword:after a:hover, h5 a:hover, .ab-card__title a:hover, .ab-person__name a:hover, .ab-star-box__title a:hover, .embed-code__title a:hover, .teaser--headshot .teaser__title a:hover, .teaser--no-headshot .teaser__title a:hover, .views-view-listing__summary .l-section__title a:hover, h6 a:hover, .heading-smallist a:hover {
      text-decoration: underline; }
  * + h1, * + h2, * + .page-header__title, * + h3, * + .ab-simple-hero__title, * + .blog-header__title, * + .complex-header__title, * + .playlist-header__title, * + .resource-header__title, * + h4, .l-section--ab * + h2.l-section__title, * + .cta-fifty-fifty__title, .feature-block--ab * + .feature-block__title, .landing-form__content * + .form-item--id-keyword:after, * + h5, * + .ab-card__title, * + .ab-person__name, * + .ab-star-box__title, * + .embed-code__title, .teaser--headshot * + .teaser__title, .teaser--no-headshot * + .teaser__title, .views-view-listing__summary * + .l-section__title, * + h6,
  * + .heading-smallist {
    margin-top: .5em; }
  h1.inline-block, h2.inline-block, .inline-block.page-header__title, h3.inline-block, .inline-block.ab-simple-hero__title, .inline-block.blog-header__title, .inline-block.complex-header__title, .inline-block.playlist-header__title, .inline-block.resource-header__title, h4.inline-block, .l-section--ab h2.inline-block.l-section__title, .inline-block.cta-fifty-fifty__title, .feature-block--ab .inline-block.feature-block__title, .landing-form__content .inline-block.form-item--id-keyword:after, h5.inline-block, .inline-block.ab-card__title, .inline-block.ab-person__name, .inline-block.ab-star-box__title, .inline-block.embed-code__title, .teaser--headshot .inline-block.teaser__title, .teaser--no-headshot .inline-block.teaser__title, .views-view-listing__summary .inline-block.l-section__title, h6.inline-block,
  .inline-block.heading-smallist {
    display: inline-block; }
  h1.heading-label, h2.heading-label, .heading-label.page-header__title, h3.heading-label, .heading-label.ab-simple-hero__title, .heading-label.blog-header__title, .heading-label.complex-header__title, .heading-label.playlist-header__title, .heading-label.resource-header__title, h4.heading-label, .l-section--ab h2.heading-label.l-section__title, .heading-label.cta-fifty-fifty__title, .feature-block--ab .heading-label.feature-block__title, .landing-form__content .heading-label.form-item--id-keyword:after, h5.heading-label, .heading-label.ab-card__title, .heading-label.ab-person__name, .heading-label.ab-star-box__title, .heading-label.embed-code__title, .teaser--headshot .heading-label.teaser__title, .teaser--no-headshot .heading-label.teaser__title, .views-view-listing__summary .heading-label.l-section__title, h6.heading-label,
  .heading-label.heading-smallist {
    font-size: 16px; }

h1 {
  font-size: 3em; }
  @media (min-width: 56.25em) {
    h1 {
      font-size: 6em; } }
  h1.heading-smaller {
    font-size: 1.875em; }
    @media (min-width: 56.25em) {
      h1.heading-smaller {
        font-size: 3.375em; } }

h2,
.page-header__title {
  font-size: 2.625em;
  line-height: 1; }
  @media (min-width: 56.25em) {
    h2,
    .page-header__title {
      font-size: 5.0625em; } }
  h2.heading-smaller,
  .heading-smaller.page-header__title {
    font-size: 1.875em; }
    @media (min-width: 56.25em) {
      h2.heading-smaller,
      .heading-smaller.page-header__title {
        font-size: 2.25em; } }

h3,
.ab-simple-hero__title,
.blog-header__title,
.complex-header__title,
.playlist-header__title,
.resource-header__title {
  font-size: 2.25em;
  line-height: 1.1; }
  @media (min-width: 56.25em) {
    h3,
    .ab-simple-hero__title,
    .blog-header__title,
    .complex-header__title,
    .playlist-header__title,
    .resource-header__title {
      font-size: 3.375em; } }
  h3.heading-smaller,
  .heading-smaller.ab-simple-hero__title,
  .heading-smaller.blog-header__title,
  .heading-smaller.complex-header__title,
  .heading-smaller.playlist-header__title,
  .heading-smaller.resource-header__title {
    font-size: 1.5em; }

h4,
.l-section--ab h2.l-section__title,
.cta-fifty-fifty__title,
.feature-block--ab .feature-block__title,
.landing-form__content .form-item--id-keyword:after {
  font-size: 1.875em; }
  @media (min-width: 56.25em) {
    h4,
    .l-section--ab h2.l-section__title,
    .cta-fifty-fifty__title,
    .feature-block--ab .feature-block__title,
    .landing-form__content .form-item--id-keyword:after {
      font-size: 2.25em; } }

h5,
.ab-card__title,
.ab-person__name,
.ab-star-box__title,
.embed-code__title,
.teaser--headshot .teaser__title,
.teaser--no-headshot .teaser__title,
.views-view-listing__summary .l-section__title {
  font-size: 1.5em; }

h6,
.heading-smallist {
  font-size: 1em;
  margin-bottom: .75rem; }

h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1, h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6 {
  margin-top: 0; }

p {
  margin: 0 0 0.5rem; }
  @media print {
    p {
      orphans: 3;
      widows: 3; } }

a {
  background-color: transparent;
  color: #3F3F3F;
  outline-offset: 0.125em;
  -webkit-text-decoration-skip: objects; }
  a:active, a:hover {
    outline: 0; }
  a:hover, a:focus {
    text-decoration: none; }
  @media print {
    a, a:visited {
      text-decoration: none; }
    a[href]::after {
      font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif;
      content: " <" attr(href) ">";
      font-size: 10pt;
      font-weight: normal;
      text-transform: lowercase; }
    a[href^='javascript:']::after, a[href^='mailto:']::after, a[href^='tel:']::after, a[href^='#']::after, a[href*='?']::after {
      content: ''; } }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

abbr:hover {
  cursor: help; }

@media print {
  abbr[title]::after {
    content: " (" attr(title) ")"; } }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 0.75em;
  color: #178387; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

blockquote {
  color: #178387;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 1.5rem 0; }
  blockquote cite {
    display: block;
    margin-top: 0.5em; }
    blockquote cite:before {
      content: "\2013";
      margin-right: 0.5em; }
  @media print {
    blockquote {
      page-break-inside: avoid; } }
  blockquote p:last-child {
    margin: 0; }
  blockquote.align-left {
    max-width: 100%; }
    @media (min-width: 37.5em) {
      blockquote.align-left {
        float: left;
        margin-right: 2.5rem;
        max-width: 45%; } }
  blockquote.align-right {
    max-width: 100%; }
    @media (min-width: 37.5em) {
      blockquote.align-right {
        float: right;
        margin-left: 2.5rem;
        max-width: 45%; } }

pre {
  margin: 0 0 1.5rem;
  overflow: auto; }
  @media print {
    pre {
      page-break-inside: avoid; } }

hr {
  border: 0.5px solid #AAAAAA;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  margin: 1.5rem 0;
  padding-bottom: -1px; }

ul {
  list-style-type: disc;
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.2em; }
  [dir='rtl'] ul {
    padding: 0 1.2em 0 0; }
  ul ol,
  ul ul {
    margin: 0.75rem 0 0; }

ol {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.5em; }
  [dir='rtl'] ol {
    padding: 0 1.5em 0 0; }
  ol ol,
  ol ul {
    margin: 0.75rem 0 0; }

li {
  margin-bottom: 0.5rem; }
  li:last-child {
    margin-bottom: 0; }
  @media print {
    li {
      page-break-inside: avoid; } }

dd {
  margin-bottom: 1.5rem; }

dl {
  margin: 0 0 1.5rem; }

caption {
  margin-bottom: 0.75rem; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5rem;
  min-width: 100%; }

td {
  background-color: #ffffff;
  border: 1px solid #5b616b;
  padding: 0.9375rem; }

tfoot td,
tfoot th {
  background-color: #f1f1f1; }

th {
  background-color: #ffffff;
  border: 1px solid #5b616b;
  padding: 0.9375rem;
  text-align: left; }

@media print {
  thead {
    display: table-header-group; } }

thead td,
thead th {
  background-color: #f1f1f1; }

@media print {
  tr {
    page-break-inside: avoid; } }

button {
  overflow: visible; }

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

input {
  line-height: normal; }

legend {
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  margin: 0;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

optgroup {
  font-weight: bold; }

textarea {
  overflow: auto; }

audio:not([controls]) {
  display: none;
  height: 0; }

canvas {
  display: inline-block; }

figure {
  margin: 0 0 1.5rem; }
  figure figcaption {
    font-style: italic; }

img {
  border: 0;
  font-style: italic;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }
  @media print {
    img {
      max-width: 100% !important;
      page-break-inside: avoid; } }

svg:not(:root) {
  overflow: hidden; }

.breadcrumb__title, .form-item__checkbox, .facets-checkbox {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

.menu--mobile .menu__link, .tabs__link, .skiplinks {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Open Sans", "Helvetica Neue", sans-serif; }

html, .l-section--join-group-cta .button--white, .ab-hero .button, .button, .member-page .private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button,
*::-webkit-file-upload-button, .dropbutton__toggle-button, .tabs__link {
  font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif; }

h1, h2, .page-header__title, h3, .ab-simple-hero__title, .blog-header__title, .complex-header__title, .playlist-header__title, .resource-header__title, h4, .l-section--ab h2.l-section__title, .cta-fifty-fifty__title, .feature-block--ab .feature-block__title, .landing-form__content .form-item--id-keyword:after, h5, .ab-card__title, .ab-person__name, .ab-star-box__title, .embed-code__title, .teaser--headshot .teaser__title, .teaser--no-headshot .teaser__title, .views-view-listing__summary .l-section__title, h6,
.heading-smallist {
  font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif, sans-serif; }

/* generated with grunt-sass-globbing */
.l-basic__header {
  position: relative; }

.l-basic__button {
  margin: 2.5rem 1rem; }
  @media (min-width: 31.25em) {
    .l-basic__button {
      margin: 0;
      position: absolute;
      right: 0;
      top: -4rem; } }

.has-border-top .l-border-box__inner {
  border-top: solid 1px #838286; }

.has-border-bottom .l-border-box__inner {
  border-bottom: solid 1px #838286; }

.l-constrain, .howie__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 81.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media (min-width: 50em) {
    .l-constrain, .howie__inner {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .l-constrain .l-constrain, .howie__inner .l-constrain, .l-constrain .howie__inner, .howie__inner .howie__inner {
    padding-left: 0;
    padding-right: 0; }
  .l-constrain.l-constrain--small, .l-constrain--small.howie__inner {
    margin: 0 auto 0 0;
    max-width: 774px; }
    @media (min-width: 68.75em) {
      .l-constrain.l-constrain--small, .l-constrain--small.howie__inner {
        margin: 0 auto;
        max-width: 1100px;
        padding-right: 350px; } }
    .l-grid .l-constrain.l-constrain--small, .l-grid .l-constrain--small.howie__inner {
      padding-right: 0; }
  .l-constrain.l-constrain--med, .l-constrain--med.howie__inner {
    max-width: 1100px; }
  .l-constrain.l-constrain--narrow, .l-constrain--narrow.howie__inner {
    max-width: 720px;
    margin: 0 auto 0 0; }

.l-constrain--no-padding {
  padding-left: 0;
  padding-right: 0; }

.l-constrain--no-padding-left {
  padding-left: 0; }

.l-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .l-grid > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .l-grid {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .l-grid > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }

.l-grid--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .l-grid--2col > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .l-grid--2col {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .l-grid--2col > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }
  @media (min-width: 37.5em) {
    .l-grid--2col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((50%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 275px; }
    @supports (display: grid) {
      .l-grid--2col {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2em; }
        .l-grid--2col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }

.l-grid--3col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .l-grid--3col > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .l-grid--3col {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .l-grid--3col > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }
  @media (min-width: 59.375em) {
    .l-grid--3col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((33.3333333333%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 275px; }
    @supports (display: grid) {
      .l-grid--3col {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2em; }
        .l-grid--3col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }

.l-grid--4col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .l-grid--4col > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .l-grid--4col {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .l-grid--4col > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }
  @media (min-width: 37.5em) and (max-width: 50em) {
    .l-grid--4col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((50%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 275px; }
    @supports (display: grid) {
      .l-grid--4col {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2em; }
        .l-grid--4col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }
  @media (min-width: 50.0625em) {
    .l-grid--4col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((25%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 0; }
    @supports (display: grid) {
      .l-grid--4col {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2em; }
        .l-grid--4col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }

.l-grid--6col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .l-grid--6col > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .l-grid--6col {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .l-grid--6col > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }
  @media (min-width: 37.5em) and (max-width: 62.4375em) {
    .l-grid--6col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((33.3333333333%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 0; }
    @supports (display: grid) {
      .l-grid--6col {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2em; }
        .l-grid--6col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }
  @media (min-width: 62.5em) {
    .l-grid--6col > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((16.6666666667%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 0; }
    @supports (display: grid) {
      .l-grid--6col {
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 2em; }
        .l-grid--6col > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }

.l-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 37.5em) {
    .l-media {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.l-media__object {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0 1rem 0 0; }

.l-media__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

.l-media--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.l-media--reversed > .l-media__object {
  margin: 0 0 0 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.l-paragraph {
  padding: 2.5rem 0;
  position: relative; }
  @media (min-width: 50em) {
    .l-paragraph {
      padding: 4rem 0; } }
  .l-paragraph:before, .l-paragraph:after {
    content: '';
    display: block;
    height: 50%;
    left: 0;
    max-height: 400px;
    position: absolute;
    width: 100%;
    z-index: -1; }
  .l-paragraph:before {
    top: 0; }
  .l-paragraph:after {
    bottom: 0; }
  .node-page--node-type-personal-resource-playlist .views-element-container .l-paragraph {
    padding: 1rem 0; }

.content-embed + .l-paragraph {
  padding-top: 0; }

.l-paragraph.l-paragraph--color-top-teal {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-teal {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-teal:before {
    background-color: #178387; }

.l-paragraph.l-paragraph--color-bottom-teal {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-teal {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-teal:after {
    background-color: #178387; }

.l-paragraph.l-paragraph--color-top-green {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-green {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-green:before {
    background-color: #00A450; }

.l-paragraph.l-paragraph--color-bottom-green {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-green {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-green:after {
    background-color: #00A450; }

.l-paragraph.l-paragraph--color-top-green-light {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-green-light {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-green-light:before {
    background-color: #52B448; }

.l-paragraph.l-paragraph--color-bottom-green-light {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-green-light {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-green-light:after {
    background-color: #52B448; }

.l-paragraph.l-paragraph--color-top-green-lime {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-green-lime {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-green-lime:before {
    background-color: #8AC341; }

.l-paragraph.l-paragraph--color-bottom-green-lime {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-green-lime {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-green-lime:after {
    background-color: #8AC341; }

.l-paragraph.l-paragraph--color-top-orange {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-orange {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-orange:before {
    background-color: #DD8235; }

.l-paragraph.l-paragraph--color-bottom-orange {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-orange {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-orange:after {
    background-color: #DD8235; }

.l-paragraph.l-paragraph--color-top-yellow {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-yellow {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-yellow:before {
    background-color: #E2D000; }

.l-paragraph.l-paragraph--color-bottom-yellow {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-yellow {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-yellow:after {
    background-color: #E2D000; }

.l-paragraph.l-paragraph--color-top-sky-blue {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-top-sky-blue {
      padding-top: 4rem; } }
  .l-paragraph.l-paragraph--color-top-sky-blue:before {
    background-color: #3FC2CD; }

.l-paragraph.l-paragraph--color-bottom-sky-blue {
  padding-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-paragraph.l-paragraph--color-bottom-sky-blue {
      padding-bottom: 4rem; } }
  .l-paragraph.l-paragraph--color-bottom-sky-blue:after {
    background-color: #3FC2CD; }

.l-ab-header {
  background-color: #000;
  -webkit-box-shadow: -5px 5px 18px -2px #79797940;
          box-shadow: -5px 5px 18px -2px #79797940;
  display: none;
  padding: 1rem 0;
  position: fixed;
  height: 110px;
  top: 0;
  width: 100%;
  z-index: 99; }
  @media (min-width: 900px) {
    .l-ab-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; } }
  @media (min-width: 1200px) {
    .l-ab-header {
      height: 80px; } }

.l-ab-header__inner {
  padding: 0 1rem;
  position: relative; }

.l-ab-header__row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.l-ab-header__left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (min-width: 1200px) {
    .l-ab-header__left {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.l-ab-header__right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.l-ab-header__right,
.l-ab-header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.l-ab-header__utility {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.l-footer {
  background-color: #000;
  color: #fff; }
  .l-footer .l-footer__top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    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;
    padding: 1.5rem 0; }
    @media (min-width: 50.9375em) {
      .l-footer .l-footer__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 2.5rem 0 4rem 0; } }
  .l-footer .l-footer__bottom {
    border-top: 1px solid #1F1F1F;
    padding: 1.5rem 0;
    text-align: center; }
    @media (min-width: 50.9375em) {
      .l-footer .l-footer__bottom {
        text-align: right; } }

.l-footer--ab {
  background-color: #000;
  color: #fff; }
  .l-footer--ab .l-footer__top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    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;
    padding: 24px 0; }
    @media (min-width: 815px) {
      .l-footer--ab .l-footer__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 40px 0 64px 0; } }
  .l-footer--ab .l-footer__bottom {
    border-top: 1px solid #1F1F1F;
    padding: 24px 0;
    text-align: center; }
    @media (min-width: 815px) {
      .l-footer--ab .l-footer__bottom {
        text-align: right; } }

.l-header {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  display: none;
  height: 124px;
  padding: 1.5rem 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }
  @media (min-width: 56.25em) {
    .l-header {
      border-bottom: solid 1px #AAAAAA;
      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; } }
  .l-header.l-header--squished {
    height: 66px;
    padding: 0.5rem 0;
    -webkit-transition: height 250ms ease-out;
    -o-transition: height 250ms ease-out;
    transition: height 250ms ease-out; }
    .l-header.l-header--squished .l-header__right {
      -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: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
  .user-logged-in .l-header {
    -webkit-box-shadow: none;
            box-shadow: none; }
  body.user-logged-in.toolbar-horizontal.toolbar-tray-open .l-header {
    top: 39px; }
    @media (min-width: 60.9375em) {
      body.user-logged-in.toolbar-horizontal.toolbar-tray-open .l-header {
        top: 79px; } }
  body.user-logged-in.toolbar-horizontal .l-header {
    top: 39px; }
  .body.user-logged-in .l-header {
    top: 0; }
  body.user-logged-in.toolbar-vertical .l-header {
    top: 39px; }

.l-header__inner {
  padding: 0 1.5rem; }

.l-header__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.l-header__left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.l-header__utility {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.l-navigation {
  display: none; }
  @media (min-width: 56.25em) {
    .l-navigation {
      display: block; } }

.l-section {
  margin-bottom: 2.5rem; }
  .l-section.l-section--sidebar-block {
    border-bottom: solid 1px #AAAAAA;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem; }
    .l-section.l-section--sidebar-block:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .l-section.l-section--sidebar-block .l-section__content {
      font-size: 14px; }
      .l-section.l-section--sidebar-block .l-section__content > *:last-child {
        margin-bottom: 0; }
      .l-section.l-section--sidebar-block .l-section__content.l-section__content--trimmed {
        max-height: 200px; }
  .l-section.l-section--teal-bar-top {
    font-style: italic; }
    .l-section.l-section--teal-bar-top:before {
      background-color: #178387;
      content: "";
      display: block;
      height: 8px;
      margin: 4rem 0;
      width: 50px; }
  .l-section.has-margin--base {
    margin: 1.5rem; }
  .l-section.has-top-margin--base {
    margin-top: 1.5rem; }
  .l-section.has-top-margin--md {
    margin-top: 2.5rem; }
  .l-section.has-top-margin--lg {
    margin-top: 4rem; }
  .l-section.has-top-margin--xl {
    margin-top: 6.5rem; }
  .l-section.has-bottom-margin--base {
    margin-bottom: 1.5rem; }
  .l-section.has-bottom-margin--med {
    margin-bottom: 2.5rem; }
  .l-section.has-bottom-margin--lg {
    margin-bottom: 4rem; }
  .l-section.has-bottom-margin--xl {
    margin-bottom: 6.5rem; }
  .l-section.has-padding--base {
    padding: 1.5rem; }
  .l-section.has-top-padding--base {
    padding-top: 1.5rem; }
  .l-section.has-top-padding--md {
    padding-top: 2.5rem; }
  .l-section.has-bottom-padding--base {
    padding-bottom: 1.5rem; }
  .l-section.has-bottom-padding--md {
    padding-bottom: 2.5rem; }
  .l-section.has-bottom-margin--fifty {
    margin-bottom: 3.125rem; }
    .l-section.has-bottom-margin--fifty .has-top-margin--fifty {
      margin-bottom: 0; }
  .l-section.has-top-margin--fifty {
    margin-top: 3.125rem; }
    .l-section.has-top-margin--fifty .has-top-margin--fifty {
      margin-top: 0; }
  .l-section.has-bottom-margin--xs {
    margin-bottom: 0.5rem; }
  .l-section.l-section--border-bottom .l-section__content {
    border-bottom: solid 1px #AAAAAA; }
  .l-section.l-section--bg-white {
    background-color: #fff;
    padding: 1.5rem; }
    @media (min-width: 50em) {
      .l-section.l-section--bg-white {
        padding: 2.5rem; } }

.l-section__content {
  max-height: 100%;
  position: relative; }
  .l-section__content.l-section__content--trimmed {
    max-height: 280px;
    overflow: hidden; }
    .l-section__content.l-section__content--trimmed:after {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, white));
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white 90%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
      bottom: 0;
      content: "";
      display: block;
      height: 110px;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 1; }

.l-section__show-more-link {
  display: none;
  margin-top: 1.5rem; }
  .l-section__show-more-link:hover, .l-section__show-more-link:focus {
    text-decoration: underline; }
  .is-trimmed .l-section__show-more-link {
    display: block; }

.l-section--link-list a {
  display: block;
  margin-bottom: 1rem; }

.l-section--user-block p {
  font-size: 24px;
  font-weight: 700;
  max-width: 700px; }

.l-section--user-block .l-section__content {
  border-bottom: solid 1px #838286;
  padding: 0 0 2.5rem 0; }

.l-section--about-me .l-section__content {
  font-size: 18px;
  color: #178387; }
  @media (min-width: 37.5em) {
    .l-section--about-me .l-section__content {
      font-size: 24px; } }

.l-section--ab h2.l-section__title {
  color: #000; }
  @media (min-width: 50em) {
    .l-section--ab h2.l-section__title {
      margin-bottom: 2.5rem; } }

.l-section--join-group-cta {
  background-color: #0A5C5F;
  color: #fff;
  padding: 2.5rem; }
  .l-section--join-group-cta h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.5; }
    @media (min-width: 56.25em) {
      .l-section--join-group-cta h2 {
        font-size: 1.875rem; } }
  .l-section--join-group-cta .button--white {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #0A5C5F;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    line-height: 1.25;
    padding: 1rem 1.75rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 250ms ease-out, background-color 250ms ease-out;
    -o-transition: color 250ms ease-out, background-color 250ms ease-out;
    transition: color 250ms ease-out, background-color 250ms ease-out;
    vertical-align: top;
    white-space: normal; }
    .l-section--join-group-cta .button--white:focus, .l-section--join-group-cta .button--white:hover {
      background-color: #058D96;
      color: #fff;
      outline: 0; }
    .l-section--join-group-cta .button--white:active {
      background-color: #058D96;
      color: #fff; }
    .l-section--join-group-cta .button--white[disabled] {
      background-color: #AAAAAA;
      color: #fff;
      cursor: default;
      pointer-events: none; }

.l-section--ab-wysiwyg .intro-text {
  color: #178387;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 1rem 0; }

.l-section--ab-wysiwyg figure.align-left {
  margin-right: 1.5rem; }

.l-section--ab-wysiwyg figure.align-right {
  margin-left: 1.5rem; }

.l-sidebar.l-sidebar--bg-color .l-sidebar__header {
  position: relative; }
  .l-sidebar.l-sidebar--bg-color .l-sidebar__header:after {
    content: "";
    left: 0;
    height: 0px;
    padding-top: 28.125%;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1; }
  @media (min-width: 59.375em) {
    .l-sidebar.l-sidebar--bg-color .l-sidebar__header:after {
      height: 200px;
      padding-top: 0; } }
  @media (min-width: 71.875em) {
    .l-sidebar.l-sidebar--bg-color .l-sidebar__header:after {
      height: 250px; } }

@media (min-width: 59.375em) {
  .l-sidebar.l-sidebar--bg-color .l-sidebar__sidebar {
    padding-top: 250px; } }

@media (min-width: 71.875em) {
  .l-sidebar.l-sidebar--bg-color .l-sidebar__sidebar {
    padding-top: 300px; } }

.l-sidebar.l-sidebar--bg-color .l-sidebar__row {
  margin-top: 0; }

.l-sidebar.l-sidebar--bg-color--green-lime .l-sidebar__header:after {
  background-color: #8AC341; }

.l-sidebar.l-sidebar--bg-color--teal .l-sidebar__header:after {
  background-color: #178387; }

.l-sidebar.l-sidebar--bg-color--yellow .l-sidebar__header:after {
  background-color: #E2D000; }

.l-sidebar.l-sidebar--bg-color--grey {
  background-color: #ECECEC;
  padding-bottom: 2.5rem; }

.l-sidebar__row {
  margin: 4rem 0 2.5rem 0; }
  @media (min-width: 59.375em) {
    .l-sidebar__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .l-sidebar__row > * {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -ms-flex-preferred-size: calc(100% - 275px - 4rem);
            flex-basis: calc(100% - 275px - 4rem);
        margin-right: 2rem; }
        .l-sidebar__row > *:last-child {
          margin-right: 0; }
      .l-sidebar__row .l-sidebar__sidebar {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -ms-flex-preferred-size: 275px;
            flex-basis: 275px; }
        .l-sidebar--banner-overlap .l-sidebar__row .l-sidebar__sidebar {
          margin-top: calc(((-1 * var(--header-banner-offset)) - 4rem) + 3.5rem); }
      @supports (display: grid) {
        .l-sidebar__row {
          display: grid;
          grid-template-columns: 1fr 275px;
          grid-gap: 2rem; } } }

.l-sidebar--notifications {
  padding-top: 4rem; }
  .l-sidebar--notifications .l-sidebar__sidebar a {
    display: block;
    margin-bottom: 0.5rem; }
  @media (max-width: 59.375em) {
    .l-sidebar--notifications .l-sidebar__row {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .l-sidebar--notifications .l-sidebar__sidebar {
      margin-bottom: 2rem; } }

.l-sidebar--group .l-sidebar__row {
  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: 0;
  padding-top: 2.5rem; }
  @media (min-width: 59.375em) {
    .l-sidebar--group .l-sidebar__row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

@media (min-width: 59.375em) {
  .l-sidebar--group .l-sidebar__sidebar {
    -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 2rem;
    max-width: 320px; } }

.l-sidebar--group .l-sidebar__main {
  margin-bottom: 2.5rem; }
  @media (min-width: 59.375em) {
    .l-sidebar--group .l-sidebar__main {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 0; } }

@media (min-width: 59.375em) {
  .l-sidebar--group.l-sidebar--group-listing .l-sidebar__sidebar {
    -ms-flex-preferred-size: 275px;
        flex-basis: 275px;
    max-width: 275px; } }

@media (min-width: 50em) {
  .l-sidebar--3-col .l-sidebar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-gap: 2.5rem;
    margin-top: 2.5rem; } }

@media (min-width: 65.625em) {
  .l-sidebar--3-col .l-sidebar__row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

.l-sidebar--3-col .l-sidebar__main {
  margin-bottom: 2.5rem;
  margin-right: 0; }
  @media (min-width: 50em) {
    .l-sidebar--3-col .l-sidebar__main {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }

.l-sidebar--3-col .l-sidebar__sidebar {
  margin-bottom: 2.5rem; }
  @media (min-width: 50em) {
    .l-sidebar--3-col .l-sidebar__sidebar {
      -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 0;
      max-width: 300px; } }

.l-sidebar--3-col.l-sidebar--private-messages {
  margin-top: 4rem; }
  .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 81.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    @media (min-width: 50em) {
      .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__header-inner {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__header-inner .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__header-inner {
      padding-left: 0;
      padding-right: 0; }
    @media (min-width: 37.5em) {
      .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__header-inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  @media (min-width: 50em) {
    .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__right {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }
  @media (min-width: 65.625em) {
    .l-sidebar--3-col.l-sidebar--private-messages .l-sidebar__right {
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
      margin-left: 2rem;
      max-width: 150px; } }
  .l-sidebar--3-col.l-sidebar--private-messages .button, .l-sidebar--3-col.l-sidebar--private-messages .member-page .private_message_link, .member-page .l-sidebar--3-col.l-sidebar--private-messages .private_message_link, .l-sidebar--3-col.l-sidebar--private-messages .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .l-sidebar--3-col.l-sidebar--private-messages .agree-button {
    height: 100%; }

.l-sidebar--3-col .views-exposed-form {
  margin-top: 1.5rem; }
  .l-sidebar--3-col .views-exposed-form form {
    position: relative;
    max-width: 300px; }
  .l-sidebar--3-col .views-exposed-form label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0.25rem; }
  .l-sidebar--3-col .views-exposed-form .form-item--textfield {
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
    width: 100%; }
    .l-sidebar--3-col .views-exposed-form .form-item--textfield input {
      border: solid 1px #838286;
      font-size: 14px;
      height: 45px;
      margin: 0;
      padding: 0.5rem 3rem 0.5rem 1rem;
      width: 100%; }
      .l-sidebar--3-col .views-exposed-form .form-item--textfield input:focus {
        border: solid 1px #178387; }
  .l-sidebar--3-col .views-exposed-form .form-item--select {
    margin-bottom: 1.5rem; }

.l-sidebar--dashboard {
  padding-bottom: 0 !important; }
  .l-sidebar--dashboard .l-sidebar__header {
    background-color: #fff;
    border-bottom: 1px solid #AAAAAA; }
    .l-sidebar--dashboard .l-sidebar__header .l-section {
      margin-bottom: 0; }
  .l-sidebar--dashboard .l-sidebar__footer {
    background-color: #fff;
    border-top: 1px solid #AAAAAA; }
    .l-sidebar--dashboard .l-sidebar__footer .l-section {
      margin-bottom: 0; }
  .l-sidebar--dashboard .l-sidebar__row {
    margin: 0; }
    @media (min-width: 59.375em) {
      .l-sidebar--dashboard .l-sidebar__row {
        grid-template-columns: 100%; } }
    @media (min-width: 56.25em) {
      @supports (display: grid) {
        .l-sidebar--dashboard .l-sidebar__row {
          display: grid;
          grid-template-columns: 1fr 270px;
          grid-gap: 2.5rem; } } }
    @media (min-width: 75em) {
      @supports (display: grid) {
        .l-sidebar--dashboard .l-sidebar__row {
          grid-template-columns: 1fr 500px; } } }
  .l-sidebar--dashboard .l-sidebar__main {
    margin-right: 0; }
    @media (min-width: 56.25em) {
      .l-sidebar--dashboard .l-sidebar__main {
        -ms-flex-preferred-size: calc(100% - 270px - 2.5rem);
            flex-basis: calc(100% - 270px - 2.5rem); } }
    @media (min-width: 75em) {
      .l-sidebar--dashboard .l-sidebar__main {
        -ms-flex-preferred-size: calc(100% - 500px - 2.5rem);
            flex-basis: calc(100% - 500px - 2.5rem); } }
  .l-sidebar--dashboard .l-sidebar__sidebar {
    background-color: #fff; }
    @media (min-width: 56.25em) {
      .l-sidebar--dashboard .l-sidebar__sidebar {
        -ms-flex-preferred-size: 270px;
            flex-basis: 270px;
        min-width: 270px; } }
    @media (min-width: 75em) {
      .l-sidebar--dashboard .l-sidebar__sidebar {
        -ms-flex-preferred-size: 500px;
            flex-basis: 500px;
        min-width: 500px; } }
    .l-sidebar--dashboard .l-sidebar__sidebar .howie {
      padding-right: 2.5rem; }
    .l-sidebar--dashboard .l-sidebar__sidebar .howie__image {
      background-size: 3.875rem 2.8125rem;
      height: 2.8125rem;
      -webkit-transform: translateY(-58%) rotate(13deg);
          -ms-transform: translateY(-58%) rotate(13deg);
              transform: translateY(-58%) rotate(13deg);
      width: 3.875rem; }

/* generated with grunt-sass-globbing */
.cke_contents.cke_reset {
  padding: 1rem; }

.embedded-entity {
  margin-bottom: 1.5rem; }
  .embedded-entity.align-right {
    width: 100%;
    margin-bottom: 1.5rem; }
    @media (min-width: 37.5em) {
      .embedded-entity.align-right {
        float: right;
        margin: 0 0 1.5rem 2.5rem;
        width: auto;
        max-width: 45%; } }
  .embedded-entity.align-left {
    width: 100%;
    margin-bottom: 1.5rem; }
    @media (min-width: 37.5em) {
      .embedded-entity.align-left {
        float: left;
        margin: 0 2.5rem 1.5rem 0;
        width: auto;
        max-width: 45%; } }
  .embedded-entity.align-center {
    margin-bottom: 1.5rem;
    text-align: center; }
    .embedded-entity.align-center > * {
      margin: 0 auto;
      display: block; }
    .embedded-entity.align-center figcaption {
      margin-top: 0.5rem; }
  .embedded-entity figcaption {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    font-style: italic; }

img.align-right {
  margin-bottom: 1.5rem;
  width: 100%; }
  @media (min-width: 37.5em) {
    img.align-right {
      float: right;
      margin-left: 2.5rem;
      max-width: 45%;
      width: auto; }
      img.align-right::after {
        display: block;
        content: "";
        clear: both; } }

img.align-left {
  margin-bottom: 1.5rem;
  width: 100%; }
  @media (min-width: 37.5em) {
    img.align-left {
      float: left;
      margin-right: 2.5rem;
      max-width: 45%;
      width: auto; }
      img.align-left::after {
        display: block;
        content: "";
        clear: both; } }

ul.toolbar-menu {
  font-size: 1em; }
  ul.toolbar-menu li {
    margin-bottom: 0; }

.ab-card-grid__intro {
  max-width: 38.125rem; }

.ab-card-grid__grid {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1em;
  margin-right: -1em; }
  .ab-card-grid__grid > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: calc((100%) - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    min-width: 0; }
  @supports (display: grid) {
    .ab-card-grid__grid {
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 2em;
      display: grid; }
      .ab-card-grid__grid > * {
        margin: 0;
        min-width: 0;
        width: 100%; } }
  @media (min-width: 37.5em) and (max-width: 59.3125em) {
    .ab-card-grid__grid > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((50%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 275px; }
    @supports (display: grid) {
      .ab-card-grid__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2em; }
        .ab-card-grid__grid > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }
  @media (min-width: 59.375em) {
    .ab-card-grid__grid > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((33.3333333333%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em;
      min-width: 275px; }
    @supports (display: grid) {
      .ab-card-grid__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2em; }
        .ab-card-grid__grid > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }

.ab-card {
  background-color: #fff;
  border-bottom: 1px solid #979797;
  border-left: 1px solid #979797;
  border-right: 1px solid #979797;
  border-top: 11px solid #00A450;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.ab-card__title {
  color: #000000;
  margin-bottom: 0.75rem; }

.ab-card__subtitle {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.75rem; }

.ab-card__address {
  font-size: 14px;
  margin-bottom: 1rem; }
  .ab-card__address .address::before {
    top: 0; }

.ab-card__date {
  font-size: 14px;
  margin-bottom: 1rem; }
  .ab-card__date .date::before {
    top: 0; }

.ab-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;
  padding: 1.5rem; }
  .ab-card__content:last-child {
    margin-bottom: 0; }
  .ab-card__content > *:last-child {
    margin-bottom: 0; }

.ab-card__body {
  margin-bottom: 1rem; }

.ab-column-highlight {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  text-align: center; }
  @media (min-width: 37.5em) {
    .ab-highlight--3col .ab-column-highlight,
    .ab-highlight--col-3 .ab-column-highlight {
      padding-left: 2.25rem;
      padding-right: 2.25rem;
      padding-bottom: 0;
      padding-top: 0; } }
  @media (min-width: 75em) {
    .ab-highlight--4col .ab-column-highlight,
    .ab-highlight--col-4 .ab-column-highlight {
      padding-left: 2.25rem;
      padding-right: 2.25rem;
      padding-bottom: 0;
      padding-top: 0; } }
  .l-grid--2col .ab-column-highlight {
    padding: 0; }

.ab-column-highlight__top {
  color: #00763A;
  font-size: 36px;
  font-weight: 700;
  line-height: .95; }
  .l-grid--2col .ab-column-highlight__top {
    color: #000; }
  @media (min-width: 50em) {
    .ab-column-highlight__top {
      font-size: 54px; } }
  .ab-column-highlight__top .field--name-field-media-svg {
    margin-bottom: 0; }
  .ab-column-highlight__top img {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    min-width: 3.125rem; }

.ab-column-highlight__bottom {
  color: #3F3F3F;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1.5rem; }
  @media (min-width: 50em) {
    .ab-column-highlight__bottom {
      font-size: 1.375rem; } }
  .l-grid--2col .ab-column-highlight__bottom {
    font-size: 16px;
    margin-top: 1rem; }

.ab-hero {
  background-color: #0A5C5F;
  color: #fff;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem; }
  .ab-hero a {
    color: #fff; }
  @media (min-width: 50em) {
    .ab-hero {
      padding-bottom: 4rem;
      padding-top: 4rem; } }
  .ab-hero .button, .ab-hero .member-page .private_message_link, .member-page .ab-hero .private_message_link, .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    line-height: 1.25;
    padding: 1rem 1.75rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 250ms ease-out, background-color 250ms ease-out;
    -o-transition: color 250ms ease-out, background-color 250ms ease-out;
    transition: color 250ms ease-out, background-color 250ms ease-out;
    vertical-align: top;
    white-space: normal;
    margin-top: 1rem; }
    .ab-hero .button:focus, .ab-hero .member-page .private_message_link:focus, .member-page .ab-hero .private_message_link:focus, .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button:focus, .ab-hero .button:hover, .ab-hero .member-page .private_message_link:hover, .member-page .ab-hero .private_message_link:hover, .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button:hover {
      background-color: #058D96;
      color: #000;
      outline: 0; }
    .ab-hero .button:active, .ab-hero .member-page .private_message_link:active, .member-page .ab-hero .private_message_link:active, .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button:active {
      background-color: #058D96;
      color: #000; }
    .ab-hero .button[disabled], .ab-hero .member-page .private_message_link[disabled], .member-page .ab-hero .private_message_link[disabled], .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button[disabled], .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button[disabled] {
      background-color: #AAAAAA;
      color: #fff;
      cursor: default;
      pointer-events: none; }
  .ab-hero + .ab-hero {
    margin-top: 2.5rem; }
    @media (min-width: 50em) {
      .ab-hero + .ab-hero {
        margin-top: 4rem; } }

.ab-hero__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 50em) {
    .ab-hero__wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.ab-hero__title {
  color: #fff;
  font-size: 36px; }
  @media (min-width: 75em) {
    .ab-hero__title {
      font-size: 54px; } }

.ab-hero__image {
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .ab-hero__image {
      padding-top: 0;
      padding-left: 1.5rem;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; } }
  @media (min-width: 75em) {
    .ab-hero__image {
      padding-left: 4rem; } }

.ab-hero__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0; }

*[style*="aspect-ratio"] > .media-oembed-content {
  width: 100%;
  height: 100%; }

*[style*="aspect-ratio"] > .media-oembed-content {
  width: 100%;
  height: 100%; }

.field--name-field-media-oembed-video {
  height: 163px;
  margin: 0 auto !important;
  width: 290px; }
  @media (min-width: 37.5em) {
    .field--name-field-media-oembed-video {
      height: 247px;
      margin: 0 auto !important;
      width: 440px; } }
  @media (min-width: 37.5em) {
    .field--name-field-media-oembed-video {
      height: 334px;
      margin: 0 auto !important;
      width: 594px; } }
  @media (min-width: 50em) {
    .field--name-field-media-oembed-video {
      height: 202px;
      width: 360px;
      margin: 0; } }
  @media (min-width: 56.25em) {
    .field--name-field-media-oembed-video {
      height: 270px;
      width: 480px; } }
  @media (min-width: 75em) {
    .field--name-field-media-oembed-video {
      height: 334px;
      width: 594px; } }
  .field--name-field-media-oembed-video .field__item {
    height: 100%;
    width: 100%; }
    .field--name-field-media-oembed-video .field__item iframe {
      height: 100%;
      width: 100%; }

.ab-highlight {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem; }
  @media (min-width: 50em) {
    .ab-highlight {
      margin-bottom: 5.625rem;
      margin-top: 5.625rem; } }
  .l-grid--2col .ab-highlight {
    margin: 0; }

.ab-hightlight__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.ab-highlight__grid {
  display: grid; }
  .ab-highlight__grid > * {
    border-bottom: 1px solid #3F3F3F; }
    .ab-highlight__grid > *:last-of-type {
      border-bottom: 0; }
    .l-grid--2col .ab-highlight__grid > * {
      border-bottom: 0; }
  .l-grid--2col .ab-highlight__grid {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 2.5rem; }
    @media (min-width: 56.25em) {
      .l-grid--2col .ab-highlight__grid {
        row-gap: 3.75rem; } }
  @media (min-width: 37.5em) {
    .ab-highlight__grid {
      row-gap: 2.5rem; }
      .ab-highlight__grid > * {
        border-right: 1px solid #3F3F3F;
        border-bottom: 0; } }
  .ab-highlight--3col .ab-highlight__grid,
  .ab-highlight--col-3 .ab-highlight__grid {
    max-width: 63.75rem; }
    @media (min-width: 37.5em) {
      .ab-highlight--3col .ab-highlight__grid,
      .ab-highlight--col-3 .ab-highlight__grid {
        grid-template-columns: repeat(3, 1fr); }
        .ab-highlight--3col .ab-highlight__grid > *:nth-of-type(3n+3),
        .ab-highlight--col-3 .ab-highlight__grid > *:nth-of-type(3n+3) {
          border-right: 0; }
        .l-grid--2col .ab-highlight--3col .ab-highlight__grid, .l-grid--2col
        .ab-highlight--col-3 .ab-highlight__grid {
          grid-template-columns: none; } }
    @media (min-width: 56.25em) {
      .l-grid--2col .ab-highlight--3col .ab-highlight__grid, .l-grid--2col
      .ab-highlight--col-3 .ab-highlight__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 75em) {
      .l-grid--2col .ab-highlight--3col .ab-highlight__grid, .l-grid--2col
      .ab-highlight--col-3 .ab-highlight__grid {
        grid-template-columns: repeat(3, 1fr); } }
    .l-grid--2col .ab-highlight--3col .ab-highlight__grid > *, .l-grid--2col
    .ab-highlight--col-3 .ab-highlight__grid > * {
      border-bottom: 0;
      border-right: 0; }
  @media (min-width: 37.5em) {
    .ab-highlight--4col .ab-highlight__grid,
    .ab-highlight--col-4 .ab-highlight__grid {
      grid-template-columns: repeat(2, 1fr); }
      .ab-highlight--4col .ab-highlight__grid > *:nth-last-of-type(2),
      .ab-highlight--col-4 .ab-highlight__grid > *:nth-last-of-type(2) {
        border-bottom: 0; }
      .ab-highlight--4col .ab-highlight__grid > *:nth-of-type(2n),
      .ab-highlight--col-4 .ab-highlight__grid > *:nth-of-type(2n) {
        border-right: 0; }
      .l-grid--2col .ab-highlight--4col .ab-highlight__grid, .l-grid--2col
      .ab-highlight--col-4 .ab-highlight__grid {
        grid-template-columns: none; } }
  @media (min-width: 56.25em) {
    .l-grid--2col .ab-highlight--4col .ab-highlight__grid, .l-grid--2col
    .ab-highlight--col-4 .ab-highlight__grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 75em) {
    .ab-highlight--4col .ab-highlight__grid,
    .ab-highlight--col-4 .ab-highlight__grid {
      grid-template-columns: repeat(4, 1fr); }
      .ab-highlight--4col .ab-highlight__grid > *,
      .ab-highlight--col-4 .ab-highlight__grid > * {
        border-bottom: 0; }
        .ab-highlight--4col .ab-highlight__grid > *:nth-of-type(2n),
        .ab-highlight--col-4 .ab-highlight__grid > *:nth-of-type(2n) {
          border-right: 1px solid #3F3F3F; }
        .ab-highlight--4col .ab-highlight__grid > *:nth-of-type(4n),
        .ab-highlight--col-4 .ab-highlight__grid > *:nth-of-type(4n) {
          border-right: 0; }
      .l-grid--2col .ab-highlight--4col .ab-highlight__grid, .l-grid--2col
      .ab-highlight--col-4 .ab-highlight__grid {
        grid-template-columns: repeat(4, 1fr); } }
  .l-grid--2col .ab-highlight--4col .ab-highlight__grid > *, .l-grid--2col
  .ab-highlight--col-4 .ab-highlight__grid > * {
    border-bottom: 0;
    border-right: 0; }

.ab-hightlight__header {
  font-size: 24px;
  margin-bottom: 0; }
  @media (min-width: 37.5em) {
    .ab-hightlight__header {
      margin-bottom: 2.5rem; } }
  @media (min-width: 50em) {
    .ab-hightlight__header {
      font-size: 36px;
      margin-bottom: 4rem; } }
  .l-grid--2col .ab-hightlight__header {
    margin-bottom: 1.5rem; }

:not(.l-grid--2col) .ab-highlight__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 81.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media (min-width: 50em) {
    :not(.l-grid--2col) .ab-highlight__wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  :not(.l-grid--2col) .ab-highlight__wrapper :not(.l-grid--2col) .ab-highlight__wrapper {
    padding-left: 0;
    padding-right: 0; }

.ab-highlight__bottom {
  margin-top: 2.5rem; }
  @media (min-width: 50em) {
    .ab-highlight__bottom {
      margin-top: 4rem; } }
  .l-grid--2col .ab-highlight__bottom {
    margin-top: 2.5rem; }

.ab-highlight--gray {
  background-color: #f3f3f3;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem; }
  @media (min-width: 50em) {
    .ab-highlight--gray {
      padding-bottom: 4.375rem;
      padding-top: 4.375rem; } }
  .l-grid--2col .ab-highlight--gray {
    background-color: #fff;
    padding: 0;
    margin: 0; }

.ab-person {
  background-color: #fff;
  margin-bottom: 2.5rem; }

@media (min-width: 43.75em) {
  .ab-person__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.ab-person__image {
  display: block;
  margin-bottom: 0.5rem; }
  .ab-person__image img {
    -webkit-box-shadow: 0 35px 43px -19px rgba(0, 0, 0, 0.07);
            box-shadow: 0 35px 43px -19px rgba(0, 0, 0, 0.07); }
  @media (min-width: 43.75em) {
    .ab-person__image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 175px;
              flex: 0 0 175px;
      height: auto;
      margin-bottom: 0;
      margin-right: 1.5rem;
      padding-top: 0; } }
  @media (min-width: 56.25em) {
    .ab-person__image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 288px;
              flex: 0 0 288px;
      margin-right: 3.125rem; } }

.ab-person__content {
  padding: 0; }
  @media (min-width: 43.75em) {
    .ab-person__content {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      max-width: 38.125rem; } }
  .ab-person__content p:last-child {
    margin-bottom: 1rem; }

.ab-person__summary p:last-child {
  margin-bottom: 0; }

.ab-person__name {
  color: #000;
  margin-bottom: 0.5rem; }

.ab-person__title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  color: #178387;
  font-weight: 700; }

.ab-simple-hero {
  background-color: #0A5C5F;
  background: -webkit-gradient(linear, right top, left top, from(#00A450), to(#178387));
  background: -o-linear-gradient(right, #00A450 0%, #178387 100%);
  background: linear-gradient(270deg, #00A450 0%, #178387 100%);
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-top: 0; }
  @media (min-width: 50em) {
    .ab-simple-hero {
      padding-bottom: 2.8125rem;
      padding-top: 2.8125rem; } }

.ab-simple-hero__title {
  color: #fff;
  margin-bottom: 0; }

.ab-site-name {
  background-image: url("../images/hhmi-ab-logo-sm.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 332px 44px;
  display: block;
  height: 44px;
  margin-right: 30px;
  overflow: hidden;
  width: 332px; }
  .ab-site-name::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  .l-footer .ab-site-name {
    background-image: url("../images/hhmi-ab-logo.svg");
    height: 32px;
    background-size: 250px 32px;
    width: 250px; }
    @media (min-width: 600px) {
      .l-footer .ab-site-name {
        background-size: 400px 52px;
        height: 52px;
        width: 400px; } }
    @media (min-width: 1200px) {
      .l-footer .ab-site-name {
        background-size: 501px 67px;
        height: 67px;
        width: 501px; } }
  .mobile-menu .ab-site-name {
    background-size: 460px 63px;
    height: 63px;
    position: relative;
    top: -7px;
    width: 460px; }
    @media (max-width: 600px) {
      .mobile-menu .ab-site-name {
        background-image: url("../images/hhmi-logo-white-sm.svg");
        background-size: 95px 63px;
        height: 63px;
        width: 95px; } }

.ab-star-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #838286;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.875rem 1.5rem;
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 37.5em) {
    .ab-star-box {
      min-height: 11.25rem; } }

.ab-star-box__title {
  color: #000;
  margin-bottom: 0.5rem;
  margin-top: 0; }

.ab-star-box__subtitle {
  color: #178387;
  font-weight: 700; }

.ab-star-box__star {
  position: absolute;
  top: -20px; }

.accordion-list__body {
  margin-bottom: 2.5rem; }

.accordion-teaser {
  margin-bottom: 2.5rem; }
  .accordion-teaser:last-child {
    margin-bottom: 0; }

@media (min-width: 34.375em) {
  .accordion-teaser__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.accordion-teaser__left {
  margin-bottom: 1.5rem; }
  @media (min-width: 34.375em) {
    .accordion-teaser__left {
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 150px;
      margin-right: 2.5rem; } }
  @media (min-width: 50em) {
    .accordion-teaser__left {
      -ms-flex-preferred-size: 190px;
          flex-basis: 190px;
      height: 190px;
      margin-right: 4rem; } }

.accordion-teaser__media {
  position: relative; }

.accordion-teaser__content > *:last-child {
  margin-bottom: 0; }

.accordion-teaser__content-wrapper {
  position: relative; }

.accordion-teaser__show-more {
  display: none;
  text-decoration: underline; }
  .accordion-teaser__show-more:hover, .accordion-teaser__show-more:focus {
    text-decoration: underline; }
  .has-accordion .accordion-teaser__show-more {
    display: block; }

.accordion-teaser__heading {
  margin-bottom: 1rem; }

.accordion-teaser__title {
  margin-bottom: 0;
  padding-left: 1px; }
  .accordion-teaser__title a {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    .accordion-teaser__title a:hover, .accordion-teaser__title a:focus {
      color: #178387;
      text-decoration: underline; }

.accordion-teaser__subtitle {
  margin-bottom: 0;
  margin-top: 0.5rem; }

.accordion-teaser__text > *:last-child {
  margin-bottom: 0; }

.action-bar {
  background: #ECECEC;
  margin-bottom: 2.5rem;
  padding: 1rem; }
  .action-bar > * {
    margin-bottom: 1rem;
    display: block; }
    .action-bar > *:last-child {
      margin-bottom: 0; }
  @media (min-width: 37.5em) {
    .action-bar {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 1rem 2.5rem 0 2.5rem; }
      .action-bar > * {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        margin: 0 2.5rem 1rem 0; }
        .action-bar > *:last-child {
          margin-right: 0;
          margin-bottom: 1rem; } }

.action-bar__link {
  font-size: 14px;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none; }
  .action-bar__link:hover {
    text-decoration: underline; }
  .action-bar__link:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 16px;
    height: 16px; }
  .action-bar__link.action-bar__link--copy:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/copy.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/copy.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/copy.svg"); }
  .action-bar__link.action-bar__link--add:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/plus-teal.svg"); }
  .action-bar__link.action-bar__link--embed {
    padding-left: 1.95rem; }
    .action-bar__link.action-bar__link--embed:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/embed.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/embed.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/embed.svg");
      background-size: 24px 16px;
      height: 16px;
      width: 24px; }
  .action-bar__link.action-bar__link--share:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/share-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/share-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/share-teal.svg"); }
  .action-bar__link.action-bar__link--spanish {
    padding-left: 1.75rem; }
    .action-bar__link.action-bar__link--spanish:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/en-teal.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/en-teal.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/en-teal.svg");
      background-size: 20px 16px;
      height: 16px;
      width: 20px; }
  .action-bar__link.action-bar__link--english {
    padding-left: 1.75rem; }
    .action-bar__link.action-bar__link--english:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/es-teal.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/es-teal.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/es-teal.svg");
      background-size: 20px 16px;
      height: 16px;
      width: 20px; }

.action-bar__share {
  position: relative; }
  .action-bar__share .addthis_inline_share_toolbox {
    background-color: #178387;
    bottom: -1rem;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
    display: none;
    left: 50%;
    padding: 8px 12px 4px 16px;
    position: absolute;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    -webkit-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    width: 144px;
    z-index: 9; }
    .action-bar__share .addthis_inline_share_toolbox.is-active {
      display: block; }
    .action-bar__share .addthis_inline_share_toolbox:before {
      border-bottom: 12px solid #178387;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      position: absolute;
      top: -12px;
      top: 0;
      -webkit-transform: translate(-50%, -100%);
          -ms-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      width: 0; }
    .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper {
      background-color: #178387;
      overflow: visible;
      position: relative; }
      .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:hover, .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:focus {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
        .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:hover:before, .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:focus:before {
          opacity: 1; }
      .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:focus {
        outline: dotted 2px #fff; }
      .action-bar__share .addthis_inline_share_toolbox .at-icon-wrapper:before {
        background-color: #DD8235;
        bottom: -9px;
        content: '';
        display: block;
        height: 4px;
        left: 0;
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity 250ms ease-out;
        -o-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
        width: 100%; }

.action-bar__edit a {
  font-size: 14px;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none; }
  .action-bar__edit a:hover, .action-bar__edit a:focus {
    text-decoration: underline; }
  .action-bar__edit a:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/pencil.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/pencil.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/pencil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px; }

.address {
  font-style: normal;
  margin-bottom: 0;
  padding-left: 1.75rem;
  position: relative; }
  .address:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/map-pin.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/map-pin.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/map-pin.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 2px; }
  .header-meta .address {
    padding-left: 0; }
    .header-meta .address::before {
      display: none; }

.announcement__heading {
  margin-bottom: 0.5rem; }

.announcement__date {
  color: #178387;
  font-weight: 500;
  margin-right: 0.5rem; }

.announcement__label {
  font-weight: 700; }

.announcement__body {
  font-size: 14px; }
  .announcement__body p {
    margin-bottom: 1.25rem; }

.archive-tooltip-flag {
  height: 2.5rem;
  position: relative; }
  .archive-tooltip-flag::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/alert.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/alert.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/alert.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 22px;
    margin-right: 0.5rem;
    position: relative;
    top: 4px;
    width: 22px; }
  .archive-tooltip-flag.archive-tooltip-flag--white {
    color: #fff; }
    .archive-tooltip-flag.archive-tooltip-flag--white::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/alert-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/alert-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/alert-white.svg"); }
  @media (min-width: 59.375em) {
    .archive-tooltip-flag.archive-tooltip-flag--white-lg {
      color: #fff; }
      .archive-tooltip-flag.archive-tooltip-flag--white-lg::before {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/alert-white.svg");
        background-image: -o-linear-gradient(transparent, transparent), url("../images/alert-white.svg");
        background-image: linear-gradient(transparent, transparent), url("../images/alert-white.svg"); } }
  .archive-tooltip-flag.archive-tooltip-flag--green::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/alert-green.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/alert-green.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/alert-green.svg"); }
  .archive-tooltip-flag.archive-tooltip-flag--background {
    background-color: #ECECEC;
    padding: 1rem 2rem; }
  .archive-tooltip-flag.archive-tooltip-flag--height-auto {
    height: auto; }
  .archive-tooltip-flag.archive-tooltip-flag--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem; }
    .archive-tooltip-flag.archive-tooltip-flag--flex::before {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0;
      top: 0;
      width: 32px; }
  .archive-tooltip-flag.archive-tooltip-flag--margin-bottom {
    margin-bottom: 1.5rem; }
  .archive-tooltip-flag.archive-tooltip-flag--bold {
    font-weight: 700;
    line-height: 20px; }
  .archive-tooltip-flag.archive-tooltip-flag--small {
    font-size: 0.875rem; }

.archive-tooltip {
  background: #FFFFFF;
  border-left: 8px solid #178387;
  -webkit-box-shadow: 10px 10px 23px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 23px -5px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  opacity: 0;
  padding: 2.5rem 1.5rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  width: 460px;
  z-index: 9; }
  @media (min-width: 63.4375em) {
    .archive-tooltip {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .archive-tooltip.is-active {
    opacity: 1; }

.archive-tooltip__title {
  font-weight: bold;
  margin-bottom: 0.5rem; }
  .archive-tooltip__title:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/alert.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/alert.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/alert.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 22px;
    margin-right: 0.5rem;
    position: relative;
    top: 4px;
    width: 22px; }
  @media (min-width: 63.4375em) {
    .archive-tooltip__title {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }

@media (min-width: 63.4375em) {
  .archive-tooltip__description {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

.article footer {
  padding-bottom: 1.5rem; }

.back-link__link {
  border-bottom: solid 3px #000;
  color: #000;
  display: inline-block;
  padding-top: 2.5rem;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .back-link__link:hover, .back-link__link:active {
    border-color: #8AC341; }
  .back-link__link:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 12px;
    width: 7px;
    margin-right: 0.5rem; }

.blog-header {
  position: relative;
  margin-bottom: 1rem; }
  .blog-header aside.l-sidebar__sidebar {
    padding-top: calc(100px + 75%); }

.blog-header__featured-image {
  margin-bottom: 2.5rem; }

.blog-header__video {
  height: 0;
  margin-bottom: 2.5rem;
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .blog-header__video iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.blog-header__title {
  margin-top: 0; }

.blog-header__article-type {
  color: #178387;
  font-weight: 500;
  margin-bottom: 0.5rem; }

.blog-header__byline {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 2.5rem; }

.blog-header__author {
  display: inline; }

.blog-header__date {
  border-left: solid 1px #3F3F3F;
  display: inline;
  margin-left: 0.5rem;
  padding-left: .75rem; }

.blog-header__label {
  color: #178387;
  font-weight: 500;
  margin-bottom: 4px; }

.blog-header__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  margin-bottom: 1rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
  .blog-header__meta a {
    display: block; }
  .blog-header__meta > * {
    margin-bottom: 1.5rem;
    padding: 0 1.5rem; }

.body-narrow {
  max-width: 720px; }

.breadcrumb {
  padding: 2.5rem 0;
  margin-bottom: 2.5rem; }
  .breadcrumb::after {
    clear: both;
    content: '';
    display: table; }
  .l-sidebar--bg-color .breadcrumb {
    margin-bottom: 0; }

.breadcrumb__list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .breadcrumb__list > li {
    display: inline; }

.breadcrumb__item {
  display: block;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 1rem;
  overflow: hidden;
  padding: 5px 0; }

.breadcrumb__link {
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: #000000; }
  .breadcrumb__link::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 14px;
    margin-right: 0.5rem;
    position: relative;
    top: 1px;
    width: 9px; }
  .breadcrumb__link:after {
    background-color: #fff;
    content: '';
    display: block;
    height: 3px;
    left: -100%;
    position: absolute;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .breadcrumb__link:hover:after {
    left: 0; }

.breadcrumb--green {
  background-color: #00A450; }

.breadcrumb--green-lime {
  background-color: #8AC341; }

.breadcrumb--teal {
  background-color: #178387; }

.breadcrumb--orange {
  background-color: #DD8235; }

.breadcrumb--yellow {
  background-color: #E2D000; }

.button, .member-page .private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button,
*::-webkit-file-upload-button {
  background-color: #178387;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.25;
  padding: 1rem 1.75rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 250ms ease-out, background-color 250ms ease-out;
  -o-transition: color 250ms ease-out, background-color 250ms ease-out;
  transition: color 250ms ease-out, background-color 250ms ease-out;
  vertical-align: top;
  white-space: normal;
  margin: 0 0 0.5em; }
  .button:focus, .member-page .private_message_link:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:focus, .button:hover, .member-page .private_message_link:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:hover,
  *::-webkit-file-upload-button:focus,
  *::-webkit-file-upload-button:hover {
    background-color: #0A5C5F;
    color: #fff;
    outline: 0; }
  .button:active, .member-page .private_message_link:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:active,
  *::-webkit-file-upload-button:active {
    background-color: #178387;
    color: #fff; }
  .button[disabled], .member-page .private_message_link[disabled], .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button[disabled],
  *::-webkit-file-upload-button[disabled] {
    background-color: #AAAAAA;
    color: #fff;
    cursor: default;
    pointer-events: none; }
  .button + .button, .member-page .private_message_link + .button, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .button, .member-page .button + .private_message_link, .member-page .private_message_link + .private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .member-page .agree-button + .private_message_link, .member-page .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .button + .agree-button, .member-page .sliding-popup-bottom .eu-cookie-compliance-buttons .private_message_link + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .member-page .private_message_link + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .agree-button,
  *::-webkit-file-upload-button + .button,
  .member-page *::-webkit-file-upload-button + .private_message_link,
  .sliding-popup-bottom .eu-cookie-compliance-buttons *::-webkit-file-upload-button + .agree-button, .button + *::-webkit-file-upload-button, .member-page .private_message_link + *::-webkit-file-upload-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + *::-webkit-file-upload-button,
  *::-webkit-file-upload-button +
  *::-webkit-file-upload-button {
    margin-left: 0.5em; }
    [dir='rtl'] .button + .button, [dir='rtl'] .member-page .private_message_link + .button, .member-page [dir='rtl'] .private_message_link + .button, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .agree-button + .button, [dir='rtl'] .member-page .button + .private_message_link, .member-page [dir='rtl'] .button + .private_message_link, [dir='rtl'] .member-page .private_message_link + .private_message_link, .member-page [dir='rtl'] .private_message_link + .private_message_link, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .member-page .agree-button + .private_message_link, .member-page [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .member-page .agree-button + .private_message_link, .member-page .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .agree-button + .private_message_link, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .button + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .button + .agree-button, [dir='rtl'] .member-page .sliding-popup-bottom .eu-cookie-compliance-buttons .private_message_link + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .member-page .private_message_link + .agree-button, .member-page [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .private_message_link + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .member-page [dir='rtl'] .private_message_link + .agree-button, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .agree-button + .agree-button, [dir='rtl'] *::-webkit-file-upload-button + .button, [dir='rtl'] .member-page *::-webkit-file-upload-button + .private_message_link, .member-page [dir='rtl'] *::-webkit-file-upload-button + .private_message_link, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons *::-webkit-file-upload-button + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] *::-webkit-file-upload-button + .agree-button, [dir='rtl'] .button + *::-webkit-file-upload-button, [dir='rtl'] .member-page .private_message_link + *::-webkit-file-upload-button, .member-page [dir='rtl'] .private_message_link + *::-webkit-file-upload-button, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + *::-webkit-file-upload-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .agree-button + *::-webkit-file-upload-button, [dir='rtl']
    *::-webkit-file-upload-button +
    *::-webkit-file-upload-button {
      margin-left: 0;
      margin-right: 0.5em; }
  .button.button--plus, .member-page .button--plus.private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--plus.agree-button,
  *::-webkit-file-upload-button.button--plus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/plus-white.svg");
    background-position: calc(100% - 1.5rem) center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-right: 3.5rem; }
  .button.button--message, .member-page .button--message.private_message_link, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--message.agree-button,
  *::-webkit-file-upload-button.button--message {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/messages-white.svg");
    background-position: calc(100% - 1.5rem) center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    padding-right: 3.5rem; }

*::-webkit-file-upload-button {
  margin-right: 0.5rem; }

.button--danger {
  background-color: #e31c3d;
  color: #fff; }
  .button--danger:focus, .button--danger:hover {
    background-color: #cd2026;
    color: #fff; }
  .button--danger:active {
    background-color: #981b1e;
    color: #fff; }

.button--edit {
  color: #3F3F3F;
  font-size: 14px;
  padding-left: 1.375rem;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 250ms ease-out;
  -o-transition: color 250ms ease-out;
  transition: color 250ms ease-out; }
  .button--edit:hover {
    color: #178387; }
  .button--edit::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/pencil.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/pencil.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/pencil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 0.9375rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.9375rem; }
  .button--edit.is-open::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/close-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/close-teal.svg"); }

.button--edit--teal {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/pencil-white.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/pencil-white.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/pencil-white.svg");
  background-position: calc(100% - 1.5rem) center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  color: #fff;
  padding-right: 3rem;
  position: relative;
  white-space: nowrap; }
  .button--edit--teal:hover, .button--edit--teal:focus {
    color: #fff; }
  .button--edit--teal::before {
    display: none; }

.button--large {
  font-size: 1.125rem;
  line-height: 1.3888888889;
  padding: 1rem 2rem; }

.button--launch {
  line-height: 22px; }
  .button--launch:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/external.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/external.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/external.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 18px;
    margin-right: .5rem;
    position: relative;
    top: 3px;
    width: 18px; }

.button--new-playlist,
.button--add-new {
  background-color: #178387;
  border: none;
  color: #ffffff;
  display: inline-block;
  height: 72px;
  padding: 1.5rem;
  text-decoration: none;
  -webkit-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out; }
  .button--new-playlist.button--add-new-resource,
  .button--add-new.button--add-new-resource {
    height: auto; }
  .button--new-playlist:after,
  .button--add-new:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/plus-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 14px;
    margin-left: 7px;
    position: relative;
    top: 1px;
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    -o-transition: transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
    width: 14px; }
  .button--new-playlist:hover, .button--new-playlist:focus,
  .button--add-new:hover,
  .button--add-new:focus {
    background-color: #0A5C5F; }
    .button--new-playlist:hover:after, .button--new-playlist:focus:after,
    .button--add-new:hover:after,
    .button--add-new:focus:after {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .button--new-playlist.button--add-new-slim,
  .button--add-new.button--add-new-slim {
    height: 60px;
    padding: 1.125rem 1.5rem; }

.button--secondary {
  background-color: #5b616b;
  color: #fff; }
  .button--secondary:focus, .button--secondary:hover {
    background-color: #323a45;
    color: #fff; }
  .button--secondary:active {
    background-color: #212121;
    color: #fff; }

.ab-hero .button, .ab-hero .member-page .private_message_link, .member-page .ab-hero .private_message_link, .ab-hero .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .ab-hero .agree-button,
.button--small,
.l-sidebar--3-col .views-exposed-form .form-actions input,
.views-view--group-listing .views-exposed-form .form-actions input {
  font-size: 0.75rem;
  line-height: 1.2142857143;
  padding: .5rem .75rem; }

.button--white {
  background-color: #fff;
  color: #178387; }

.caption-image {
  margin-bottom: 1.5rem; }
  @media (min-width: 43.75em) {
    .caption-image.align-right {
      max-width: 50%;
      float: right;
      margin-left: 2.5rem; } }
  @media (min-width: 43.75em) {
    .caption-image.align-left {
      max-width: 50%;
      float: left;
      margin-right: 2.5rem; } }

.caption-image__media {
  margin-bottom: 1rem; }
  .caption-image__media img {
    display: block; }

.caption-image__caption {
  font-size: 14px;
  font-style: italic; }

.card-listing__button {
  text-align: center;
  margin-top: 2.5rem; }

.card {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-box-shadow 300ms ease;
  transition: -webkit-box-shadow 300ms ease;
  -o-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease; }
  .card:hover {
    -webkit-box-shadow: -10px 5px 18px 3px rgba(0, 0, 0, 0.25);
            box-shadow: -10px 5px 18px 3px rgba(0, 0, 0, 0.25); }
  .card.card--orange {
    border-bottom: 11px solid #DD8235; }
  .card.card--sky-blue {
    border-bottom: 11px solid #3FC2CD; }
  .card.card--yellow {
    border-bottom: 11px solid #E2D000; }

.card__eyebrow {
  color: #178387;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px; }

.card__title {
  font-weight: bold;
  color: #000000; }

.card__header {
  margin-bottom: 1rem; }

.card__address {
  border-top: 1px solid #ECECEC;
  font-size: 14px;
  margin-top: 1rem;
  padding-top: 1rem; }

.card__date {
  font-size: 14px; }

.card__tag span:not(:first-child) {
  margin-top: 4px; }

.card__url {
  display: block;
  height: 100%;
  text-decoration: none;
  width: 100%; }

.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;
  padding: 2.5rem; }

.card__body {
  margin-bottom: 1.5rem; }
  .card__body:last-child {
    margin-bottom: 0; }
  .card__body > *:last-child {
    margin-bottom: 0; }

.geolocation-map-wrapper .card {
  border-bottom: none;
  font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif;
  font-weight: 400; }
  .geolocation-map-wrapper .card .card__content {
    padding: 1rem; }
  .geolocation-map-wrapper .card .card__eyebrow {
    display: none; }
  .geolocation-map-wrapper .card .card__title {
    font-size: 16px; }

.carousel-card {
  max-width: 500px;
  margin-right: 0.25rem; }
  .carousel-card:focus {
    outline: none; }
  .views-view--grid .carousel-card,
  .views-view-listing .carousel-card {
    padding: 0;
    margin: 0; }

.carousel-card__content {
  padding-right: .75rem;
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out; }
  .slick-slide .carousel-card__content {
    opacity: 0;
    pointer-events: none; }
  .slick-slide.slick-active .carousel-card__content {
    opacity: 1;
    pointer-events: visible; }

.carousel-card__tag {
  color: #178387;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px; }

.carousel-card__title {
  font-weight: bold; }
  .carousel-card__title a {
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    .carousel-card__title a:hover {
      text-decoration: underline; }
  @media (min-width: 50em) {
    .views-view-listing--group .carousel-card__title {
      font-size: 24px; } }

.carousel-card__media {
  margin-bottom: 0.5rem; }
  .carousel-card__media a:hover img, .carousel-card__media a:focus img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }

.carousel-card__image {
  overflow: hidden; }
  .carousel-card__image img {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }

.carousel-card--hhmi .carousel-card__title,
.carousel-card--personal .carousel-card__title {
  bottom: 0;
  color: #fff;
  font-size: 18px;
  left: 0;
  padding: 1.5rem;
  pointer-events: none;
  position: absolute; }
  @media (min-width: 50em) {
    .carousel-card--hhmi .carousel-card__title,
    .carousel-card--personal .carousel-card__title {
      font-size: 20px; } }

.carousel-card--hhmi .carousel-card__media,
.carousel-card--personal .carousel-card__media {
  position: relative; }

.carousel-card--hhmi .carousel-card__content .carousel-card__title,
.carousel-card--personal .carousel-card__content .carousel-card__title {
  display: none; }

.carousel-card__resource-count {
  font-size: 14px;
  font-weight: bold; }

.carousel-card__byline {
  font-size: 14px;
  margin-top: 2px; }

.carousel-card__flag {
  margin-top: 2px; }

.carousel-card__button {
  margin-top: 1rem; }

.carousel-card--group .carousel-card__image a:hover .carousel-card__group-image, .carousel-card--group .carousel-card__image a:focus .carousel-card__group-image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.carousel-card--group .carousel-card__member-count {
  margin-top: 0.25rem;
  font-size: 14px;
  font-weight: 500; }

.carousel-card--group .carousel-card__footer {
  display: none;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0.25rem; }
  .views-view-listing--group .carousel-card--group .carousel-card__footer {
    display: block; }

.carousel-card__group-image {
  display: block;
  height: 0;
  padding-top: 100%;
  position: relative;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .carousel-card--group .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#8AC341), to(#178387));
    background: -o-linear-gradient(left, #8AC341, #178387);
    background: linear-gradient(to right, #8AC341, #178387); }
  .carousel-card--group.carousel-card--blue .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#3FC2CD), to(#0A5C5F));
    background: -o-linear-gradient(left, #3FC2CD, #0A5C5F);
    background: linear-gradient(to right, #3FC2CD, #0A5C5F); }
  .carousel-card--group.carousel-card--yellow .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#FFEA00), to(#CEA600));
    background: -o-linear-gradient(left, #FFEA00, #CEA600);
    background: linear-gradient(to right, #FFEA00, #CEA600); }
  .carousel-card--group.carousel-card--green .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#8AC341), to(#00763A));
    background: -o-linear-gradient(left, #8AC341, #00763A);
    background: linear-gradient(to right, #8AC341, #00763A); }
  .carousel-card--group.carousel-card--orange .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#FFA356), to(#C2691D));
    background: -o-linear-gradient(left, #FFA356, #C2691D);
    background: linear-gradient(to right, #FFA356, #C2691D); }
  .carousel-card--group.carousel-card--green-teal .carousel-card__group-image {
    background: -webkit-gradient(linear, left top, right top, from(#52B448), to(#0A5C5F));
    background: -o-linear-gradient(left, #52B448, #0A5C5F);
    background: linear-gradient(to right, #52B448, #0A5C5F); }
  .carousel-card__group-image::after {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    opacity: 0.65;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }
    .carousel-card--biology .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-biology.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-biology.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-biology.svg"); }
    .carousel-card--chemistry .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-chemistry.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-chemistry.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-chemistry.svg"); }
    .carousel-card--physics .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-physics.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-physics.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-physics.svg"); }
    .carousel-card--math .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-math.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-math.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-math.svg"); }
    .carousel-card--books .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-books.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-books.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-books.svg"); }
    .carousel-card--dna .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-dna.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-dna.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-dna.svg"); }
    .carousel-card--mitochondria .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-mitochondria.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-mitochondria.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-mitochondria.svg"); }
    .carousel-card--elephant-corn .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-elephant-corn.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-elephant-corn.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-elephant-corn.svg"); }
    .carousel-card--finch-virus .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-finch-virus.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-finch-virus.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-finch-virus.svg"); }
    .carousel-card--microscope .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-microscope.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-microscope.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-microscope.svg"); }
    .carousel-card--ocean .carousel-card__group-image::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-ocean.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-ocean.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/group-header-ocean.svg"); }

.carousel-card--resource .carousel-card__image a:hover .carousel-card__resource-image, .carousel-card--resource .carousel-card__image a:focus .carousel-card__resource-image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.carousel-card__resource-image {
  display: block;
  height: 0;
  padding-top: 100%;
  position: relative;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  will-change: transform; }
  .carousel-card__resource-image::after {
    background-image: url("../images/resource-card.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }

.carousel-slider {
  margin-bottom: 4rem; }
  .node-page--node-type-personal-resource-playlist .carousel-slider {
    margin-bottom: 2rem; }
  .carousel-slider .slick-list {
    overflow: visible; }
  .carousel-slider .slick-prev,
  .carousel-slider .slick-next {
    height: 100%;
    overflow: hidden;
    width: 35px;
    background-color: rgba(0, 0, 0, 0.8);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 24px;
    display: block;
    opacity: .7;
    position: absolute;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    z-index: 2; }
    .carousel-slider .slick-prev::before,
    .carousel-slider .slick-next::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    @media (min-width: 50em) {
      .carousel-slider .slick-prev,
      .carousel-slider .slick-next {
        height: 100%;
        overflow: hidden;
        width: 40px;
        background-size: 20px 26px; }
        .carousel-slider .slick-prev::before,
        .carousel-slider .slick-next::before {
          content: '';
          display: block;
          height: 150%;
          width: 0; } }
    .carousel-slider .slick-prev:before,
    .carousel-slider .slick-next:before {
      display: none; }
    .carousel-slider .slick-prev:hover,
    .carousel-slider .slick-next:hover {
      opacity: 1; }
  .carousel-slider .slick-prev {
    left: 0;
    display: none !important; }
  .carousel-slider .slick-next {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    right: 0; }

.carousel-slider__top {
  margin-bottom: 1rem; }
  @media (min-width: 43.75em) {
    .carousel-slider__top {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.carousel-slider__bottom {
  margin-right: -1.5rem;
  overflow: hidden;
  padding-left: 0;
  position: relative; }
  .carousel-slider__bottom .button, .carousel-slider__bottom .member-page .private_message_link, .member-page .carousel-slider__bottom .private_message_link, .carousel-slider__bottom .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .carousel-slider__bottom .agree-button {
    margin-top: 2.5rem; }

.carousel-slider__title {
  font-size: 1.5em;
  margin: 0 0 .25rem 0; }
  @media (min-width: 43.75em) {
    .carousel-slider__title {
      margin: 0; } }

.carousel-slider__slide-indicator {
  font-size: 14px; }
  @media (min-width: 43.75em) {
    .carousel-slider__slide-indicator {
      -ms-flex-preferred-size: 0 0 auto;
          flex-basis: 0 0 auto;
      margin-left: 1.5rem; } }

.carousel-slider__items {
  padding-right: 3.5rem; }

.comment-reply {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #979797;
  background-color: #ffffff;
  padding: 1rem 0.5rem;
  position: relative; }
  @media (min-width: 37.5em) {
    .comment-reply {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 1rem 0; } }

.comment-reply__headshot {
  margin: 0 0.5rem 0 0;
  padding-left: 1.5rem; }

.comment-reply__input {
  display: block; }
  .comment-reply__input .form-item--textfield {
    margin-bottom: 0; }
    .comment-reply__input .form-item--textfield input::-webkit-input-placeholder {
      color: #000;
      font-style: normal; }
    .comment-reply__input .form-item--textfield input::-moz-placeholder {
      color: #000;
      font-style: normal; }
    .comment-reply__input .form-item--textfield input::-ms-input-placeholder {
      color: #000;
      font-style: normal; }
    .comment-reply__input .form-item--textfield input::placeholder {
      color: #000;
      font-style: normal; }
  .comment-reply__input .form-item__text {
    border-bottom: 0;
    font-size: 24px;
    margin-bottom: 0; }

.comment {
  background-color: transparent;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .comments .comment {
    margin-left: 2.5rem; }
    @media (min-width: 37.5em) {
      .comments .comment {
        margin-left: 4rem; } }

.comment__content {
  background-color: #ffffff;
  padding: 1.5rem; }
  @media (min-width: 50em) {
    .comment__content {
      padding: 1.5rem 2.5rem; } }

.comment__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem; }
  @media (min-width: 37.5em) {
    .comment__header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.comment__left {
  line-height: 16px; }
  @media (min-width: 37.5em) {
    .comment__left {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.comment__headshot {
  margin: 0 0 0.5rem 0; }
  @media (min-width: 37.5em) {
    .comment__headshot {
      margin: 0 1rem 0 0; } }

.comment__date {
  font-size: 14px;
  position: relative;
  top: 2px; }
  @media (min-width: 37.5em) {
    .comment__date {
      padding-left: 0; } }

.comment__body {
  display: block;
  margin-bottom: 1rem; }
  .comment__body > :last-child {
    margin-bottom: 0; }
  .comment__body a[href$=".doc"],
  .comment__body a[href$=".pdf"],
  .comment__body a[href$=".txt"] {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0.5rem;
    position: relative;
    text-decoration: none; }
    .comment__body a[href$=".doc"]::before,
    .comment__body a[href$=".pdf"]::before,
    .comment__body a[href$=".txt"]::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/download.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/download.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/download.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px 17px;
      content: '';
      display: inline-block;
      height: 17px;
      left: 0;
      margin-right: 0.5rem;
      position: relative;
      top: 4px;
      width: 14px; }

.comment__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem; }

.comment__like {
  margin-right: 1.5rem; }

.comment__reply .comment-reply {
  background-color: transparent;
  padding: 0;
  border: 0; }

.comment__reply ul {
  margin: 0;
  padding: 0; }

.comment__reply a {
  text-decoration: none; }
  .comment__reply a::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/comment.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/comment.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/comment.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 0.5rem;
    position: relative;
    top: 2px;
    width: 16px; }
  .comment__reply a:hover {
    color: #178387; }
    .comment__reply a:hover::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/comment-teal.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/comment-teal.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/comment-teal.svg"); }

.comment__attachment {
  font-size: 14px; }
  .comment__attachment .field__label {
    color: #000; }

.comment__options .options__toggle {
  background-color: transparent; }

.comment--author-self .comment__body,
.comment--author-self a {
  color: #000; }

.comment--author-self .comment__content {
  background-color: rgba(10, 92, 95, 0.2); }

.complex-header {
  position: relative;
  margin-bottom: 2.5rem; }
  .complex-header aside.l-sidebar__sidebar {
    padding-top: calc(100px + 75%); }

.complex-header__title + .complex-header__sub-title {
  margin-bottom: 2.5rem; }

.complex-header__featured-image {
  margin-bottom: 2.5rem; }
  .complex-header__featured-image img {
    max-height: 500px;
    width: auto; }

.complex-header__video {
  height: 0;
  margin-bottom: 2.5rem;
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .complex-header__video iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.complex-header__title {
  margin-top: 0; }

.complex-header__article-type {
  color: #178387;
  font-weight: 500;
  margin-bottom: 0.5rem; }

.complex-header__byline {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 2.5rem; }

.complex-header__author {
  display: inline; }

.complex-header__date {
  border-left: solid 1px #3F3F3F;
  display: inline;
  margin-left: 0.5rem;
  padding-left: 0.75rem; }

.complex-header__label {
  color: #178387;
  font-weight: 500;
  margin-bottom: 4px; }

.complex-header__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  margin-bottom: 1rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
  .complex-header__meta hr {
    margin: 1rem 1.5rem 0;
    width: 100%; }
  .complex-header__meta a {
    display: block; }
  .complex-header__meta > * {
    margin-bottom: 1.5rem;
    padding: 0 1.5rem; }

.complex-subtitle {
  font-size: 24px;
  line-height: 1; }

.complex-subtitle__main {
  color: #178387;
  font-weight: 500;
  margin-bottom: 0.5rem; }

.complex-subtitle__minor > * {
  margin-bottom: 0.5rem; }

.content-embed {
  padding: 2.5rem 0; }
  @media (min-width: 50em) {
    .content-embed {
      padding: 4rem 0; } }
  .sub-heading .content-embed {
    padding-bottom: 1rem; }

.l-paragraph + .content-embed {
  padding-top: 0; }

.cta-fifty-fifty {
  margin-bottom: 4rem;
  margin-top: 4rem; }
  .cta-fifty-fifty a {
    color: #fff; }
  @media (min-width: 56.25em) {
    .cta-fifty-fifty {
      margin-bottom: 5.625rem;
      margin-top: 5.625rem; } }
  .cta-fifty-fifty .button, .cta-fifty-fifty .member-page .private_message_link, .member-page .cta-fifty-fifty .private_message_link, .cta-fifty-fifty .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty .agree-button {
    color: #000;
    margin-top: 1.5rem; }
    .cta-fifty-fifty .button:hover, .cta-fifty-fifty .member-page .private_message_link:hover, .member-page .cta-fifty-fifty .private_message_link:hover, .cta-fifty-fifty .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty .agree-button:hover, .cta-fifty-fifty .button:active, .cta-fifty-fifty .member-page .private_message_link:active, .member-page .cta-fifty-fifty .private_message_link:active, .cta-fifty-fifty .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty .agree-button:active, .cta-fifty-fifty .button:focus, .cta-fifty-fifty .member-page .private_message_link:focus, .member-page .cta-fifty-fifty .private_message_link:focus, .cta-fifty-fifty .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty .agree-button:focus {
      color: #fff; }
  .cta-fifty-fifty.has-howie {
    margin-top: 6.5rem; }
    @media (min-width: 56.25em) {
      .cta-fifty-fifty.has-howie {
        margin-top: 10rem; } }

.cta-fifty-fifty--green .button:hover, .cta-fifty-fifty--green .member-page .private_message_link:hover, .member-page .cta-fifty-fifty--green .private_message_link:hover, .cta-fifty-fifty--green .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty--green .agree-button:hover, .cta-fifty-fifty--green .button:active, .cta-fifty-fifty--green .member-page .private_message_link:active, .member-page .cta-fifty-fifty--green .private_message_link:active, .cta-fifty-fifty--green .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty--green .agree-button:active, .cta-fifty-fifty--green .button:focus, .cta-fifty-fifty--green .member-page .private_message_link:focus, .member-page .cta-fifty-fifty--green .private_message_link:focus, .cta-fifty-fifty--green .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .cta-fifty-fifty--green .agree-button:focus {
  background-color: #000; }

.cta-fifty-fifty--green .cta-fifty-fifty__wrapper {
  background-color: #00A450; }

.cta-fifty-fifty--green-lime .cta-fifty-fifty__wrapper {
  background-color: #8AC341; }

.cta-fifty-fifty--green-light .cta-fifty-fifty__wrapper {
  background-color: #52B448; }

.cta-fifty-fifty--dark-green .cta-fifty-fifty__wrapper {
  background-color: #00763A; }

.cta-fifty-fifty--teal .cta-fifty-fifty__wrapper {
  background-color: #178387; }

.cta-fifty-fifty--orange .cta-fifty-fifty__wrapper {
  background-color: #DD8235; }

.cta-fifty-fifty--yellow .cta-fifty-fifty__wrapper {
  background-color: #E2D000; }

.cta-fifty-fifty--black .cta-fifty-fifty__wrapper {
  background-color: #000; }

.cta-fifty-fifty__wrapper {
  -webkit-box-shadow: 0px 51px 78px -32px rgba(0, 0, 0, 0.5), inset 0px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 51px 78px -32px rgba(0, 0, 0, 0.5), inset 0px 1px 3px rgba(0, 0, 0, 0.5); }
  .cta-fifty-fifty__wrapper .howie {
    padding-right: 1.5rem; }
  .cta-fifty-fifty__wrapper .howie__image {
    background-size: 113px 83px;
    height: 83px;
    -webkit-transform: rotate(13deg) translateY(-50%);
        -ms-transform: rotate(13deg) translateY(-50%);
            transform: rotate(13deg) translateY(-50%);
    width: 113px; }
  @media (min-width: 50em) {
    .cta-fifty-fifty__wrapper .howie {
      padding-right: 2.5rem; } }

.cta-fifty-fifty__title {
  color: #fff;
  margin-bottom: 1rem; }

.cta-fifty-fifty__left {
  color: #fff;
  padding: 2.5rem; }
  .cta-fifty-fifty__left :last-child {
    margin-bottom: 0; }
  @media (min-width: 56.25em) {
    .cta-fifty-fifty__left {
      padding: 3.3125rem; } }

.cta-fifty-fifty__content {
  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; }
  .cta-fifty-fifty__content img {
    background-color: #fff;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: auto;
    width: 100%; }
  @media (min-width: 56.25em) {
    .cta-fifty-fifty__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .cta-fifty-fifty--two-cols .cta-fifty-fifty__content > * {
        width: 50%; }
      .cta-fifty-fifty__content img {
        min-height: 360px; } }

@media (min-width: 56.25em) {
  .cta-fifty-fifty--image-align-left .cta-fifty-fifty__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.cta-two-col {
  position: relative; }

.has-two-col .cta-two-col__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 56.25em) {
    .has-two-col .cta-two-col__wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.cta-two-col__text-wrapper {
  margin: 0 auto;
  width: 100%; }

.cta-two-col.color-1--green:before {
  background-color: #00A450; }

.cta-two-col.color-1--green .cta-two-col__cta-col:nth-child(1) {
  background-color: #00A450; }

.cta-two-col.color-2--green:after {
  background-color: #00A450; }

.cta-two-col.color-2--green .cta-two-col__cta-col:nth-child(2) {
  background-color: #00A450; }

.cta-two-col.color-1--green-lime:before {
  background-color: #8AC341; }

.cta-two-col.color-1--green-lime .cta-two-col__cta-col:nth-child(1) {
  background-color: #8AC341; }

.cta-two-col.color-2--green-lime:after {
  background-color: #8AC341; }

.cta-two-col.color-2--green-lime .cta-two-col__cta-col:nth-child(2) {
  background-color: #8AC341; }

.cta-two-col.color-1--green-light:before {
  background-color: #52B448; }

.cta-two-col.color-1--green-light .cta-two-col__cta-col:nth-child(1) {
  background-color: #52B448; }

.cta-two-col.color-2--green-light:after {
  background-color: #52B448; }

.cta-two-col.color-2--green-light .cta-two-col__cta-col:nth-child(2) {
  background-color: #52B448; }

.cta-two-col.color-1--teal:before {
  background-color: #178387; }

.cta-two-col.color-1--teal .cta-two-col__cta-col:nth-child(1) {
  background-color: #178387; }

.cta-two-col.color-2--teal:after {
  background-color: #178387; }

.cta-two-col.color-2--teal .cta-two-col__cta-col:nth-child(2) {
  background-color: #178387; }

.cta-two-col.color-1--orange:before {
  background-color: #DD8235; }

.cta-two-col.color-1--orange .cta-two-col__cta-col:nth-child(1) {
  background-color: #DD8235; }

.cta-two-col.color-2--orange:after {
  background-color: #DD8235; }

.cta-two-col.color-2--orange .cta-two-col__cta-col:nth-child(2) {
  background-color: #DD8235; }

.cta-two-col.color-1--yellow:before {
  background-color: #E2D000; }

.cta-two-col.color-1--yellow .cta-two-col__cta-col:nth-child(1) {
  background-color: #E2D000; }

.cta-two-col.color-2--yellow:after {
  background-color: #E2D000; }

.cta-two-col.color-2--yellow .cta-two-col__cta-col:nth-child(2) {
  background-color: #E2D000; }

.cta {
  height: auto;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 2.5rem 1.5rem; }
  @media (min-width: 56.25em) {
    .cta {
      margin-left: 0;
      margin-right: 0;
      padding: 4rem 0; }
      .cta:after {
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1; } }
  @media (min-width: 56.25em) {
    .has-two-col .cta {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
      .has-two-col .cta:first-child {
        padding: 4rem 4rem 4rem 0; }
        .has-two-col .cta:first-child:after {
          width: 50%; }
      .has-two-col .cta:last-child {
        padding: 4rem 0 4rem 4rem; }
        .has-two-col .cta:last-child:after {
          width: 50%;
          left: 50%; } }
  .cta.cta--teal .cta__title,
  .cta.cta--teal .cta__summary {
    color: #fff; }

.cta__title {
  color: #000; }

.cta__summary {
  font-size: 24px;
  line-height: 1.25;
  color: #000; }

.cta__button {
  margin-top: 2.5rem; }

.cta--green {
  background-color: #00A450; }
  .cta--green:after {
    background-color: #00A450; }

.cta--green-lime {
  background-color: #8AC341; }
  .cta--green-lime:after {
    background-color: #8AC341; }

.cta--green-light {
  background-color: #52B448; }
  .cta--green-light:after {
    background-color: #52B448; }

.cta--dark-green {
  background-color: #00763A; }
  .cta--dark-green:after {
    background-color: #00763A; }

.cta--teal {
  background-color: #178387; }
  .cta--teal:after {
    background-color: #178387; }

.cta--orange {
  background-color: #DD8235; }
  .cta--orange:after {
    background-color: #DD8235; }

.cta--yellow {
  background-color: #E2D000; }
  .cta--yellow:after {
    background-color: #E2D000; }

.cta--black {
  background-color: #000; }
  .cta--black:after {
    background-color: #000; }

.date {
  padding-left: 2rem;
  position: relative; }
  .date:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/calendar.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/calendar.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/calendar.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 20px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 2px; }

details.details {
  margin: 0 0 1.875rem; }
  .js details.details:not([open]) > .details__content {
    display: none; }

.details__summary {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/plus.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/plus.svg");
  background-color: #f1f1f1;
  background-position: right 1.875rem center;
  background-repeat: no-repeat;
  background-size: 0.8125rem;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 1;
  outline: 0;
  padding: 0.9375rem 3.4375rem 0.9375rem 1.875rem; }
  [dir='rtl'] .details__summary {
    background-position: left 1.875rem center;
    padding-left: 3.4375rem;
    padding-right: 1.875rem; }
  [open] > .details__summary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/minus.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/minus.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/minus.svg"); }
  .details__summary:hover {
    background-color: #d6d7d9; }
  .details__summary:focus {
    -webkit-box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
            box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }
  .details__summary::-webkit-details-marker {
    display: none; }

.details__fallback-link {
  color: inherit !important;
  display: block;
  outline: 0;
  text-decoration: none; }

.details__content {
  background: #fff;
  border: 3px solid #f1f1f1;
  border-top: 0;
  padding: 1.875rem; }
  .scheduler-form .details__content h4 {
    font-size: 1.5em;
    margin-bottom: 1rem; }
  .details__content > * {
    margin-bottom: 1.875rem; }
  .details__content > :last-child {
    margin-bottom: 0; }
  .details__content .form-item--date {
    margin-bottom: 0.5rem; }
    @media (min-width: 37.5em) {
      .details__content .form-item--date {
        display: inline-block; } }

.details__description {
  color: #178387;
  font-size: 0.875rem;
  margin-bottom: 1.5rem; }
  .details__description > :last-child {
    margin-bottom: 0; }

.direct-message {
  background-color: #fff;
  color: #000;
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
  position: relative; }
  @media (min-width: 50em) {
    .direct-message {
      padding: 1.5rem 1.75rem; } }
  .private-message-author-self .direct-message,
  .private-message-author-other .direct-message {
    max-width: calc(100% - 2.5rem); }
    @media (min-width: 37.5em) {
      .private-message-author-self .direct-message,
      .private-message-author-other .direct-message {
        max-width: calc(100% - 6rem); } }
  .private-message-author-self .direct-message {
    background-color: rgba(10, 92, 95, 0.2);
    margin-left: auto; }
  .private-message-author-other .direct-message {
    background-color: #f4f4f4;
    margin-right: auto; }
  .private-message-thread-teaser.unread-thread .direct-message {
    font-weight: 700; }

.direct-message__header {
  padding-bottom: 1rem; }
  @media (min-width: 37.5em) {
    .direct-message__header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .direct-message__header .headshot {
    margin-bottom: 0.5rem; }
    @media (min-width: 37.5em) {
      .direct-message__header .headshot {
        margin-bottom: 0; } }

.direct-message__username {
  font-weight: 500; }

.direct-message__date {
  font-size: 14px; }
  @media (min-width: 37.5em) {
    .direct-message__date {
      padding-left: 1rem; } }

.direct-message__body {
  display: block;
  font-size: 14px; }
  @media (min-width: 37.5em) {
    .direct-message__body {
      font-size: 16px; } }
  .direct-message__body a {
    color: #000; }
  .direct-message__body p {
    margin-bottom: 1rem; }
  .direct-message__body > :last-child {
    margin-bottom: 0; }

.direct-message__link {
  display: block;
  text-decoration: none; }
  .direct-message__link:hover, .direct-message__link:focus,
  .tab--active .direct-message__link {
    background-color: #178387;
    color: #fff; }
    .direct-message__link:hover .headshot__name, .direct-message__link:focus .headshot__name,
    .tab--active .direct-message__link .headshot__name {
      color: #fff; }

.private-message {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

.private-message-thread-full {
  position: relative;
  padding-top: 4rem; }
  @media (min-width: 65.625em) {
    .private-message-thread-full {
      padding-top: 0; } }
  .private-message-thread-full .contextual-region {
    position: static; }

.load-previous-position-before {
  border: 0 !important; }
  .load-previous-position-before a {
    background-color: #f4f4f4 !important;
    margin-bottom: 1rem !important;
    padding: 0.5rem 0; }

.direct-message--search-result {
  text-decoration: none; }

.member-page .private_message_link {
  margin-top: 1.5rem; }

.direct-message--small {
  background-color: #ECECEC;
  border-color: #AAAAAA;
  margin-bottom: 2px;
  padding: 6px 1rem 1rem 1rem; }
  .direct-message--small.has-url {
    padding: 0; }
  .direct-message--small.is-active {
    background-color: #0A5C5F;
    border-color: #838286;
    border-width: 2px;
    color: #fff; }
  .l-sidebar--3-col .direct-message--small {
    margin-right: -1px; }
  .view--dropdown .direct-message--small {
    border-bottom: solid 1px #838286;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0; }
  .direct-message--small .direct-message__link {
    min-height: 80px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 6px 1rem 1rem 1rem;
    -webkit-transition: outline 200ms ease-out;
    -o-transition: outline 200ms ease-out;
    transition: outline 200ms ease-out; }
    .direct-message--small .direct-message__link:hover .direct-message__body, .direct-message--small .direct-message__link:focus .direct-message__body,
    .tab--active .direct-message--small .direct-message__link .direct-message__body {
      color: #fff; }
  .direct-message--small .direct-message__header {
    border: 0;
    font-size: 14px;
    margin-bottom: 0.5rem;
    padding-bottom: 0; }
  .direct-message--small .direct-message__body {
    font-size: 14px;
    margin-top: -1rem;
    overflow: hidden;
    padding-left: 59px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
    .unread-thread .direct-message--small .direct-message__body {
      color: #000; }
  .direct-message--small .headshot__image {
    position: relative;
    top: 11px; }
  .direct-message--small .headshot__name {
    font-size: 16px; }
    .private-message-thread-teaser.unread-thread .direct-message--small .headshot__name {
      font-weight: 700; }

.dropbutton {
  display: inline-block;
  margin: 0 0 0.5em;
  position: relative;
  vertical-align: top; }
  .dropbutton.has-multiple {
    padding-right: 2em; }
    [dir='rtl'] .dropbutton.has-multiple {
      padding-left: 2em;
      padding-right: 0; }
  .dropbutton.is-open .dropbutton__item {
    display: block; }
    .dropbutton.is-open .dropbutton__item:first-child .dropbutton__button {
      border-bottom-left-radius: 0; }
  .dropbutton.is-open .dropbutton__toggle-button {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-up-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-up-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/arrow-up-white.svg"); }
  .dropbutton + .dropbutton,
  .dropbutton + .button,
  .member-page .dropbutton + .private_message_link,
  .sliding-popup-bottom .eu-cookie-compliance-buttons .dropbutton + .agree-button,
  .button + .dropbutton,
  .member-page .private_message_link + .dropbutton,
  .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .dropbutton {
    margin-left: 0.5em; }
    [dir='rtl'] .dropbutton + .dropbutton, [dir='rtl'] .dropbutton + .button, [dir='rtl'] .member-page .dropbutton + .private_message_link, .member-page [dir='rtl'] .dropbutton + .private_message_link, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .dropbutton + .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .dropbutton + .agree-button, [dir='rtl'] .button + .dropbutton, [dir='rtl'] .member-page .private_message_link + .dropbutton, .member-page [dir='rtl'] .private_message_link + .dropbutton, [dir='rtl'] .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button + .dropbutton, .sliding-popup-bottom .eu-cookie-compliance-buttons [dir='rtl'] .agree-button + .dropbutton {
      margin-left: 0;
      margin-right: 0.5em; }

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

.dropbutton__toggle {
  bottom: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 2em; }

.dropbutton__toggle-button {
  background-color: #178387;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.25;
  padding: 1rem 1.75rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 250ms ease-out, background-color 250ms ease-out;
  -o-transition: color 250ms ease-out, background-color 250ms ease-out;
  transition: color 250ms ease-out, background-color 250ms ease-out;
  vertical-align: top;
  white-space: normal;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-down-white.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-down-white.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/arrow-down-white.svg");
  background-position: 50% 1rem;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 100%;
  padding: 0;
  white-space: nowrap;
  width: 100%; }
  .dropbutton__toggle-button:focus, .dropbutton__toggle-button:hover {
    background-color: #0A5C5F;
    color: #fff;
    outline: 0; }
  .dropbutton__toggle-button:active {
    background-color: #178387;
    color: #fff; }
  .dropbutton__toggle-button[disabled] {
    background-color: #AAAAAA;
    color: #fff;
    cursor: default;
    pointer-events: none; }

.dropbutton__item {
  margin: 0; }
  .dropbutton__item.is-secondary-action {
    display: none; }
    .dropbutton__item.is-secondary-action:not(:last-child) .dropbutton__button {
      border-bottom-left-radius: 0; }
  .dropbutton__item:not(:first-child) .dropbutton__button {
    border-top-left-radius: 0; }

.dropbutton .dropbutton__button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  display: block;
  margin: 0;
  text-align: left;
  width: 100%; }

td.views-field-dropbutton .dropbutton {
  background-color: #fff;
  margin-bottom: 0;
  width: 100%; }

td.views-field-dropbutton .dropbutton__list {
  margin-right: 1rem; }

td.views-field-dropbutton .dropbutton__toggle-button {
  background-position: 50% 0.4375rem; }

.field--name-field-playlist-items {
  counter-reset: row; }

.edit-playlist-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 37.5em) {
    .edit-playlist-teaser {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .edit-playlist-teaser::before {
        color: #178387;
        counter-increment: row;
        content: counter(row) ".";
        display: inline-block;
        font-weight: bold;
        font-size: 18px;
        margin-right: 1.5rem; } }

.edit-playlist-teaser__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.5625rem;
          flex: 0 0 6.5625rem;
  max-width: 6.5625rem; }
  @media (min-width: 37.5em) {
    .edit-playlist-teaser__image {
      margin-right: 1.875rem; } }

.edit-playlist-teaser__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.edit-playlist-teaser__tag {
  color: #178387;
  font-size: 14px;
  line-height: 1.2; }

.edit-playlist-teaser__title {
  font-size: 18px;
  line-height: 1.2;
  margin: 0; }
  @media (min-width: 75em) {
    .edit-playlist-teaser__title {
      font-size: 24px; } }

.embed-code-modal .modal__close {
  display: none; }

.embed-code-modal .embed-code {
  background-color: #ECECEC;
  max-height: 100vh;
  max-width: 800px;
  overflow: scroll;
  padding: 3rem;
  width: 100%; }

.embed-code-modal .embed-code__title {
  padding-right: 35px; }

.embed-code textarea {
  border: 1px solid #000000;
  width: 100%; }

.embed-code__header {
  position: relative; }

.embed-code__close {
  height: 20px;
  overflow: hidden;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/close-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/close-black.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 4px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .embed-code__close::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  .embed-code__close:hover, .embed-code__close:focus {
    opacity: .5; }

.embed-code__copy {
  padding-left: 1.70rem;
  position: relative; }
  .embed-code__copy:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/copy.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/copy.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/copy.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 20px;
    content: '';
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 18px; }

.embed_code__description {
  margin-top: 1.5rem; }

.event-header {
  margin-bottom: 1rem; }

.event-header__type {
  color: #178387;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0.5rem; }

.event-header__title {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 1.5rem; }
  @media (min-width: 43.75em) {
    .event-header__title {
      font-size: 36px; } }

.event-header__register {
  margin-bottom: 1.5rem; }

.event-header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
  .event-header__info > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 1.5rem;
    padding: 0 1.5rem; }
    @media (min-width: 43.75em) {
      .event-header__info > * {
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

.event-header__topic > * {
  display: block; }

.event-header__info-header {
  color: #178387;
  font-weight: 500; }

.event-header__address > * {
  margin-left: -1.75rem; }
  @media (min-width: 43.75em) {
    .event-header__address > * {
      margin-left: 0; } }

.event-header__grade-level a {
  display: block; }

.facet-block__heading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0;
  position: relative; }

.facet-block__title {
  font-size: 1em;
  margin: 0; }

.facet-block__trigger {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/plus-teal.svg");
  color: transparent;
  font: 0/0 a;
  height: 19px;
  text-shadow: none;
  width: 19px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  content: "";
  display: block;
  padding: 1rem; }
  .facet-block.is-active .facet-block__trigger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/minus-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/minus-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/minus-teal.svg"); }

.facet-block__content {
  display: none;
  padding-left: 1px; }

.facet-block {
  border-top: 1px solid #AAAAAA; }
  .facet-block:last-child {
    border-bottom: 1px solid #AAAAAA; }

.facet-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 1rem;
  position: relative; }
  .facet-group:last-of-type {
    border: none; }
  .facet-group .facet-group__facets {
    list-style-type: none;
    margin: 0;
    padding: 1rem 0 0 2.125rem; }
  .facet-group .facets-soft-limit-link {
    display: inline-block;
    padding-left: 0;
    line-height: 1.3;
    margin-top: 1rem;
    text-decoration: none; }
  .facet-group nav {
    display: none; }

.facet-group__category {
  position: relative; }
  .facet-group__category .facet-group__trigger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-grey.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-grey.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/plus-grey.svg");
    color: transparent;
    font: 0/0 a;
    height: 19px;
    text-shadow: none;
    width: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    content: "";
    display: block;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .facet-group__category.is-active .facet-group__trigger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/minus-grey.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/minus-grey.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/minus-grey.svg");
    position: absolute; }

.facet-group__facets {
  list-style: none; }
  .facet-group__facets label {
    font-size: 14px; }
  .facet-group__facets .facet-item {
    padding-right: 2rem; }
    .facet-group__facets .facet-item .facet-item {
      padding-right: 0; }

.favorite-flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .favorite-flag:not(.favorite-flag--favorited-by):hover .favorite-flag__icon:before {
    opacity: 0; }
  .favorite-flag:not(.favorite-flag--favorited-by):hover .favorite-flag__icon:after {
    opacity: 1; }

.favorite-flag__icon {
  color: transparent;
  font: 0/0 a;
  height: 16px;
  text-shadow: none;
  width: 16px;
  position: relative; }
  .favorite-flag__icon:before, .favorite-flag__icon:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .favorite-flag__icon:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
    opacity: 1; }
    .favorite-flag--bookmark .favorite-flag__icon:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-white.svg"); }
  .favorite-flag__icon:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
    opacity: 0; }
    .favorite-flag--bookmark .favorite-flag__icon:after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/bookmark-white.svg"); }

.favorite-flag__text {
  margin-left: 0.5rem;
  font-size: 14px; }

.favorite-flag.is-favorited .favorite-flag__icon:before {
  opacity: 0; }

.favorite-flag.is-favorited .favorite-flag__icon:after {
  opacity: 1; }

.favorite-flag.is-favorited:hover .favorite-flag__icon:before {
  opacity: 1; }

.favorite-flag.is-favorited:hover .favorite-flag__icon:after {
  opacity: 0; }

.favorite-flag.favorite-flag--favorited-by {
  cursor: initial; }
  .favorite-flag.favorite-flag--favorited-by .favorite-flag__icon:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
    opacity: 1; }
  .favorite-flag.favorite-flag--favorited-by.favorite-flag--bookmark .favorite-flag__icon:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-white.svg");
    opacity: 1; }

.flag-favorites a {
  font-size: 14px;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none; }
  .flag-favorites a:hover {
    text-decoration: underline; }
  .flag-favorites a:before, .flag-favorites a:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 16px; }
  .flag-favorites a:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
    opacity: 1; }
  .flag-favorites a:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
    opacity: 0; }
  .flag-favorites a:hover:before {
    opacity: 0; }
  .flag-favorites a:hover:after {
    opacity: 1; }

.flag-favorites.action-unflag a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
  opacity: 0; }

.flag-favorites.action-unflag a:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
  opacity: 1; }

.flag-favorites.action-unflag a:hover:before {
  opacity: 1; }

.flag-favorites.action-unflag a:hover:after {
  opacity: 0; }

.feature-block__row {
  padding: 2.5rem 0; }
  @media (min-width: 37.5em) {
    .feature-block__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 4rem 0; } }

.feature-block__media {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-top: 50%;
  position: relative; }
  .feature-block__media img {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 37.5em) {
      .feature-block__media img {
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
  @media (min-width: 37.5em) {
    .feature-block__media {
      -ms-flex-preferred-size: 250px;
          flex-basis: 250px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: auto;
      margin-bottom: 0;
      margin-right: 1.5rem;
      padding-top: 0; } }
  @media (min-width: 56.25em) {
    .feature-block__media {
      -ms-flex-preferred-size: 380px;
          flex-basis: 380px;
      margin-right: 2.5rem; } }

@media (min-width: 37.5em) {
  .feature-block__content {
    -ms-flex-preferred-size: fill;
        flex-basis: fill;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1; } }

.feature-block__title {
  margin-bottom: 1.5rem;
  margin-top: 0; }

.feature-block__type {
  color: #178387;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px; }
  @media (min-width: 37.5em) {
    .feature-block__type {
      font-size: 24px; } }

.feature-block__description {
  margin-bottom: 1.5rem; }

.feature-block--ab {
  margin-bottom: 3.125rem;
  margin-top: 3.125rem; }
  .feature-block--ab .feature-block__title {
    color: #000;
    margin-bottom: 1.5rem; }
  .feature-block--ab .feature-block__row {
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797; }
  .feature-block--ab + .feature-block--ab {
    margin-top: 0; }
    .feature-block--ab + .feature-block--ab .feature-block__row {
      border-top: 0; }

.flag-inappropriate a {
  font-size: 14px;
  padding-left: 30px;
  position: relative;
  text-decoration: none; }
  .flag-inappropriate a:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/inappropriate.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/inappropriate.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/inappropriate.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 0.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 22px; }
  .flag-inappropriate a:hover, .flag-inappropriate a:focus {
    text-decoration: underline; }

.flag-inappropriate.action-unflag a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/inappropriate-checked.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/inappropriate-checked.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/inappropriate-checked.svg"); }

.featured-slider__title {
  color: #000000;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.5rem;
  padding: 0; }
  @media (min-width: 43.75em) {
    .featured-slider__title {
      font-size: 96px;
      left: -10px;
      margin: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); } }

.featured-slider__body {
  position: relative; }

@media (min-width: 43.75em) {
  .featured-slider__rotate {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top; } }

.featured-slider__items {
  margin-right: -1.5rem; }
  @media (min-width: 43.75em) {
    .featured-slider__items {
      margin-left: 180px; } }

.featured-slider__eyebrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem; }
  @media (min-width: 43.75em) {
    .featured-slider__eyebrow {
      margin-bottom: 2rem; } }

.featured-slider__explore-link {
  color: #ffffff;
  display: none;
  font-size: 14px;
  font-weight: bold;
  margin-right: 16px;
  opacity: 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  top: -1.5rem; }
  .featured-slider__explore-link.is-active {
    opacity: 1;
    top: 0; }
  @media (min-width: 50em) {
    .featured-slider__explore-link {
      display: block; } }
  .featured-slider__explore-link:after {
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/right-down-arrow.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/right-down-arrow.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/right-down-arrow.svg");
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    margin-left: 6px;
    top: 12px; }

.featured-slider__jump-links {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.featured-slider__link-item {
  margin-right: 1.5rem;
  overflow: hidden;
  padding-bottom: 0.5rem; }
  .featured-slider__link-item:last-child {
    margin-right: 0; }
  .featured-slider__link-item h2, .featured-slider__link-item h3 {
    font-size: inherit !important;
    margin-bottom: 0 !important; }
  @media (min-width: 43.75em) {
    .featured-slider__link-item {
      margin-right: 4rem; } }

.featured-slider__link {
  text-decoration: none;
  color: #000000;
  font-weight: 300;
  font-size: 16px;
  position: relative; }
  .featured-slider__link:after {
    background-color: #fff;
    bottom: -.25rem;
    content: '';
    display: block;
    height: 3px;
    left: -100%;
    position: absolute;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .featured-slider__link:hover:after, .featured-slider__link:focus:after {
    left: 0; }
  .featured-slider__link.is-active {
    font-weight: 700; }
    .featured-slider__link.is-active:after {
      left: 0; }
  @media (min-width: 43.75em) {
    .featured-slider__link {
      font-size: 24px; } }

.featured-slider {
  margin-bottom: 2.5rem;
  position: relative;
  padding: 4rem 0 0 0; }
  @media (min-width: 43.75em) {
    .featured-slider {
      padding: 6.5rem 0 0 0;
      margin-bottom: 4rem; } }
  .featured-slider:before {
    content: '';
    display: block;
    height: 337px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-color: #178387;
    top: 0; }
  .featured-slider .slick-prev,
  .featured-slider .slick-next {
    height: 100%;
    overflow: hidden;
    width: 35px;
    background-color: rgba(0, 0, 0, 0.8);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 24px;
    display: block;
    opacity: .7;
    position: absolute;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    z-index: 2; }
    .featured-slider .slick-prev::before,
    .featured-slider .slick-next::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    @media (min-width: 50em) {
      .featured-slider .slick-prev,
      .featured-slider .slick-next {
        height: 100%;
        overflow: hidden;
        width: 40px;
        background-size: 20px 26px; }
        .featured-slider .slick-prev::before,
        .featured-slider .slick-next::before {
          content: '';
          display: block;
          height: 150%;
          width: 0; } }
    .featured-slider .slick-prev:before,
    .featured-slider .slick-next:before {
      display: none; }
    .featured-slider .slick-prev:hover,
    .featured-slider .slick-next:hover {
      opacity: 1; }
  .featured-slider .slick-prev {
    left: 0;
    display: none !important; }
  .featured-slider .slick-next {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    right: 0; }

.field {
  margin: 0 0 1em 0; }

.field__label {
  display: block;
  font-weight: 700; }
  .field__label.is-inline {
    display: inline-block;
    margin-right: 0.1em; }
    .field__label.is-inline + .field__item {
      display: inline; }
    .field__label.is-inline + .field__items {
      display: inline; }
      .field__label.is-inline + .field__items .field__item {
        display: inline; }

.fieldset {
  margin-bottom: 2.5rem;
  padding: 0;
  position: relative; }

.fieldset__legend {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  left: -1px;
  position: relative;
  text-indent: 0;
  width: 100%; }
  [dir='rtl'] .fieldset__legend {
    left: auto;
    right: -1px; }

.fieldset__legend-text {
  display: block; }

.fieldset__legend-link {
  display: block; }

.fieldset__description {
  color: #178387;
  font-size: 0.875rem; }
  .fieldset__description > :last-child {
    margin-bottom: 0; }

.fieldset--default {
  background: #fff;
  border: 1px solid #aeb0b5;
  margin: 1.5rem 0 2.25rem;
  padding: 0 1em; }
  .fieldset--default .fieldset__legend {
    background: #d6d7d9;
    border: 1px solid #aeb0b5;
    border-bottom: none;
    color: #212121;
    height: 2em;
    line-height: 2;
    padding: 0;
    text-shadow: 0 1px 0 #fff; }
  .fieldset--default .fieldset__legend-text {
    padding-left: 1em; }
    [dir='rtl'] .fieldset--default .fieldset__legend-text {
      padding-left: 0;
      padding-right: 1em; }
  .fieldset--default .fieldset__content {
    margin-top: 2.5em; }
  .fieldset--default .fieldset__description {
    font-style: italic;
    margin: 1.5rem 0; }

.file-download {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none; }
  .file-download:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/download.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/download.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/download.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 17px;
    content: '';
    display: inline-block;
    height: 17px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 14px; }
  .file-download a {
    text-decoration: none; }
    .file-download a:hover {
      text-decoration: underline; }
  .file-download:last-child {
    margin-bottom: 0; }

.file-download__size {
  color: #838286;
  display: inline;
  font-weight: 400; }

.file-download--external-link:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/link-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/link-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/link-teal.svg");
  background-size: 20px 10px;
  top: 2px;
  width: 20px; }

.flag-save a {
  color: #000;
  font-size: 14px;
  padding-left: 26px;
  position: relative;
  text-decoration: none; }
  .flag-save a:hover {
    text-decoration: underline; }
  .flag-save a:after, .flag-save a:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 18px;
    left: 0;
    margin-right: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px; }
  .flag-save a:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
    opacity: 1; }
  .flag-save a:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/bookmark.svg");
    opacity: 0; }
  .flag-save a:hover:before {
    opacity: 0; }
  .flag-save a:hover:after {
    opacity: 1; }

.flag-save.action-unflag a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border.svg");
  opacity: 0; }

.flag-save.action-unflag a:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark.svg");
  opacity: 1; }

.flag-save.action-unflag a:hover:before {
  opacity: 1; }

.flag-save.action-unflag a:hover:after {
  opacity: 0; }

.flag-save--teal a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg"); }

.flag-save--teal a:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg"); }

.flag-save--teal.action-unflag a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-border-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-border-teal.svg"); }

.flag-save--teal.action-unflag a:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/bookmark-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/bookmark-teal.svg"); }

.flagging-form {
  margin-left: 1.5rem; }

.unflagging-form {
  margin: 1.5rem; }
  .unflagging-form p {
    font-weight: bold;
    font-size: 16px; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions {
  float: none; }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions .ui-button:hover {
    background-color: #178387;
    font-weight: 700;
    border: 0; }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions .button--danger:hover {
    background-color: #e31c3d; }

.form-item {
  margin: 0 0 1.875rem; }

.form-item__label {
  display: block;
  font-size: 14px;
  margin-bottom: .25rem; }
  .is-disabled > .form-item__label {
    color: #178387; }

.form-item__fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

.form-item__description {
  color: #178387;
  font-size: 14px; }
  .form-item__description > :last-child {
    margin-bottom: 0; }

.password-confirm,
.password-strength {
  font-size: 14px; }

.form-item__required-marker::before {
  content: '*'; }

.form--node-edit .shs-widget-container select,
.form-item__color,
.form-item__date,
.form-item__email,
.form-item__month,
.form-item__number,
.form-item__password,
.form-item__search,
.form-item__select,
.form-item__tel,
.form-item__text,
.form-item__textarea,
.form-item__time,
.form-item__url,
.form-item__week {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #ECECEC;
  border-radius: 0;
  color: #3F3F3F;
  display: inline-block;
  font-size: 1.125rem;
  height: 3.25rem;
  line-height: 1.2222222222;
  margin-bottom: .25rem;
  padding: 0 1rem;
  max-width: 100%; }
  .form--node-edit .shs-widget-container select:focus,
  .form-item__color:focus,
  .form-item__date:focus,
  .form-item__email:focus,
  .form-item__month:focus,
  .form-item__number:focus,
  .form-item__password:focus,
  .form-item__search:focus,
  .form-item__select:focus,
  .form-item__tel:focus,
  .form-item__text:focus,
  .form-item__textarea:focus,
  .form-item__time:focus,
  .form-item__url:focus,
  .form-item__week:focus {
    -webkit-box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
            box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }
  .form--node-edit .shs-widget-container select:disabled,
  .form-item__color:disabled,
  .form-item__date:disabled,
  .form-item__email:disabled,
  .form-item__month:disabled,
  .form-item__number:disabled,
  .form-item__password:disabled,
  .form-item__search:disabled,
  .form-item__select:disabled,
  .form-item__tel:disabled,
  .form-item__text:disabled,
  .form-item__textarea:disabled,
  .form-item__time:disabled,
  .form-item__url:disabled,
  .form-item__week:disabled {
    cursor: default;
    opacity: .5; }
  .form--node-edit .shs-widget-container .is-full-width > select, .is-full-width >
  .form-item__color, .is-full-width >
  .form-item__date, .is-full-width >
  .form-item__email, .is-full-width >
  .form-item__month, .is-full-width >
  .form-item__number, .is-full-width >
  .form-item__password, .is-full-width >
  .form-item__search, .is-full-width >
  .form-item__select, .is-full-width >
  .form-item__tel, .is-full-width >
  .form-item__text, .is-full-width >
  .form-item__textarea, .is-full-width >
  .form-item__time, .is-full-width >
  .form-item__url, .is-full-width >
  .form-item__week {
    width: 100%; }

.form-item__textarea {
  height: auto; }

.form-item--checkbox {
  margin-bottom: 0.25em; }

.form-item__checkbox + .form-item__label {
  cursor: pointer;
  display: block; }
  .form-item__checkbox + .form-item__label::before {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
            box-shadow: 0 0 0 1px #000;
    content: '\a0';
    display: inline-block;
    height: 1.125rem;
    line-height: 1.125rem;
    margin-right: 0.6em;
    text-indent: 0.15em;
    -webkit-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 1.125rem; }

.form-item__checkbox:checked + .form-item__label::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/correct.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/correct.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/correct.svg");
  background-color: #178387;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-box-shadow: 0 0 0 1px #178387;
          box-shadow: 0 0 0 1px #178387; }

.form-item__checkbox:focus + .form-item__label::before {
  outline: -webkit-focus-ring-color auto 5px; }

.form-item__checkbox:checked:disabled + .form-item__label::before {
  background-color: #AAAAAA; }

.form-item__checkbox:disabled + .form-item__label {
  color: #AAAAAA;
  cursor: default; }
  .form-item__checkbox:disabled + .form-item__label::before {
    background-color: #AAAAAA;
    -webkit-box-shadow: 0 0 0 1px #AAAAAA;
            box-shadow: 0 0 0 1px #AAAAAA;
    cursor: not-allowed; }

.form-item--checkboxes {
  margin-bottom: 0; }

.form-item--radio {
  margin-bottom: 0.5em; }
  .form-item--radio .form-item__radio {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 2px solid #838286;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    margin-right: 3px;
    outline: none;
    position: relative;
    top: 2px;
    -webkit-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: border-color, border-width;
    -o-transition-property: border-color, border-width;
    transition-property: border-color, border-width;
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 16px; }
    .form-item--radio .form-item__radio:checked {
      border: 6px solid #178387; }
    .form-item--radio .form-item__radio:disabled {
      border: 2px solid #bbb;
      cursor: default; }
    .form-item--radio .form-item__radio + .form-item__label {
      cursor: pointer;
      display: inline; }
    .form-item--radio .form-item__radio:disabled + .form-item__label {
      color: #bbb;
      cursor: default; }

.form-item--radios {
  margin-bottom: 0; }

.form-item--range .form-item__range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  height: 2.75rem;
  margin: 0.2em 0;
  padding: 0; }
  .form-item--range .form-item__range:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0; }
    .form-item--range .form-item__range:focus::-moz-range-thumb {
      box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }
    .form-item--range .form-item__range:focus::-ms-thumb {
      box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }
    .form-item--range .form-item__range:focus::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
              box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }
  .form-item--range .form-item__range:disabled {
    cursor: default; }
    .form-item--range .form-item__range:disabled::-moz-range-thumb {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
    .form-item--range .form-item__range:disabled::-moz-range-track {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
    .form-item--range .form-item__range:disabled::-ms-thumb {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
    .form-item--range .form-item__range:disabled::-ms-fill-lower, .form-item--range .form-item__range:disabled::-ms-fill-upper {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
    .form-item--range .form-item__range:disabled::-webkit-slider-thumb {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
    .form-item--range .form-item__range:disabled::webkit-slider-runnable-track {
      background: #d6d7d9;
      border-color: #aeb0b5;
      cursor: default; }
  .form-item--range .form-item__range::-moz-range-thumb {
    background: #757575;
    border: 1px solid #f1f1f1;
    border-radius: 0.1875rem;
    cursor: pointer;
    height: 2.75rem;
    outline: 0;
    width: 1.375rem; }
  .form-item--range .form-item__range::-moz-range-track {
    background: #aeb0b5;
    border: 1px solid #757575;
    cursor: pointer;
    display: block;
    height: 0.625rem;
    margin: 0;
    outline: 0;
    width: 100%; }
  .form-item--range .form-item__range::-ms-thumb {
    background: #757575;
    border: 1px solid #f1f1f1;
    border-radius: 0.1875rem;
    cursor: pointer;
    height: 2.75rem;
    outline: 0;
    width: 1.375rem;
    margin-top: 0 !important; }
  .form-item--range .form-item__range::-ms-track {
    background: #aeb0b5;
    border: 1px solid #757575;
    cursor: pointer;
    display: block;
    height: 0.625rem;
    margin: 0;
    outline: 0;
    width: 100%;
    background: transparent;
    border: 0;
    color: transparent; }
  .form-item--range .form-item__range::-ms-fill-lower, .form-item--range .form-item__range::-ms-fill-upper {
    background: #aeb0b5;
    border: 1px solid #757575; }
  .form-item--range .form-item__range::-webkit-slider-thumb {
    background: #757575;
    border: 1px solid #f1f1f1;
    border-radius: 0.1875rem;
    cursor: pointer;
    height: 2.75rem;
    outline: 0;
    width: 1.375rem;
    -webkit-appearance: none;
    margin-top: -1.125rem; }
  .form-item--range .form-item__range::-webkit-slider-runnable-track {
    background: #aeb0b5;
    border: 1px solid #757575;
    cursor: pointer;
    display: block;
    height: 0.625rem;
    margin: 0;
    outline: 0;
    width: 100%; }

.form-item--range.is-full-width > .form-item__range {
  width: 100%; }

.form-item--select .form-item__select {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-green.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-green.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-green.svg");
  background-position: right 0.8125rem center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-right: 2.75rem;
  border: none;
  border-bottom: solid 4px #000;
  -webkit-box-shadow: 0 0 1px #ECECEC;
          box-shadow: 0 0 1px #ECECEC; }
  [dir='rtl'] .form-item--select .form-item__select {
    background-position: left 0.8125rem center;
    padding-left: 2.0625rem;
    padding-right: 0; }
  .form-item--select .form-item__select::-ms-expand {
    display: none; }
  .form-item--select .form-item__select:focus {
    -webkit-box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
            box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

.form-item--textfield,
.form-item--password,
.form-item--password-confirm,
.form-item--email {
  max-width: 400px; }
  .form-item--textfield input,
  .form-item--password input,
  .form-item--password-confirm input,
  .form-item--email input {
    padding: 0 1rem;
    border: none;
    border-bottom: solid 4px #000;
    -webkit-box-shadow: 0 0 1px #ECECEC;
            box-shadow: 0 0 1px #ECECEC; }
    .form-item--textfield input::-webkit-input-placeholder,
    .form-item--password input::-webkit-input-placeholder,
    .form-item--password-confirm input::-webkit-input-placeholder,
    .form-item--email input::-webkit-input-placeholder {
      font-style: italic;
      color: #838286; }
    .form-item--textfield input::-moz-placeholder,
    .form-item--password input::-moz-placeholder,
    .form-item--password-confirm input::-moz-placeholder,
    .form-item--email input::-moz-placeholder {
      font-style: italic;
      color: #838286; }
    .form-item--textfield input::-ms-input-placeholder,
    .form-item--password input::-ms-input-placeholder,
    .form-item--password-confirm input::-ms-input-placeholder,
    .form-item--email input::-ms-input-placeholder {
      font-style: italic;
      color: #838286; }
    .form-item--textfield input::placeholder,
    .form-item--password input::placeholder,
    .form-item--password-confirm input::placeholder,
    .form-item--email input::placeholder {
      font-style: italic;
      color: #838286; }
  .form-item--textfield.has-error input,
  .form-item--password.has-error input,
  .form-item--password-confirm.has-error input,
  .form-item--email.has-error input {
    border-bottom-color: #d43131; }
  .form-item--textfield.has-error .form-item__error-message,
  .form-item--textfield.has-error .form-item__required-marker,
  .form-item--password.has-error .form-item__error-message,
  .form-item--password.has-error .form-item__required-marker,
  .form-item--password-confirm.has-error .form-item__error-message,
  .form-item--password-confirm.has-error .form-item__required-marker,
  .form-item--email.has-error .form-item__error-message,
  .form-item--email.has-error .form-item__required-marker {
    color: #d43131;
    font-size: 14px; }

.form--discussion-reply {
  margin-top: 2.5rem; }
  .form--discussion-reply label {
    display: none; }

.form--node-edit li {
  margin-bottom: 0; }

.form--node-edit p {
  margin-bottom: 1rem; }

.form--node-edit .shs-widget-container select {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-green.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-green.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-green.svg");
  background-position: right 0.8125rem center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-right: 2.75rem;
  border: none;
  border-bottom: solid 4px #000;
  -webkit-box-shadow: 0 0 1px #ECECEC;
          box-shadow: 0 0 1px #ECECEC; }
  [dir='rtl'] .form--node-edit .shs-widget-container select {
    background-position: left 0.8125rem center;
    padding-left: 2.0625rem;
    padding-right: 0; }
  .form--node-edit .shs-widget-container select::-ms-expand {
    display: none; }

.form--node-edit .form-item__label,
.form--node-edit .fieldset__legend-text {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5rem; }
  .form--node-edit .form-item__label.form-required::after,
  .form--node-edit .fieldset__legend-text.form-required::after {
    content: '*';
    margin-left: 0.25rem; }

.form--node-edit .fieldset__legend {
  position: static; }

.form--node-edit .form-item__checkbox + .form-item__label,
.form--node-edit .form-item__radio + .form-item__label {
  font-weight: 400; }

.form--node-edit .form-item--textfield,
.form--node-edit .form-item--password,
.form--node-edit .form-item--password-confirm,
.form--node-edit .form-item--email {
  max-width: 100%; }

.form--node-edit .form-item--textfield input,
.form--node-edit .form-item--textfield select,
.form--node-edit .form-item--select input,
.form--node-edit .form-item--select select,
.form--node-edit .shs-widget-container input,
.form--node-edit .shs-widget-container select {
  border: 1px solid #ECECEC;
  border-bottom: solid 4px #000; }

.form--node-edit .form-item--managed-file .form-item__label {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

@media (min-width: 50em) {
  .form--node-edit .form-item--group {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.form--node-edit .form-item--group .form-item__label {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.form--node-edit .form-item--group .form-wrapper:not(.field--name-field-tag-help-text) {
  -ms-flex-preferred-size: calc(50% - 32px);
      flex-basis: calc(50% - 32px); }
  .form--node-edit .form-item--group .form-wrapper:not(.field--name-field-tag-help-text) select,
  .form--node-edit .form-item--group .form-wrapper:not(.field--name-field-tag-help-text) .shs-widget-container {
    width: 100%; }

.form--node-edit .form-item__label--heading {
  font-size: 1.5rem; }

.form--node-edit .form-actions {
  text-align: center; }

.fc-toolbar {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem; }
  @media (min-width: 50em) {
    .fc-toolbar {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: unset; } }

.fc-left {
  width: 100%; }
  @media (min-width: 50em) {
    .fc-left {
      width: unset; } }

.fc-center {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }
  @media (min-width: 50em) {
    .fc-center {
      -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
              order: unset; } }

.fc-right {
  width: 100%; }
  @media (min-width: 50em) {
    .fc-right {
      width: unset; } }
  .fc-right .fc-button-group {
    width: 100%; }
    @media (min-width: 50em) {
      .fc-right .fc-button-group {
        width: unset; } }

.group-event-calendar {
  background-color: #ECECEC;
  padding-top: 6.5rem; }
  .group-event-calendar .fc-button-primary {
    background-color: #0A5C5F;
    border-color: #0A5C5F; }
  .group-event-calendar .fc-button-primary:not(:disabled).fc-button-active,
  .group-event-calendar .fc-button-primary:not(:disabled):active {
    background-color: #058D96;
    border-color: #058D96; }
  .group-event-calendar .group-event-calendar__header {
    margin-bottom: 4rem; }
    @media (min-width: 50em) {
      .group-event-calendar .group-event-calendar__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .group-event-calendar .group-event-calendar__header .button, .group-event-calendar .group-event-calendar__header .member-page .private_message_link, .member-page .group-event-calendar .group-event-calendar__header .private_message_link, .group-event-calendar .group-event-calendar__header .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .group-event-calendar .group-event-calendar__header .agree-button {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/plus-white.svg");
      background-position: calc(100% - 1.5rem) center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      padding-right: 4rem; }

.group-header {
  background: #8AC341;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #000;
  padding-top: 2.5rem;
  position: relative; }
  @media (min-width: 50em) {
    .group-header {
      background: -webkit-gradient(linear, left top, right top, from(#8AC341), to(#178387));
      background: -o-linear-gradient(left, #8AC341, #178387);
      background: linear-gradient(to right, #8AC341, #178387);
      padding-top: 4rem; } }
  .group-header::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-biology.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-biology.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-biology.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    mix-blend-mode: overlay;
    height: 100%;
    opacity: 0.35;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
    @media (min-width: 50em) {
      .group-header::after {
        opacity: 0.65; } }
  .group-header.group-header--blue {
    background: #3FC2CD; }
    @media (min-width: 50em) {
      .group-header.group-header--blue {
        background: -webkit-gradient(linear, left top, right top, from(#3FC2CD), to(#0A5C5F));
        background: -o-linear-gradient(left, #3FC2CD, #0A5C5F);
        background: linear-gradient(to right, #3FC2CD, #0A5C5F); } }
  .group-header.group-header--yellow {
    background: #FFEA00; }
    @media (min-width: 50em) {
      .group-header.group-header--yellow {
        background: -webkit-gradient(linear, left top, right top, from(#FFEA00), to(#CEA600));
        background: -o-linear-gradient(left, #FFEA00, #CEA600);
        background: linear-gradient(to right, #FFEA00, #CEA600); } }
  .group-header.group-header--green {
    background: #8AC341; }
    @media (min-width: 50em) {
      .group-header.group-header--green {
        background: -webkit-gradient(linear, left top, right top, from(#8AC341), to(#00763A));
        background: -o-linear-gradient(left, #8AC341, #00763A);
        background: linear-gradient(to right, #8AC341, #00763A); } }
  .group-header.group-header--orange {
    background: #FFA356; }
    @media (min-width: 50em) {
      .group-header.group-header--orange {
        background: -webkit-gradient(linear, left top, right top, from(#FFA356), to(#C2691D));
        background: -o-linear-gradient(left, #FFA356, #C2691D);
        background: linear-gradient(to right, #FFA356, #C2691D); } }
  .group-header.group-header--blue-green {
    background: #3FC2CD; }
    @media (min-width: 50em) {
      .group-header.group-header--blue-green {
        background: -webkit-gradient(linear, left top, right top, from(#3FC2CD), to(#00763A));
        background: -o-linear-gradient(left, #3FC2CD, #00763A);
        background: linear-gradient(to right, #3FC2CD, #00763A); } }
  .group-header.group-header--green-teal {
    background: #52B448; }
    @media (min-width: 50em) {
      .group-header.group-header--green-teal {
        background: -webkit-gradient(linear, left top, right top, from(#52B448), to(#0A5C5F));
        background: -o-linear-gradient(left, #52B448, #0A5C5F);
        background: linear-gradient(to right, #52B448, #0A5C5F); } }
  .group-header.group-header--yellow-orange {
    background: #E2D000; }
    @media (min-width: 50em) {
      .group-header.group-header--yellow-orange {
        background: -webkit-gradient(linear, left top, right top, from(#E2D000), to(#DD8235));
        background: -o-linear-gradient(left, #E2D000, #DD8235);
        background: linear-gradient(to right, #E2D000, #DD8235); } }
  .group-header.group-header--yellow-teal {
    background: #E2D000; }
    @media (min-width: 50em) {
      .group-header.group-header--yellow-teal {
        background: -webkit-gradient(linear, left top, right top, from(#E2D000), to(#178387));
        background: -o-linear-gradient(left, #E2D000, #178387);
        background: linear-gradient(to right, #E2D000, #178387); } }
  .group-header.group-header--yellow-green {
    background: #E2D000; }
    @media (min-width: 50em) {
      .group-header.group-header--yellow-green {
        background: -webkit-gradient(linear, left top, right top, from(#E2D000), to(#6CA226));
        background: -o-linear-gradient(left, #E2D000, #6CA226);
        background: linear-gradient(to right, #E2D000, #6CA226); } }
  .group-header.group-header--biology::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-biology.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-biology.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-biology.svg"); }
  .group-header.group-header--math::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-math.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-math.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-math.svg"); }
  .group-header.group-header--physics::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-physics.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-physics.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-physics.svg"); }
  .group-header.group-header--books::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-books.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-books.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-books.svg"); }
  .group-header.group-header--chemistry::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-chemistry.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-chemistry.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-chemistry.svg"); }
  .group-header.group-header--mitochondria::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-mitochondria.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-mitochondria.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-mitochondria.svg"); }
  .group-header.group-header--finch-virus::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-finch-virus.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-finch-virus.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-finch-virus.svg"); }
  .group-header.group-header--elephant-corn::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-elephant-corn.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-elephant-corn.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-elephant-corn.svg"); }
  .group-header.group-header--microscope::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-microscope.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-microscope.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-microscope.svg"); }
  .group-header.group-header--ocean::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-ocean.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-ocean.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-ocean.svg"); }
  .group-header.group-header--dna::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/group-header-dna.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/group-header-dna.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/group-header-dna.svg"); }

.group-header__back-link a {
  color: #000;
  font-weight: 700;
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
  position: relative;
  text-decoration: none; }
  .group-header__back-link a:hover, .group-header__back-link a:focus {
    text-decoration: underline; }
    .group-header__back-link a:hover::before, .group-header__back-link a:focus::before {
      left: -4px; }
  .group-header__back-link a::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: left 150ms ease-out;
    -o-transition: left 150ms ease-out;
    transition: left 150ms ease-out;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 17px; }

.group-header__title {
  display: block;
  font-size: 36px;
  margin-top: 2.5rem;
  max-width: 700px; }
  @media (min-width: 50em) {
    .group-header__title {
      font-size: 54px; } }

.group-header__footer {
  -webkit-box-align: centere;
      -ms-flex-align: centere;
          align-items: centere;
  font-weight: 700;
  line-height: 20px; }
  @media (min-width: 37.5em) {
    .group-header__footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.group-header__member-status {
  margin: 0.25rem 0 0 0;
  position: relative; }
  @media (min-width: 37.5em) {
    .group-header__member-status {
      margin: 0 0 0 0.5rem;
      padding-left: 0.5rem; }
      .group-header__member-status::before {
        background-color: #000;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 2px; } }

.group-header__menu-bar {
  bottom: 0;
  margin-top: 1rem;
  position: relative;
  -webkit-transform: translateY(35px);
      -ms-transform: translateY(35px);
          transform: translateY(35px);
  width: 100%;
  z-index: 1; }
  @media (min-width: 50em) {
    .group-header__menu-bar {
      margin-top: 2.5rem; } }
  .group-header__menu-bar::after {
    background-color: #fff;
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1; }

.group-header__menu-bar-inner {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.75rem 0 0.75rem 1.5rem; }

.group-header__settings {
  height: 40px; }
  .group-header__settings button:focus {
    outline-offset: 4px; }

.group-member {
  background-color: #fff;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  position: relative; }
  .group-member .member-role {
    margin-top: 0.25rem; }
    @media (min-width: 50em) {
      .group-member .member-role {
        margin-top: 0; } }
  .group-member .options {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 9; }
    @media (min-width: 30em) {
      .group-member .options {
        -ms-flex-item-align: start;
            align-self: flex-start;
        position: relative;
        right: 0;
        top: 0; } }

.group-member__header {
  display: block; }
  @media (min-width: 30em) {
    .group-member__header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 40px; } }

.group-member__header-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 50em) {
    .group-member__header-text {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: calc(60px + 1rem); } }

.group-member__name {
  color: #000;
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 1rem; }
  .group-member__name a {
    color: #000;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent; }
  .group-member__name a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #000;
            text-decoration-color: #000; }

.group-member__summary {
  color: #000;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 0.5rem; }
  @media (min-width: 50em) {
    .group-member__summary {
      padding-left: calc(60px + 1rem);
      margin-top: 0; } }
  .group-member__summary > :last-child {
    margin-bottom: 0; }

.group-member__media {
  height: 60px;
  margin: 0 0 0.5rem 0; }
  @media (min-width: 30em) {
    .group-member__media {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0 0.75rem 0 0;
      position: relative; } }
  @media (min-width: 50em) {
    .group-member__media {
      left: 1.5rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
  .group-member__media .headshot-image .headshot-image__placeholder {
    height: 60px;
    width: 60px; }

.group-teaser--event {
  background-color: #fff;
  margin-bottom: 2rem;
  padding: 1.5rem 1.5rem 1.5rem 1rem; }
  @media (min-width: 37.5em) {
    .group-teaser--event {
      padding: 1.5rem 1.5rem 1.5rem 0.5rem; } }
  @media (min-width: 37.5em) {
    .group-teaser--event .group-teaser__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .group-teaser--event .group-teaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; }
  .group-teaser--event .group-teaser__image {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/event-teaser-icon.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/event-teaser-icon.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/event-teaser-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 160px;
    width: 160px;
    margin: 0 0 1.5rem 0;
    width: 100%; }
    @media (min-width: 37.5em) {
      .group-teaser--event .group-teaser__image {
        -ms-flex-preferred-size: 200px;
            flex-basis: 200px;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin: 0 1.5rem 0 0;
        max-width: 200px; } }
  .group-teaser--event .group-teaser__title {
    -ms-flex-preferred-size: calc(100% - 40px);
        flex-basis: calc(100% - 40px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    padding-right: 1rem; }
    @media (min-width: 50em) {
      .group-teaser--event .group-teaser__title {
        font-size: 24px; } }
    .group-teaser--event .group-teaser__title a {
      color: #000;
      text-decoration: none; }
      .group-teaser--event .group-teaser__title a:hover, .group-teaser--event .group-teaser__title a:focus {
        text-decoration: underline; }
  .group-teaser--event .group-teaser__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 50em) {
      .group-teaser--event .group-teaser__details {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .group-teaser--event .group-teaser__details > * {
      display: block;
      -ms-flex-preferred-size: 200px;
          flex-basis: 200px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-bottom: 1rem;
      padding-right: 2.5rem; }
  .group-teaser--event .group-teaser__location a {
    text-decoration: none; }
    .group-teaser--event .group-teaser__location a:hover, .group-teaser--event .group-teaser__location a:focus {
      text-decoration: underline; }
  .group-teaser--event .group-teaser__host {
    color: #178387;
    font-weight: 500; }
  .group-teaser--event .group-teaser__body {
    margin-top: 2rem;
    padding-left: 1rem; }
    .group-teaser--event .group-teaser__body > :last-child {
      margin-bottom: 0; }
  .group-teaser--event .group-teaser__eyebrow {
    color: #000;
    font-weight: 700;
    margin-bottom: 0.5rem; }
  .group-teaser--event .options {
    position: relative;
    right: -0.5rem;
    top: -0.5rem;
    z-index: 9; }
    @media (min-width: 37.5em) {
      .group-teaser--event .options {
        right: 0;
        top: 0; } }

.group-teaser {
  margin-bottom: 2rem; }
  .node-page--node-type-topic .group-teaser {
    margin-bottom: 0; }
  .group-teaser.group-teaser--outline-teal {
    outline: solid 1px #178387;
    outline-offset: -1px; }

.group-teaser__content {
  background-color: #fff;
  padding: 1.5rem;
  width: 100%; }
  @media (min-width: 50em) {
    .group-teaser__content {
      padding: 2.25rem 2.5rem; } }

@media (min-width: 37.5em) {
  .group-teaser__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.group-teaser__image {
  margin: 0; }
  @media (min-width: 37.5em) {
    .group-teaser__image {
      -ms-flex-preferred-size: 180px;
          flex-basis: 180px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0 1.5rem 0 0;
      max-width: 180px; } }

.group-teaser__eyebrow {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .group-teaser__eyebrow .options {
    height: 40px; }

.group-teaser__eyebrow-left,
.group-teaser__eyebrow-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .group-teaser__eyebrow-left > div,
  .group-teaser__eyebrow-right > div {
    margin-bottom: 0.5rem;
    margin-right: 1.5rem;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .group-teaser__eyebrow-left > div:last-child,
    .group-teaser__eyebrow-right > div:last-child {
      margin-right: 0; }

.group-teaser__eyebrow-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px; }
  @media (min-width: 30em) {
    .group-teaser__eyebrow-left {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 56.25em) and (max-width: 75em) {
    .group-teaser__eyebrow-left .headshot {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }
  .group-teaser__eyebrow-left .flag-save {
    position: relative;
    top: 2px; }

.group-teaser__eyebrow-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (min-width: 37.5em) {
    .group-teaser__eyebrow-right > div {
      margin-left: 1rem; } }

.group-teaser__eyebrow-two {
  color: #000;
  font-weight: 700;
  margin-bottom: 0.5rem; }

.group-teaser__date {
  position: relative;
  top: 2px; }

.group-teaser__link {
  color: #000;
  text-decoration: none; }
  .group-teaser__link:hover, .group-teaser__link:active, .group-teaser__link:focus {
    text-decoration: underline; }

.group-teaser__title {
  color: #000;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 1rem; }
  @media (min-width: 50em) {
    .group-teaser__title {
      font-size: 24px;
      margin-top: 0; } }

.group-teaser__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem; }
  .group-teaser__footer > div {
    margin: 0 1.5rem 0 0; }
    .group-teaser__footer > div:last-child {
      margin: 0; }

.group-teaser__group-teaser__pin-text {
  color: #000; }

.group-teaser__main > *,
.group-teaser__summary > * {
  margin-bottom: 1rem; }
  .group-teaser__main > *:last-child,
  .group-teaser__summary > *:last-child {
    margin-bottom: 0; }

.group-teaser__attachement {
  font-size: 14px;
  font-weight: 500;
  margin-top: 1rem; }
  .group-teaser__attachement .file {
    display: block; }
  .group-teaser__attachement a {
    color: #000;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0.5rem;
    position: relative;
    text-decoration: none; }
    .group-teaser__attachement a::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/download.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/download.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/download.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px 17px;
      content: '';
      display: inline-block;
      height: 17px;
      left: 0;
      margin-right: 0.5rem;
      position: relative;
      top: 4px;
      width: 14px; }
    .group-teaser__attachement a:hover {
      text-decoration: underline; }
  .group-teaser__attachement .field__label {
    color: #000; }

.group-teaser__pin {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 2px; }

.group-teaser__pin-icon {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/push-pin-teal.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/push-pin-teal.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/push-pin-teal.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  width: 12px; }

.group-teaser--announcement .group-teaser__content {
  padding: 1rem; }
  @media (min-width: 50em) {
    .group-teaser--announcement .group-teaser__content {
      padding: 1.5rem; } }

@media (min-width: 25em) and (max-width: 37.5em) {
  .group-teaser--announcement .group-teaser__eyebrow {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -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 (min-width: 56.25em) {
  .group-teaser--announcement .group-teaser__eyebrow {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -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; } }

.group-teaser--announcement .group-teaser__image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #8AC341;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  padding: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 30em) {
  .group-teaser--announcement .group-teaser__eyebrow-left,
  .group-teaser--announcement .group-teaser__eyebrow-right {
    margin-bottom: 0; } }

.group-teaser--announcement .group-teaser__summary {
  color: #1D1D1D; }

.group-teaser--document .group-teaser__content {
  padding: 1rem; }
  @media (min-width: 50em) {
    .group-teaser--document .group-teaser__content {
      padding: 1.5rem; } }

@media (min-width: 25em) {
  .group-teaser--document .group-teaser__eyebrow {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -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; } }

.group-teaser--document .group-teaser__image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: green;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  padding: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 25em) {
  .group-teaser--document .group-teaser__eyebrow-left,
  .group-teaser--document .group-teaser__eyebrow-right {
    margin-bottom: 0; } }

.group-teaser--document .group-teaser__summary {
  color: #1D1D1D; }

.header-meta a {
  display: block; }

.header-meta__label {
  color: #178387;
  font-weight: 500;
  margin-bottom: 4px; }

.headshot {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.headshot__image,
.headshot__avatar {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/avatar.svg");
  background-color: #fff;
  background-size: 31px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 48px;
  margin-bottom: 0;
  margin-right: 0.75rem;
  width: 48px; }
  .headshot--small .headshot__image, .headshot--small
  .headshot__avatar {
    background-size: 22px;
    height: 32px;
    margin-right: 0.5rem;
    width: 32px; }
  .headshot--resource .headshot__image, .headshot--resource
  .headshot__avatar {
    background-color: #8AC341;
    background-size: 26px;
    height: 38px;
    outline: 0;
    width: 38px; }

.headshot__image {
  -webkit-box-shadow: inset 0 0 0 2px #178387;
          box-shadow: inset 0 0 0 2px #178387;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .headshot__image img {
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    position: absolute;
    z-index: 1;
    width: 100%; }
  .headshot--resource .headshot__image {
    -webkit-box-shadow: none;
            box-shadow: none; }

.headshot__name,
.headshot__name a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap; }

.headshot__name a {
  text-decoration: none; }
  .headshot__name a:hover, .headshot__name a:focus {
    text-decoration: underline; }

.carousel-card__flag .headshot--small {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .carousel-card__flag .headshot--small .headshot__image,
  .carousel-card__flag .headshot--small .headshot__avatar {
    background-size: 10px;
    height: 20px;
    width: 20px; }
  .carousel-card__flag .headshot--small .headshot__name,
  .carousel-card__flag .headshot--small .headshot__name a {
    font-size: 14px;
    white-space: normal; }

.hero {
  margin: 4rem 0 0 0;
  position: relative; }
  .hero:after {
    background-color: #178387;
    bottom: 0;
    content: '';
    display: block;
    height: 35px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1; }

.hero__title {
  line-height: 1.2;
  margin-bottom: 2rem; }
  .hero__title .hero__title-gradient {
    display: block;
    color: #178387; }
    @supports (-webkit-background-clip: text) {
      .hero__title .hero__title-gradient {
        background: -webkit-gradient(linear, right top, left top, from(#82BB44), to(#178387));
        background: -o-linear-gradient(right, #82BB44 0%, #178387 100%);
        background: linear-gradient(270deg, #82BB44 0%, #178387 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }

.hero__subtitle {
  font-size: 24px;
  line-height: 1.2;
  margin: 0.5rem 0 2rem;
  max-width: 700px; }

.hero__search {
  border-bottom: 4px solid #000000;
  max-width: 785px;
  width: 100%; }
  .hero__search .search-block .form-item--textfield,
  .hero__search .search-block .form-item__text {
    background: #ECECEC;
    max-width: 100%; }
  .hero__search .search-block .form-item--textfield {
    margin-bottom: 0;
    -webkit-box-shadow: 0 35px 43px -19px rgba(0, 0, 0, 0.5);
            box-shadow: 0 35px 43px -19px rgba(0, 0, 0, 0.5); }
    .hero__search .search-block .form-item--textfield .form-item__text {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #3F3F3F;
      margin: 0;
      height: 64px;
      width: 100%; }
      .hero__search .search-block .form-item--textfield .form-item__text::-webkit-input-placeholder {
        color: #3F3F3F; }
      .hero__search .search-block .form-item--textfield .form-item__text::-moz-placeholder {
        color: #3F3F3F; }
      .hero__search .search-block .form-item--textfield .form-item__text::-ms-input-placeholder {
        color: #3F3F3F; }
      .hero__search .search-block .form-item--textfield .form-item__text::placeholder {
        color: #3F3F3F; }
  .hero__search .search-block .form-actions .submit-button {
    cursor: pointer;
    height: 100%;
    padding: 2px 1.5rem;
    width: 60px; }

.howie__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative; }

.howie__image {
  height: 74px;
  overflow: hidden;
  width: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/howie.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/howie.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/howie.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px 74px;
  position: absolute;
  -webkit-transform: translateY(-58%);
      -ms-transform: translateY(-58%);
          transform: translateY(-58%);
  z-index: 2; }
  .howie__image::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  @media (min-width: 50em) {
    .howie__image {
      height: 127px;
      overflow: hidden;
      width: 172px;
      background-size: 172px 127px; }
      .howie__image::before {
        content: '';
        display: block;
        height: 150%;
        width: 0; } }

.howie--top-color-green {
  background-color: #00A450; }

.howie--top-color-green-lime {
  background-color: #8AC341; }

.howie--top-color-teal {
  background-color: #178387; }

.howie--top-color-orange {
  background-color: #DD8235; }

.howie--top-color-yellow {
  background-color: #E2D000; }

.icon-block {
  position: relative; }

.icon-block__rotate {
  display: inline-block;
  line-height: 1; }
  @media (min-width: 68.75em) {
    .icon-block__rotate {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: right top;
          -ms-transform-origin: right top;
              transform-origin: right top;
      text-align: right;
      width: 550px; } }

.icon-block__title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  margin: 0 0 2.5rem; }
  @media (min-width: 50em) {
    .icon-block__title {
      font-size: 81px; } }
  @media (min-width: 68.75em) {
    .icon-block__title {
      font-size: 96px;
      left: -10px;
      margin: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); } }

@media (min-width: 68.75em) {
  .icon-block__content {
    margin-left: 250px; } }

.icon-block__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 50em) {
    .icon-block__items {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.icon-block__wrapper {
  position: relative; }

.icon-block__description {
  font-size: 18px;
  margin-top: 1.5rem; }
  @media (min-width: 50em) {
    .icon-block__description {
      font-size: 24px; } }
  @media (min-width: 68.75em) {
    .icon-block__description {
      padding: 0 1.5rem 0 0; } }

.icon-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5rem 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  .icon-item:after {
    content: '';
    display: block;
    height: 11px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
  .icon-item:hover {
    text-decoration: none; }
    .icon-item:hover:after {
      height: 30px; }
  @media (min-width: 31.25em) {
    .icon-item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
      .icon-item:not(:nth-child(2n)) .icon-item__content {
        border-right: 1px solid #838286; } }
  @media (min-width: 50em) {
    .icon-item {
      padding: 4.5rem 0;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%; }
      .icon-item:not(:last-child) .icon-item__content {
        border-right: 1px solid #838286; } }
  .icon-item.green-lime:after {
    background-color: #8AC341; }
  .icon-item.green-lime:hover .icon-item__title {
    color: #8AC341; }
  .icon-item.sky-blue:after {
    background-color: #3FC2CD; }
  .icon-item.sky-blue:hover .icon-item__title {
    color: #3FC2CD; }
  .icon-item.orange:after {
    background-color: #DD8235; }
  .icon-item.orange:hover .icon-item__title {
    color: #DD8235; }
  .icon-item.yellow:after {
    background-color: #E2D000; }
  .icon-item.yellow:hover .icon-item__title {
    color: #E2D000; }

.icon-item__content {
  height: 100%;
  max-width: 100%;
  padding: 0 1.5rem; }

.icon-item__title {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin: 1rem 0 1.5rem;
  -webkit-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease; }

.icon-item__description {
  margin: 0.5rem auto 0; }

.icon-item__icon img {
  max-height: 120px;
  width: auto; }

.info-accordion {
  margin-bottom: 1.5rem; }
  .info-accordion .field {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
    font-size: 14px;
    margin: 0 0 2rem 0;
    display: inline-block; }
    @media (max-width: 50em) {
      .info-accordion .field:last-child {
        margin-bottom: 0; } }
    .info-accordion .field .field {
      margin: 0; }
    .info-accordion .field .field__item p {
      margin-top: 0; }
    .info-accordion .field .field__item p:last-child {
      margin-bottom: 0; }
  .info-accordion .field__label {
    color: #178387;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 4px; }
    .info-accordion .field__label a {
      color: #178387; }
  .info-accordion .field__item {
    color: #3F3F3F; }
    .info-accordion .field__item span {
      color: #3F3F3F !important; }
  .info-accordion .field--name-field-accessibility-level h2 {
    font-style: italic;
    font-weight: 400;
    margin-bottom: 4px; }
  .info-accordion .field--name-field-accessibility-level a {
    pointer-events: none; }
    .info-accordion .field--name-field-accessibility-level a:hover {
      text-decoration: none; }
  .info-accordion .field--name-field-accessibility-level .field {
    margin-bottom: 0; }

.info-accordion__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin-bottom: 1rem;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .info-accordion__title button {
    background: none;
    border: none;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    text-align: left; }
  .info-accordion__title:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-teal.svg");
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
    width: 16px; }
  .is-open .info-accordion__title:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.info-accordion__wrapper {
  display: none; }

.info-accordion__content {
  background: #ECECEC;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  padding: 1.5rem; }
  .info-accordion__content .field {
    min-width: 100%; }
  @media (min-width: 43.75em) {
    .info-accordion__content {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2; }
      .info-accordion__content .field {
        margin-right: 1rem;
        min-width: 45%; } }

.info-accordion--curriculum .field__label {
  color: #3F3F3F;
  font-weight: 500;
  margin-bottom: 4px; }

.info-accordion--detail .info-accordion__title button {
  padding: 0; }

.info-accordion--detail .field__label {
  color: #178387; }

.info-accordion--white {
  margin-bottom: 1.5rem; }
  .info-accordion--white .info-accordion__title {
    margin-bottom: 0.5rem; }
    .info-accordion--white .info-accordion__title button {
      color: #000;
      cursor: pointer;
      padding: 0; }
    .info-accordion--white .info-accordion__title::after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-black.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-black.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-black.svg"); }
  .info-accordion--white .info-accordion__content {
    background-color: transparent;
    color: #1d1d1d;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    padding: 0; }
    .info-accordion--white .info-accordion__content > :last-child {
      margin-bottom: 0; }

.landing-form {
  margin: 4rem 0; }
  @media (min-width: 50em) {
    .landing-form {
      margin: 6.5rem 0; } }

.landing-form__title {
  margin-bottom: 2.5rem; }

.landing-form__content .form-item--id-sort-bef-combine {
  display: none; }

.landing-form__content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.landing-form__content .form-item--id-keyword {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  padding: 0 1.5rem; }
  .landing-form__content .form-item--id-keyword .form-item__text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/search-green.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/search-green.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/search-green.svg");
    background-position: calc(100% - .5rem) center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    max-width: 800px;
    padding-right: 3rem;
    width: 100%; }
  .landing-form__content .form-item--id-keyword label {
    display: none; }
  .landing-form__content .form-item--id-keyword:after {
    content: 'or';
    display: block;
    margin: 2.5rem 0 1rem; }
  body.language-es .landing-form__content .form-item--id-keyword:after {
    content: 'o'; }

.landing-form__content .form-item--select {
  padding: 0 1.5rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @media (min-width: 50em) {
    .landing-form__content .form-item--select {
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
      max-width: 33.3333333333%; } }
  .landing-form__content .form-item--select .form-item__select {
    width: 100%; }

.landing-form__content .form-actions {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 1rem;
  padding: 0 1.5rem; }
  .landing-form__content .form-actions .button, .landing-form__content .form-actions .member-page .private_message_link, .member-page .landing-form__content .form-actions .private_message_link, .landing-form__content .form-actions .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .landing-form__content .form-actions .agree-button {
    width: 150px; }

.language-switcher ul {
  margin: 0;
  padding: 0; }

.language-switcher li {
  list-style: none; }
  .language-switcher li.es a:before {
    content: 'ES'; }
  .language-switcher li.en a:before {
    content: 'EN'; }

.language-switcher a {
  color: #3F3F3F;
  display: block;
  font-size: 0.875em;
  line-height: 1;
  margin-bottom: 1rem;
  padding-left: 34px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 250ms ease-out;
  -o-transition: color 250ms ease-out;
  transition: color 250ms ease-out; }
  .language-switcher a:before {
    border-radius: 50%;
    border: solid 2px #178387;
    color: #000000;
    display: block;
    font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    width: 30px; }
  .language-switcher a:hover {
    color: #000000; }
    .language-switcher a:hover:before {
      background-color: #178387;
      color: #fff; }

.l-header--squished .language-switcher ul {
  margin: 0; }

.l-header--squished .language-switcher a {
  color: transparent;
  font: 0/0 a;
  height: 30px;
  text-shadow: none;
  width: 30px;
  margin-bottom: 0;
  margin-left: 1.5rem;
  padding: 0; }

.mobile-menu .language-switcher {
  margin: 0 1rem; }
  .mobile-menu .language-switcher a {
    font-size: 16px;
    margin-left: 0;
    padding: 1rem 0 1rem 42px; }
    .mobile-menu .language-switcher a:before {
      border-width: 3px;
      font-size: 14px;
      height: 34px;
      line-height: 27px;
      width: 34px; }

.like-flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .like-flag:not(.like-flag--liked-by):hover .like-flag__icon:before {
    opacity: 0; }
  .like-flag:not(.like-flag--liked-by):hover .like-flag__icon:after {
    opacity: 1; }

.like-flag__icon {
  color: transparent;
  font: 0/0 a;
  height: 16px;
  text-shadow: none;
  width: 16px;
  position: relative; }
  .like-flag__icon:before, .like-flag__icon:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .like-flag__icon:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb-outline.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
    opacity: 1; }
  .like-flag__icon:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/thumb.svg");
    opacity: 0; }

.like-flag__text {
  margin-left: 0.5rem;
  font-size: 16px; }

.like-flag.is-liked .like-flag__icon:before {
  opacity: 0; }

.like-flag.is-liked .like-flag__icon:after {
  opacity: 1; }

.like-flag.is-liked:hover .like-flag__icon:before {
  opacity: 1; }

.like-flag.is-liked:hover .like-flag__icon:after {
  opacity: 0; }

.like-flag.like-flag--liked-by {
  cursor: initial; }
  .like-flag.like-flag--liked-by .like-flag__icon:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/thumb.svg");
    opacity: 1; }

.like-flag a {
  font-size: 14px;
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none; }
  .like-flag a:hover {
    text-decoration: underline; }
  .like-flag a:before, .like-flag a:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 16px; }
  .like-flag a:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb-outline.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
    opacity: 1; }
  .like-flag a:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/thumb.svg");
    opacity: 0; }
  .like-flag a:hover:before {
    opacity: 0; }
  .like-flag a:hover:after {
    opacity: 1; }

.like-flag.action-unflag a:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb-outline.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/thumb-outline.svg");
  opacity: 0; }

.like-flag.action-unflag a:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/thumb.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/thumb.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/thumb.svg");
  opacity: 1; }

.like-flag.action-unflag a:hover:before {
  opacity: 1; }

.like-flag.action-unflag a:hover:after {
  opacity: 0; }

.vote-like a {
  -webkit-appearance: none; }

.list--border {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .list--border > li {
    border-bottom: 1px solid #ccc;
    padding: 0.25rem; }

.list--clean {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list--clean li::before {
    display: none; }

.list--column {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  @media (min-width: 31.25em) {
    .list--column {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 2em;
         -moz-column-gap: 2em;
              column-gap: 2em; } }
  .list--column > li {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid-column;
    display: table;
    margin-bottom: 0;
    padding-bottom: 0.25em; }

.list--inline {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .list--inline > li {
    display: inline; }

.list--pipeline {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .list--pipeline::after {
    clear: both;
    content: '';
    display: table; }
  .list--pipeline > li {
    border-right: 1px solid #d6d7d9;
    display: block;
    float: left;
    margin-right: 0.75em;
    padding-right: 0.75em; }
    [dir='rtl'] .list--pipeline > li {
      border-left: 1px solid #d6d7d9;
      border-right: 0;
      float: right;
      margin-left: 0.75em;
      margin-right: 0;
      padding-left: 0.75em;
      padding-right: 0; }
    .list--pipeline > li.is-active {
      font-weight: bold; }
    .list--pipeline > li:last-child {
      border-right: 0;
      margin-right: 0;
      padding-right: 0; }
      [dir='rtl'] .list--pipeline > li:last-child {
        border-left: 0;
        margin-left: 0;
        padding-left: 0; }

.materials-block {
  background-color: #ECECEC;
  margin-bottom: 1.5rem;
  padding: 1.5rem; }

.materials-block__title {
  font-size: 1em;
  margin-bottom: .75rem; }

.materials-block__download-button {
  text-align: center; }

.member-role {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.member-role__icon {
  color: transparent;
  font: 0/0 a;
  height: 20px;
  text-shadow: none;
  width: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  position: relative; }
  .member-role--biointeractive-staff .member-role__icon {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/shield-star-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/shield-star-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/shield-star-teal.svg");
    background-size: 16px 20px;
    display: block; }

.member-role__text {
  color: #178387;
  margin-left: 0.5rem;
  font-size: 16px;
  font-weight: 500; }

.mentions {
  background-color: #e2e2e2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 4px solid #e2e2e2;
  color: #000;
  font-weight: 500;
  margin: 0 2px;
  padding: 0 6px;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease-out, border 150ms ease-out;
  -o-transition: background-color 150ms ease-out, border 150ms ease-out;
  transition: background-color 150ms ease-out, border 150ms ease-out;
  white-space: nowrap; }
  .mentions::before {
    content: '@';
    display: inline;
    font-weight: 500;
    margin-right: 2px; }
  .mentions:hover, .mentions:active {
    background-color: #178387;
    color: #fff;
    border: solid 4px #178387; }
    .mentions:hover::before, .mentions:active::before {
      color: #fff; }
  .mentions:focus {
    outline: solid 2px #178387;
    outline: solid 2px -webkit-focus-ring-color;
    outline-offset: 2px; }

.mentions-input .ui-menu {
  border-color: #178387;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  max-height: 300px;
  max-width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  top: 80px !important;
  left: 0 !important; }

.mentions-input .ui-menu-item-wrapper {
  border: 0;
  display: block;
  margin: 0;
  padding: 0.25rem 0.5rem; }
  .mentions-input .ui-menu-item-wrapper.ui-state-active {
    background-color: #178387;
    border: 0; }
    .mentions-input .ui-menu-item-wrapper.ui-state-active .headshot__name {
      color: #fff; }

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .menu li::before {
    display: none; }
  @media print {
    .menu {
      display: none; } }

.menu__item {
  margin-bottom: 0; }

.menu--ab-login {
  position: relative; }
  .menu--ab-login .menu__link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #178387;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.5rem 1rem;
    text-decoration: none;
    -webkit-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    -webkit-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    /* Need to check and see if this is needed
    &.has-children {
      &:after {
        background-position: center center;
        background-image: url(/images/arrow-down-white);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        margin-left: $spacing-xs;
        height: 10px;
        width: 16px;
      }

      &.is-open {
        &:after {
          transform: rotate(180deg);
        }
      }
    } */ }
    @media (max-width: 900px) {
      .menu--ab-login .menu__link {
        display: block;
        min-width: 125px;
        width: auto; } }
    @media (max-width: 1300px) {
      .menu--ab-login .menu__link {
        font-size: 16px; } }
    .menu--ab-login .menu__link:hover, .menu--ab-login .menu__link:active, .menu--ab-login .menu__link:focus {
      background-color: #0A5C5F; }
  .menu--ab-login .menu__subnav {
    display: none;
    padding-top: 4px; }
    .menu--ab-login .menu__subnav .menu__link {
      font-size: 14px;
      padding: 4px 1rem; }
      .menu--ab-login .menu__subnav .menu__link:hover, .menu--ab-login .menu__subnav .menu__link:focus {
        text-decoration: underline; }
  .menu--ab-login .menu__view {
    display: none;
    padding: 0.5rem 0 0 0.5rem; }

.menu--ab-login-mobile {
  margin: 1rem 0.5rem 0 0.5rem; }
  .menu--ab-login-mobile .menu__link {
    font-size: 16px; }

.menu--ab-utility,
.menu--ab {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 10px; }
  .menu--ab-utility .menu__item,
  .menu--ab .menu__item {
    margin-right: 1rem;
    overflow-x: hidden; }
    @media (max-width: 1200px) {
      .menu--ab-utility .menu__item,
      .menu--ab .menu__item {
        margin-right: 30px; } }
  .menu--ab-utility .menu__link,
  .menu--ab .menu__link {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    text-decoration: none; }
    .menu--ab-utility .menu__link:after,
    .menu--ab .menu__link:after {
      background-color: #000;
      content: '';
      display: block;
      height: 3px;
      margin-top: 2px;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%);
      -webkit-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      -webkit-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 100%; }
    .menu--ab-utility .menu__link:hover:after, .menu--ab-utility .menu__link:focus:after, .menu--ab-utility .menu__link.is-active-trail:after,
    .menu--ab .menu__link:hover:after,
    .menu--ab .menu__link:focus:after,
    .menu--ab .menu__link.is-active-trail:after {
      background-color: #fff;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
  .menu--ab-utility .menu__subnav,
  .menu--ab .menu__subnav {
    display: none; }

.menu--dashboard,
.menu--dashboard-es {
  border-bottom: solid 1px #AAAAAA;
  margin-bottom: 2rem; }
  @media (min-width: 56.25em) {
    .menu--dashboard,
    .menu--dashboard-es {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 0;
      padding-right: 1.5rem; } }
  .menu--dashboard .menu__item,
  .menu--dashboard-es .menu__item {
    margin-bottom: 0.5rem; }
    @media (min-width: 56.25em) {
      .menu--dashboard .menu__item,
      .menu--dashboard-es .menu__item {
        margin-right: 1.5rem; } }
  .menu--dashboard > .menu__item,
  .menu--dashboard-es > .menu__item {
    margin-bottom: 1.5rem; }
    @media (min-width: 56.25em) {
      .menu--dashboard > .menu__item,
      .menu--dashboard-es > .menu__item {
        margin-bottom: 0; } }
    .menu--dashboard > .menu__item > .menu__link.has-subnav,
    .menu--dashboard-es > .menu__item > .menu__link.has-subnav {
      font-size: 18px;
      pointer-events: none; }
      @media (min-width: 56.25em) {
        .menu--dashboard > .menu__item > .menu__link.has-subnav,
        .menu--dashboard-es > .menu__item > .menu__link.has-subnav {
          font-size: 16px;
          pointer-events: visible; } }
  .menu--dashboard .menu__link,
  .menu--dashboard-es .menu__link {
    color: #000;
    font-weight: bold;
    padding: 0.25rem 0;
    position: relative;
    text-decoration: none; }
    .menu--dashboard .menu__link.is-button,
    .menu--dashboard-es .menu__link.is-button {
      border-radius: 20px;
      border: solid 2px #178387;
      display: inline-block;
      font-size: 18px;
      padding: 0.25rem 1rem; }
      .menu--dashboard .menu__link.is-button:hover, .menu--dashboard .menu__link.is-button:focus, .menu--dashboard .menu__link.is-button.is-active-trail,
      .menu--dashboard-es .menu__link.is-button:hover,
      .menu--dashboard-es .menu__link.is-button:focus,
      .menu--dashboard-es .menu__link.is-button.is-active-trail {
        background-color: #178387;
        color: #fff; }
      @media (min-width: 56.25em) {
        .menu--dashboard .menu__link.is-button,
        .menu--dashboard-es .menu__link.is-button {
          font-size: 16px; } }
    @media (min-width: 56.25em) {
      .menu--dashboard .menu__link.has-subnav::after,
      .menu--dashboard-es .menu__link.has-subnav::after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-grey.svg");
        background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-grey.svg");
        background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-grey.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 16px;
        margin-left: 0.5rem;
        position: relative;
        top: 2px;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transition: -webkit-transform 150ms ease-out;
        transition: -webkit-transform 150ms ease-out;
        -o-transition: transform 150ms ease-out;
        transition: transform 150ms ease-out;
        transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
        width: 16px; }
      .menu--dashboard .menu__link.has-subnav:hover,
      .menu--dashboard-es .menu__link.has-subnav:hover {
        color: #178387; }
      .menu--dashboard .menu__link.has-subnav[aria-expanded="true"],
      .menu--dashboard-es .menu__link.has-subnav[aria-expanded="true"] {
        color: #178387; }
        .menu--dashboard .menu__link.has-subnav[aria-expanded="true"]::after,
        .menu--dashboard-es .menu__link.has-subnav[aria-expanded="true"]::after {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); } }
  .menu--dashboard .menu__subnav,
  .menu--dashboard-es .menu__subnav {
    padding: 0.5rem 0 0 0; }
    @media (min-width: 56.25em) {
      .menu--dashboard .menu__subnav,
      .menu--dashboard-es .menu__subnav {
        background-color: #fff;
        border-top: solid 1px #AAAAAA;
        -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
                box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
        display: none;
        max-width: 250px;
        padding: 1.5rem;
        position: absolute;
        top: 100%;
        -webkit-transform: translateX(-1.5rem);
            -ms-transform: translateX(-1.5rem);
                transform: translateX(-1.5rem);
        width: auto; }
        .menu--dashboard .menu__subnav[aria-expanded="true"],
        .menu--dashboard-es .menu__subnav[aria-expanded="true"] {
          display: block; } }
    @media (min-width: 56.25em) {
      .menu--dashboard .menu__subnav .menu__item,
      .menu--dashboard-es .menu__subnav .menu__item {
        margin: 0 0 0.5rem 0; }
        .menu--dashboard .menu__subnav .menu__item:last-child,
        .menu--dashboard-es .menu__subnav .menu__item:last-child {
          margin: 0; } }
    .menu--dashboard .menu__subnav .menu__link,
    .menu--dashboard-es .menu__subnav .menu__link {
      display: block;
      font-weight: 400;
      line-height: 1.3; }
      .menu--dashboard .menu__subnav .menu__link:hover, .menu--dashboard .menu__subnav .menu__link:focus,
      .menu--dashboard-es .menu__subnav .menu__link:hover,
      .menu--dashboard-es .menu__subnav .menu__link:focus {
        text-decoration: underline; }
      .menu--dashboard .menu__subnav .menu__link.has-subnav::after,
      .menu--dashboard-es .menu__subnav .menu__link.has-subnav::after {
        display: none; }
    .menu--dashboard .menu__subnav .menu__subnav,
    .menu--dashboard-es .menu__subnav .menu__subnav {
      display: none; }

.menu--detail-page {
  background-color: #ECECEC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0 1rem 1rem; }
  @media (min-width: 56.25em) {
    .menu--detail-page {
      padding: 1rem 0 1rem 2.5rem; } }
  .menu--detail-page .menu__item {
    display: inline-block;
    margin: 0 0.5rem;
    padding: 4px 0;
    overflow: hidden; }
    @media (min-width: 56.25em) {
      .menu--detail-page .menu__item {
        margin: 0 1.5rem; } }
  .menu--detail-page .menu__link {
    font-weight: 700;
    padding: 4px 0;
    position: relative;
    text-decoration: none; }
    .menu--detail-page .menu__link:after {
      background-color: #8AC341;
      bottom: -1px;
      content: '';
      display: block;
      height: 3px;
      left: -100%;
      position: absolute;
      -webkit-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out;
      width: 100%; }
    .menu--detail-page .menu__link:hover:after, .menu--detail-page .menu__link:focus:after, .menu--detail-page .menu__link.is-active-trail:after {
      left: 0; }

.menu--footer-ab {
  display: inline-block; }
  @media (min-width: 815px) {
    .menu--footer-ab {
      list-style-type: none;
      margin-left: 0;
      padding-left: 0; }
      .menu--footer-ab > li {
        display: inline; } }
  .menu--footer-ab .menu__item {
    font-size: 14px;
    margin: 0; }
    @media (min-width: 815px) {
      .menu--footer-ab .menu__item {
        margin: 0;
        margin-left: 24px; } }
    .menu--footer-ab .menu__item a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: color 200ms ease;
      -o-transition: color 200ms ease;
      transition: color 200ms ease; }
      .menu--footer-ab .menu__item a:hover, .menu--footer-ab .menu__item a:focus {
        color: #8AC341; }

.menu--footer,
.menu--footer-es {
  display: inline-block; }
  @media (min-width: 50.9375em) {
    .menu--footer,
    .menu--footer-es {
      list-style-type: none;
      margin-left: 0;
      padding-left: 0; }
      .menu--footer > li,
      .menu--footer-es > li {
        display: inline; } }
  .menu--footer .menu__item,
  .menu--footer-es .menu__item {
    font-size: 14px;
    margin: 1rem 0; }
    @media (min-width: 50.9375em) {
      .menu--footer .menu__item,
      .menu--footer-es .menu__item {
        margin: 0;
        margin-left: 1.5rem; } }
    .menu--footer .menu__item a,
    .menu--footer-es .menu__item a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: color 200ms ease;
      -o-transition: color 200ms ease;
      transition: color 200ms ease; }
      .menu--footer .menu__item a:hover, .menu--footer .menu__item a:focus,
      .menu--footer-es .menu__item a:hover,
      .menu--footer-es .menu__item a:focus {
        color: #8AC341; }

.menu--group-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 1.5rem; }
  .menu--group-menu .menu__item {
    margin-right: 1.5rem;
    overflow: hidden;
    padding: 4px 0; }
    .menu--group-menu .menu__item:first-child .menu__link {
      border-radius: 20px;
      border: solid 2px #178387;
      display: block;
      padding: 0.25rem 1rem; }
      .menu--group-menu .menu__item:first-child .menu__link:hover, .menu--group-menu .menu__item:first-child .menu__link:focus, .menu--group-menu .menu__item:first-child .menu__link.is-active-trail {
        background-color: #178387;
        color: #fff; }
      .menu--group-menu .menu__item:first-child .menu__link::after {
        display: none; }
  .menu--group-menu .menu__link {
    color: #000;
    display: inline-block;
    font-weight: bold;
    outline-offset: -2px;
    padding: 4px 0;
    position: relative;
    text-decoration: none; }
    .menu--group-menu .menu__link::after {
      background-color: #178387;
      content: '';
      display: block;
      height: 3px;
      margin-top: 2px;
      -webkit-transform: translateX(-101%);
          -ms-transform: translateX(-101%);
              transform: translateX(-101%);
      -webkit-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 100%; }
    .menu--group-menu .menu__link:hover::after, .menu--group-menu .menu__link:focus::after, .menu--group-menu .menu__link.is-active-trail::after {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }

.menu--main,
.menu--main-es {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 2px; }
  .menu--main .menu__item,
  .menu--main-es .menu__item {
    margin-left: 1.5rem;
    overflow-x: hidden; }
  .menu--main .menu__link,
  .menu--main-es .menu__link {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    text-decoration: none; }
    @media (min-width: 67.1875em) {
      .menu--main .menu__link,
      .menu--main-es .menu__link {
        font-size: 16px; } }
    .menu--main .menu__link:after,
    .menu--main-es .menu__link:after {
      background-color: #178387;
      content: '';
      display: block;
      height: 3px;
      margin-top: 2px;
      -webkit-transform: translateX(-101%);
          -ms-transform: translateX(-101%);
              transform: translateX(-101%);
      -webkit-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 100%; }
    .menu--main .menu__link:hover:after, .menu--main .menu__link:focus:after, .menu--main .menu__link.is-active-trail:after,
    .menu--main-es .menu__link:hover:after,
    .menu--main-es .menu__link:focus:after,
    .menu--main-es .menu__link.is-active-trail:after {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
  .l-header--squished .menu--main .menu__link, .l-header--squished
  .menu--main-es .menu__link {
    font-size: 13px; }
    @media (min-width: 62.5em) {
      .l-header--squished .menu--main .menu__link, .l-header--squished
      .menu--main-es .menu__link {
        font-size: 14px; } }
    @media (min-width: 67.1875em) {
      .l-header--squished .menu--main .menu__link, .l-header--squished
      .menu--main-es .menu__link {
        font-size: 16px; } }
  .menu--main .menu__subnav,
  .menu--main-es .menu__subnav {
    display: none; }
  .page-header__menu .menu--main, .page-header__menu
  .menu--main-es {
    background-color: #ECECEC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1rem 0 1rem 1rem;
    top: 0; }
    @media (min-width: 56.25em) {
      .page-header__menu .menu--main, .page-header__menu
      .menu--main-es {
        padding: 1rem 0 1rem 2.5rem; } }
    .page-header__menu .menu--main .menu__item, .page-header__menu
    .menu--main-es .menu__item {
      display: inline-block;
      margin: 0 0.5rem;
      overflow: hidden;
      padding: 4px 0; }
      @media (min-width: 56.25em) {
        .page-header__menu .menu--main .menu__item, .page-header__menu
        .menu--main-es .menu__item {
          margin: 0 1.5rem; } }
    .page-header__menu .menu--main .menu__link, .page-header__menu
    .menu--main-es .menu__link {
      color: #3F3F3F;
      font-weight: 700;
      padding: 4px 0;
      position: relative;
      text-decoration: none; }
      .page-header__menu .menu--main .menu__link:after, .page-header__menu
      .menu--main-es .menu__link:after {
        background-color: #178387;
        bottom: -1px;
        content: '';
        display: block;
        height: 3px;
        left: -100%;
        position: absolute;
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        width: 100%; }
      .page-header__menu .menu--main .menu__link:hover:after, .page-header__menu .menu--main .menu__link:focus:after, .page-header__menu .menu--main .menu__link.is-active-trail:after, .page-header__menu
      .menu--main-es .menu__link:hover:after, .page-header__menu
      .menu--main-es .menu__link:focus:after, .page-header__menu
      .menu--main-es .menu__link.is-active-trail:after {
        left: 0; }

.menu--mobile {
  border-bottom: solid 1px #838286;
  margin: 1.5rem 1rem 0 1rem;
  padding: 0 0 .75rem 0; }
  .menu--mobile .menu__item {
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .menu--mobile .menu__link {
    background-color: transparent;
    border: 0;
    color: #3F3F3F;
    display: inline-block;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.25;
    margin: 0;
    padding: 0.5972222222em 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    white-space: normal;
    width: auto;
    z-index: 3; }
    .menu--mobile .menu__link:after {
      background-color: #8AC341;
      content: '';
      display: block;
      height: 3px;
      margin-top: 2px;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%);
      -webkit-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 100%; }
    .menu--mobile .menu__link:focus:after, .menu--mobile .menu__link:hover:after, .menu--mobile .menu__link:active:after, .menu--mobile .menu__link.is-active:after {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
  .menu--mobile .menu__item--parent {
    position: relative; }
    .menu--mobile .menu__item--parent.is-open {
      background: #fff;
      background: #ECECEC; }
    .menu--mobile .menu__item--parent > .menu__link {
      display: inline-block; }
  .menu--mobile .menu__subnav-arrow {
    height: 44px;
    overflow: hidden;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%200l7.5%207.5%207.5-7.5%202.3%202.3-9.7%209.7-9.7-9.7%202.3-2.3z%22%2F%3E%0A%3C%2Fsvg%3E');
    background-image: -o-linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%200l7.5%207.5%207.5-7.5%202.3%202.3-9.7%209.7-9.7-9.7%202.3-2.3z%22%2F%3E%0A%3C%2Fsvg%3E');
    background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%200l7.5%207.5%207.5-7.5%202.3%202.3-9.7%209.7-9.7-9.7%202.3-2.3z%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 19px 12px;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 2.75em;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
    z-index: 2; }
    .menu--mobile .menu__subnav-arrow::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    .menu--mobile .menu__subnav-arrow:focus {
      outline: thin dotted; }
    .menu--mobile .menu__subnav-arrow.is-active {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%2012l7.5-7.5%207.5%207.5%202.3-2.3-9.7-9.7-9.7%209.7%202.3%202.3z%22%2F%3E%0A%3C%2Fsvg%3E');
      background-image: -o-linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%2012l7.5-7.5%207.5%207.5%202.3-2.3-9.7-9.7-9.7%209.7%202.3%202.3z%22%2F%3E%0A%3C%2Fsvg%3E');
      background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20viewBox%3D%220%200%2019%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M2.3%2012l7.5-7.5%207.5%207.5%202.3-2.3-9.7-9.7-9.7%209.7%202.3%202.3z%22%2F%3E%0A%3C%2Fsvg%3E'); }
    [dir='rtl'] .menu--mobile .menu__subnav-arrow {
      left: 0;
      right: auto; }
  .menu--mobile .menu__subnav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0; }
    .menu--mobile .menu__subnav .menu__link {
      color: #3F3F3F;
      padding-left: 2em; }
      .menu--mobile .menu__subnav .menu__link:focus, .menu--mobile .menu__subnav .menu__link:hover, .menu--mobile .menu__subnav .menu__link:active {
        color: #3F3F3F; }

.menu--my-library {
  padding: 0; }
  .menu--my-library .menu__link {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 0.5rem 1.5rem;
    text-decoration: none;
    -webkit-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out; }
    .menu--my-library .menu__link:hover, .menu--my-library .menu__link:focus {
      background-color: #DCDCDC; }
    .menu--my-library .menu__link.has-children {
      font-weight: 400; }
      .menu--my-library .menu__link.has-children:after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-black.svg");
        background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-black.svg");
        background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-black.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        margin-left: 0.5rem;
        height: 10px;
        width: 16px; }
      .menu--my-library .menu__link.has-children.is-open {
        background-color: #DCDCDC; }
        .menu--my-library .menu__link.has-children.is-open:after {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
  .menu--my-library .menu__subnav {
    display: none;
    padding-left: 1rem;
    padding-top: 4px; }
    .menu--my-library .menu__subnav .menu__link {
      font-size: 14px;
      font-weight: 400;
      padding: 4px 1.5rem; }
      .menu--my-library .menu__subnav .menu__link:hover, .menu--my-library .menu__subnav .menu__link:focus {
        background-color: transparent;
        text-decoration: underline; }
  .menu--my-library .menu__view {
    display: none;
    padding: 0.5rem 0 0 1rem; }

.menu--social-ab {
  padding-top: 0.5rem;
  margin-left: -8px;
  margin-right: -8px; }
  .menu--social-ab > li {
    display: inline-block; }
  .menu--social-ab .menu__item {
    margin: 0 8px; }
    @media (max-width: 815px) {
      .menu--social-ab .menu__item {
        margin: 0 0 0 24px; } }
  .menu--social-ab .menu__link {
    color: transparent;
    display: inline-block;
    font: 0/0 a;
    height: 45px;
    position: relative;
    text-shadow: none;
    width: 45px;
    color: transparent;
    font: 0/0 a;
    height: 45px;
    text-shadow: none;
    width: 45px; }
    .menu--social-ab .menu__link:before, .menu--social-ab .menu__link:after {
      background-size: 45px 45px;
      content: '';
      display: block;
      height: 45px;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
      width: 45px; }
    .menu--social-ab .menu__link:before {
      opacity: 1; }
    .menu--social-ab .menu__link:after {
      opacity: 0; }
    .menu--social-ab .menu__link:hover:before, .menu--social-ab .menu__link:focus:before {
      opacity: 0; }
    .menu--social-ab .menu__link:hover:after, .menu--social-ab .menu__link:focus:after {
      opacity: 1; }
    .menu--social-ab .menu__link.menu__link--facebook:before {
      background-image: url("../images/social-facebook-square.svg"); }
    .menu--social-ab .menu__link.menu__link--facebook:after {
      background-image: url("../images/social-facebook-square-green.svg"); }
    .menu--social-ab .menu__link.menu__link--twitter:before {
      background-image: url("../images/social-twitter.svg"); }
    .menu--social-ab .menu__link.menu__link--twitter:after {
      background-image: url("../images/social-twitter-green.svg"); }
    .menu--social-ab .menu__link.menu__link--youtube:before {
      background-image: url("../images/social-youtube-play.svg"); }
    .menu--social-ab .menu__link.menu__link--youtube:after {
      background-image: url("../images/social-youtube-play-green.svg"); }
    .menu--social-ab .menu__link.menu__link--instagram:before {
      background-image: url("../images/social-instagram.svg"); }
    .menu--social-ab .menu__link.menu__link--instagram:after {
      background-image: url("../images/social-instagram-green.svg"); }

.menu--social,
.menu--social-es {
  padding-top: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .menu--social > li,
  .menu--social-es > li {
    display: inline-block; }
  .menu--social .menu__item,
  .menu--social-es .menu__item {
    margin: 0 0.5rem; }
    @media (min-width: 50.9375em) {
      .menu--social .menu__item,
      .menu--social-es .menu__item {
        margin: 0 0 0 1.5rem; } }
  .menu--social .menu__link,
  .menu--social-es .menu__link {
    color: transparent;
    font: 0/0 a;
    height: 45px;
    text-shadow: none;
    width: 45px;
    display: inline-block;
    position: relative; }
    .menu--social .menu__link:before, .menu--social .menu__link:after,
    .menu--social-es .menu__link:before,
    .menu--social-es .menu__link:after {
      background-size: 45px 45px;
      content: '';
      display: block;
      height: 45px;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
      width: 45px; }
    .menu--social .menu__link:before,
    .menu--social-es .menu__link:before {
      opacity: 1; }
    .menu--social .menu__link:after,
    .menu--social-es .menu__link:after {
      opacity: 0; }
    .menu--social .menu__link:hover:before, .menu--social .menu__link:focus:before,
    .menu--social-es .menu__link:hover:before,
    .menu--social-es .menu__link:focus:before {
      opacity: 0; }
    .menu--social .menu__link:hover:after, .menu--social .menu__link:focus:after,
    .menu--social-es .menu__link:hover:after,
    .menu--social-es .menu__link:focus:after {
      opacity: 1; }
    .menu--social .menu__link.menu__link--facebook:before,
    .menu--social-es .menu__link.menu__link--facebook:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-facebook-square.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-facebook-square.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-facebook-square.svg"); }
    .menu--social .menu__link.menu__link--facebook:after,
    .menu--social-es .menu__link.menu__link--facebook:after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-facebook-square-green.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-facebook-square-green.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-facebook-square-green.svg"); }
    .menu--social .menu__link.menu__link--twitter:before,
    .menu--social-es .menu__link.menu__link--twitter:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-twitter.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-twitter.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-twitter.svg"); }
    .menu--social .menu__link.menu__link--twitter:after,
    .menu--social-es .menu__link.menu__link--twitter:after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-twitter-green.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-twitter-green.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-twitter-green.svg"); }
    .menu--social .menu__link.menu__link--youtube:before,
    .menu--social-es .menu__link.menu__link--youtube:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-youtube-play.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-youtube-play.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-youtube-play.svg"); }
    .menu--social .menu__link.menu__link--youtube:after,
    .menu--social-es .menu__link.menu__link--youtube:after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-youtube-play-green.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-youtube-play-green.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-youtube-play-green.svg"); }
    .menu--social .menu__link.menu__link--instagram:before,
    .menu--social-es .menu__link.menu__link--instagram:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-instagram.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-instagram.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-instagram.svg"); }
    .menu--social .menu__link.menu__link--instagram:after,
    .menu--social-es .menu__link.menu__link--instagram:after {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/social-instagram-green.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/social-instagram-green.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/social-instagram-green.svg"); }

.menu--submenu {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .menu--submenu::after {
    clear: both;
    content: '';
    display: table; }
  .menu--submenu > li {
    border-right: 1px solid #d6d7d9;
    display: block;
    float: left;
    margin-right: 0.75em;
    padding-right: 0.75em; }
    [dir='rtl'] .menu--submenu > li {
      border-left: 1px solid #d6d7d9;
      border-right: 0;
      float: right;
      margin-left: 0.75em;
      margin-right: 0;
      padding-left: 0.75em;
      padding-right: 0; }
    .menu--submenu > li.is-active {
      font-weight: bold; }
    .menu--submenu > li:last-child {
      border-right: 0;
      margin-right: 0;
      padding-right: 0; }
      [dir='rtl'] .menu--submenu > li:last-child {
        border-left: 0;
        margin-left: 0;
        padding-left: 0; }
  .menu--submenu .menu__link {
    font-size: 0.875em; }

.menu--user {
  padding: 0.5rem 0 0 0; }
  @media (min-width: 56.25em) {
    .menu--user {
      background-color: #fff;
      border-top: solid 1px #AAAAAA;
      -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
              box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
      display: none;
      max-width: 250px;
      padding: 1.5rem;
      position: absolute;
      right: 1rem;
      top: 100%;
      width: auto; }
      .menu--user[aria-expanded="true"] {
        display: block; } }
  .menu--user .menu__item {
    margin: 0 0 1rem 0; }
    .menu--user .menu__item:last-child {
      margin: 0; }
    @media (min-width: 56.25em) {
      .menu--user .menu__item {
        margin: 0 0 0.5rem 0; } }
  .menu--user .menu__link {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none; }
    .menu--user .menu__link:hover, .menu--user .menu__link:focus {
      text-decoration: underline; }
    @media (min-width: 56.25em) {
      .menu--user .menu__link {
        font-size: 16px;
        padding: 0.25rem 0; } }

.menu--utility,
.menu--utility-es {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 1rem; }
  .menu--utility .menu__item,
  .menu--utility-es .menu__item {
    position: relative; }
  .menu--utility .menu__link,
  .menu--utility-es .menu__link {
    color: #3F3F3F;
    display: block;
    font-size: 0.875em;
    line-height: 1;
    margin-left: 1.5rem;
    padding-left: 34px;
    position: relative;
    text-decoration: none;
    -webkit-transition: color 250ms ease-out;
    -o-transition: color 250ms ease-out;
    transition: color 250ms ease-out; }
    .menu--utility .menu__link::before,
    .menu--utility-es .menu__link::before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px 14px;
      border-radius: 50%;
      border: solid 2px #178387;
      content: '';
      display: inline-block;
      height: 30px;
      left: 0;
      margin-right: 4px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: all 250ms ease-out;
      -o-transition: all 250ms ease-out;
      transition: all 250ms ease-out;
      width: 30px; }
    .menu--utility .menu__link.menu__link--language::before,
    .menu--utility-es .menu__link.menu__link--language::before {
      color: #000000;
      content: 'ES';
      font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif;
      font-size: 11px;
      font-weight: 700;
      line-height: 22px;
      text-align: center; }
    .menu--utility .menu__link.menu__link--search::before,
    .menu--utility-es .menu__link.menu__link--search::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/search.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/search.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/search.svg"); }
    .menu--utility .menu__link.menu__link--search:hover::before, .menu--utility .menu__link.menu__link--search:focus::before,
    .menu--utility-es .menu__link.menu__link--search:hover::before,
    .menu--utility-es .menu__link.menu__link--search:focus::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/search-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/search-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/search-white.svg"); }
    .menu--utility .menu__link.menu__link--account::before,
    .menu--utility-es .menu__link.menu__link--account::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/avatar.svg"); }
    .menu--utility .menu__link.menu__link--account:hover::before, .menu--utility .menu__link.menu__link--account:focus::before,
    .menu--utility-es .menu__link.menu__link--account:hover::before,
    .menu--utility-es .menu__link.menu__link--account:focus::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/avatar-white.svg"); }
    body.user-logged-in .menu--utility .menu__link.menu__link--account, body.user-logged-in
    .menu--utility-es .menu__link.menu__link--account {
      display: none; }
    .menu--utility .menu__link:hover, .menu--utility .menu__link:focus, .menu--utility .menu__link.is-active-trail,
    .menu--utility-es .menu__link:hover,
    .menu--utility-es .menu__link:focus,
    .menu--utility-es .menu__link.is-active-trail {
      color: #000; }
      .menu--utility .menu__link:hover:before, .menu--utility .menu__link:focus:before, .menu--utility .menu__link.is-active-trail:before,
      .menu--utility-es .menu__link:hover:before,
      .menu--utility-es .menu__link:focus:before,
      .menu--utility-es .menu__link.is-active-trail:before {
        background-color: #178387; }
  .menu--utility .menu__subnav,
  .menu--utility-es .menu__subnav {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
    display: none;
    min-width: 153px;
    padding: 1.5rem;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 1; }
    .menu--utility .menu__subnav.is-open,
    .menu--utility-es .menu__subnav.is-open {
      display: block; }
    .menu--utility .menu__subnav .menu__item,
    .menu--utility-es .menu__subnav .menu__item {
      margin: 0 0 1rem 0;
      padding: 0; }
      .menu--utility .menu__subnav .menu__item:last-child,
      .menu--utility-es .menu__subnav .menu__item:last-child {
        margin-bottom: 0; }
    .menu--utility .menu__subnav .menu__link,
    .menu--utility-es .menu__subnav .menu__link {
      margin: 0;
      padding: 0; }
      .menu--utility .menu__subnav .menu__link:before, .menu--utility .menu__subnav .menu__link:after,
      .menu--utility-es .menu__subnav .menu__link:before,
      .menu--utility-es .menu__subnav .menu__link:after {
        display: none; }
      .menu--utility .menu__subnav .menu__link:hover, .menu--utility .menu__subnav .menu__link:focus,
      .menu--utility-es .menu__subnav .menu__link:hover,
      .menu--utility-es .menu__subnav .menu__link:focus {
        text-decoration: underline; }
  .l-header--squished .menu--utility, .l-header--squished
  .menu--utility-es {
    margin-bottom: 0;
    margin-left: 0; }
    .l-header--squished .menu--utility > .menu__item > .menu__link, .l-header--squished
    .menu--utility-es > .menu__item > .menu__link {
      color: transparent;
      font: 0/0 a;
      height: 30px;
      text-shadow: none;
      width: 30px;
      margin-left: 0.5rem;
      padding: 0; }
      .l-header--squished .menu--utility > .menu__item > .menu__link.menu__link--account, .l-header--squished
      .menu--utility-es > .menu__item > .menu__link.menu__link--account {
        margin-right: 18px; }
        .l-header--squished .menu--utility > .menu__item > .menu__link.menu__link--account:after, .l-header--squished
        .menu--utility-es > .menu__item > .menu__link.menu__link--account:after {
          left: calc(100% + 4px);
          margin-left: 0;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-30%);
              -ms-transform: translateY(-30%);
                  transform: translateY(-30%); }
      @media (min-width: 75em) {
        .l-header--squished .menu--utility > .menu__item > .menu__link, .l-header--squished
        .menu--utility-es > .menu__item > .menu__link {
          margin-left: 1rem; } }
  .mobile-menu .menu--utility, .mobile-menu
  .menu--utility-es {
    display: block;
    margin: 1rem 1rem 0 1rem; }
    .mobile-menu .menu--utility .menu__link, .mobile-menu
    .menu--utility-es .menu__link {
      font-size: 16px;
      margin-left: 0;
      padding: 1rem 0 1rem 42px; }
      .mobile-menu .menu--utility .menu__link:before, .mobile-menu
      .menu--utility-es .menu__link:before {
        background-position: 50% 45%;
        background-size: 17px 17px;
        border-width: 3px;
        height: 34px;
        width: 34px; }
      .mobile-menu .menu--utility .menu__link.menu__link--language:before, .mobile-menu
      .menu--utility-es .menu__link.menu__link--language:before {
        font-size: 14px;
        line-height: 28px; }
    .mobile-menu .menu--utility .menu__subnav, .mobile-menu
    .menu--utility-es .menu__subnav {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0 0 0 42px;
      position: relative; }
      .mobile-menu .menu--utility .menu__subnav .menu__link, .mobile-menu
      .menu--utility-es .menu__subnav .menu__link {
        padding: .6rem 0;
        color: #000;
        font-size: 15px; }
      .mobile-menu .menu--utility .menu__subnav .menu__item, .mobile-menu
      .menu--utility-es .menu__subnav .menu__item {
        margin-bottom: 0; }

.menu--utility-es .menu__link.menu__link--language:before {
  color: #000000;
  content: 'EN';
  font-family: "Helvetica Neue", "HelveticaNeue", serif, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 22px;
  text-align: center; }

.messages {
  background-color: #ecf6fa;
  background-position: 0.625em 0.625em;
  background-repeat: no-repeat;
  background-size: 2.5em;
  border: 1px solid #bcdeee;
  color: #424242;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  overflow: hidden;
  padding: 1rem 2.5rem;
  position: relative;
  word-wrap: break-word; }
  .messages::before {
    background-repeat: no-repeat;
    background-size: 3.25em;
    bottom: -.5em;
    content: '';
    display: block;
    height: 3.25em;
    position: absolute;
    right: -.5em;
    -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
    width: 3.25em; }
  .messages a {
    color: #bcdeee;
    font-weight: 600;
    text-decoration: underline; }
  @media print {
    .messages {
      background-image: none !important; } }

.messages__content > *:last-child {
  margin-bottom: 0; }

.messages--status {
  background-color: rgba(82, 180, 72, 0.1);
  border-color: #52B448; }
  .messages--status::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages-status.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/messages-status.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/messages-status.svg"); }
  .messages--status a {
    color: #52B448; }

.messages--error {
  background-color: #ffe6e5;
  border-color: #ffc5c2; }
  .messages--error::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages-error.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/messages-error.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/messages-error.svg"); }
  .messages--error a {
    color: #ff645c; }
  .messages--error .messages__item em:first-child {
    font-style: normal;
    font-weight: bold; }

.messages--warning {
  background-color: #fcf8e3;
  border-color: #faf2cc; }
  .messages--warning::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages-warning.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/messages-warning.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/messages-warning.svg"); }
  .messages--warning a {
    color: #8a6d3b; }

.mobile-menu--ab .mobile-menu__bar {
  background-color: #000; }

.mobile-menu--ab .mobile-menu__button--menu {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/waffle-white.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/waffle-white.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/waffle-white.svg");
  background-color: #000; }
  .mobile-menu--ab .mobile-menu__button--menu.is-active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/close-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/close-white.svg"); }

.mobile-menu {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0; }
  body.user-logged-in.toolbar-vertical .mobile-menu {
    top: 39px; }
    @media (max-width: 38.0625em) {
      body.user-logged-in.toolbar-vertical .mobile-menu.mobile-menu--scrolled {
        top: 0; } }
  @media (min-width: 56.25em) {
    .mobile-menu {
      display: none; } }

.mobile-menu__bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  color: #3F3F3F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.625em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1rem;
  position: relative;
  text-align: center;
  z-index: 100; }

.mobile-menu__button--menu {
  height: 31px;
  overflow: hidden;
  width: 31px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/waffle.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/waffle.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/waffle.svg");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px 31px;
  border: none;
  display: block;
  margin-left: 19px; }
  .mobile-menu__button--menu::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  .mobile-menu__button--menu.is-active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/close-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/close-black.svg");
    background-size: 26px 26px; }

.mobile-menu__button--search {
  border-left: 1px solid #dadada;
  float: right; }

.mobile-menu__icon {
  height: 22px;
  overflow: hidden;
  width: 22px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  margin-top: 1em; }
  .mobile-menu__icon::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }

.is-active .mobile-menu__icon--menu, .is-active .mobile-menu__icon--search {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.9%202.2l-2.2-2.2-8.8%208.8-8.8-8.8-2.2%202.2%208.8%208.8-8.8%208.8%202.2%202.2%208.8-8.8%208.8%208.8%202.2-2.2-8.8-8.8%208.8-8.8z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: -o-linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.9%202.2l-2.2-2.2-8.8%208.8-8.8-8.8-2.2%202.2%208.8%208.8-8.8%208.8%202.2%202.2%208.8-8.8%208.8%208.8%202.2-2.2-8.8-8.8%208.8-8.8z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.9%202.2l-2.2-2.2-8.8%208.8-8.8-8.8-2.2%202.2%208.8%208.8-8.8%208.8%202.2%202.2%208.8-8.8%208.8%208.8%202.2-2.2-8.8-8.8%208.8-8.8z%22%2F%3E%0A%3C%2Fsvg%3E'); }

.mobile-menu__icon--menu {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2233%22%20height%3D%2222%22%20viewBox%3D%220%200%2033%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M0%2022h33.1v-3.7h-33.1v3.7zM0%2012.8h33.1v-3.7h-33.1v3.7zM0%200v3.7h33.1v-3.7h-33.1z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: -o-linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2233%22%20height%3D%2222%22%20viewBox%3D%220%200%2033%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M0%2022h33.1v-3.7h-33.1v3.7zM0%2012.8h33.1v-3.7h-33.1v3.7zM0%200v3.7h33.1v-3.7h-33.1z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2233%22%20height%3D%2222%22%20viewBox%3D%220%200%2033%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M0%2022h33.1v-3.7h-33.1v3.7zM0%2012.8h33.1v-3.7h-33.1v3.7zM0%200v3.7h33.1v-3.7h-33.1z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-size: 33px 22px;
  width: 33px; }
  .is-active .mobile-menu__icon--menu {
    background-size: 22px 22px; }

.mobile-menu__icon--search {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.3%2018.7l-5.2-4.4c-0.5-0.5-1.1-0.7-1.6-0.7%201.2-1.4%202-3.3%202-5.4%200-4.6-3.7-8.2-8.2-8.2s-8.2%203.7-8.2%208.3%203.7%208.3%208.3%208.3c2%200%203.9-0.7%205.4-2%200%200.5%200.2%201%200.7%201.6l4.4%205.2c0.8%200.8%202%200.9%202.8%200.2s0.7-2-0.2-2.8zM8.3%2013.8c-3%200-5.5-2.5-5.5-5.5s2.5-5.5%205.5-5.5%205.5%202.5%205.5%205.5-2.5%205.5-5.5%205.5z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: -o-linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.3%2018.7l-5.2-4.4c-0.5-0.5-1.1-0.7-1.6-0.7%201.2-1.4%202-3.3%202-5.4%200-4.6-3.7-8.2-8.2-8.2s-8.2%203.7-8.2%208.3%203.7%208.3%208.3%208.3c2%200%203.9-0.7%205.4-2%200%200.5%200.2%201%200.7%201.6l4.4%205.2c0.8%200.8%202%200.9%202.8%200.2s0.7-2-0.2-2.8zM8.3%2013.8c-3%200-5.5-2.5-5.5-5.5s2.5-5.5%205.5-5.5%205.5%202.5%205.5%205.5-2.5%205.5-5.5%205.5z%22%2F%3E%0A%3C%2Fsvg%3E');
  background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%0A%3Cpath%20fill%3D%22%23555559%22%20d%3D%22M21.3%2018.7l-5.2-4.4c-0.5-0.5-1.1-0.7-1.6-0.7%201.2-1.4%202-3.3%202-5.4%200-4.6-3.7-8.2-8.2-8.2s-8.2%203.7-8.2%208.3%203.7%208.3%208.3%208.3c2%200%203.9-0.7%205.4-2%200%200.5%200.2%201%200.7%201.6l4.4%205.2c0.8%200.8%202%200.9%202.8%200.2s0.7-2-0.2-2.8zM8.3%2013.8c-3%200-5.5-2.5-5.5-5.5s2.5-5.5%205.5-5.5%205.5%202.5%205.5%205.5-2.5%205.5-5.5%205.5z%22%2F%3E%0A%3C%2Fsvg%3E'); }

.mobile-menu__links {
  background-color: #f9f9f9;
  color: #3F3F3F;
  position: absolute;
  width: 100%;
  z-index: 99; }

.mobile-menu__search {
  display: none;
  padding: 0.5em; }
  .mobile-menu__search form,
  .mobile-menu__search .form-item,
  .mobile-menu__search .form-text {
    width: 100%; }
  .mobile-menu__search .form-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.modal {
  background-color: rgba(0, 0, 0, 0.95);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  width: 100%;
  z-index: 99; }
  .modal.is-active {
    opacity: 1;
    pointer-events: visible; }

.modal__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 50em) {
    .modal__inner {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .modal__inner .modal__inner {
    padding-left: 0;
    padding-right: 0; }
  @media (min-width: 50em) {
    .modal__inner {
      max-width: 70%; } }

.modal__video {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .modal__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.modal__close {
  height: 30px;
  overflow: hidden;
  width: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-white.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/close-white.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/close-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 55px;
  right: 1.5rem;
  opacity: .5;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .modal__close::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  .modal__close:hover, .modal__close:focus {
    opacity: 1; }
  @media (min-width: 61em) {
    .modal__close {
      top: 100px; } }

.note-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .note-controls a {
    margin: 0 0 1rem; }
  @media (min-width: 37.5em) {
    .note-controls {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .note-controls a {
        margin: 0 0 0 1rem; } }
  @media (min-width: 56.25em) {
    .note-controls {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      min-width: 14.5625rem; }
      .note-controls a {
        margin: 0 0 0 1rem; } }

.notification {
  background-color: #fff;
  margin-bottom: 1rem; }
  .user-menu-bar .notification {
    border-bottom: solid 1px #838286;
    margin-bottom: 0; }

.notification__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.notification__image {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.notification__url {
  display: block;
  padding: 1rem;
  text-decoration: none;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .notification__url:hover, .notification__url:focus {
    background-color: #178387;
    color: #fff; }

.notification__body {
  font-size: 14px; }
  .notification__body p {
    margin-bottom: 0.25rem; }

.notification__date {
  font-size: 12px; }

.options {
  display: inline-block;
  position: relative;
  z-index: 9; }
  .options.patternlab-demo {
    left: 50%; }
  .options.options--pm-thread {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
    @media (min-width: 65.625em) {
      .options.options--pm-thread {
        right: -4rem;
        top: 0; } }

.options__toggle {
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/dots-vert-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/dots-vert-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/dots-vert-black.svg");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease-out;
  -o-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out; }
  .options__toggle:hover, .options__toggle[aria-expanded="true"] {
    background-color: #f0f0f0; }
  .options__toggle:active {
    background-color: #ddd; }
  .options--teal .options__toggle {
    border: solid 2px #178387; }
    .options--teal .options__toggle:hover, .options--teal .options__toggle[aria-expanded="true"] {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/dots-vert-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/dots-vert-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/dots-vert-white.svg");
      background-color: #178387; }
    .options--teal .options__toggle:active {
      background-color: #0A5C5F; }
  .group-header .options__toggle {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/dots-horiz-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/dots-horiz-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/dots-horiz-black.svg"); }
    .group-header .options__toggle:hover, .group-header .options__toggle[aria-expanded="true"] {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/dots-horiz-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/dots-horiz-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/dots-horiz-white.svg"); }

.options__content {
  background-color: #fff;
  border: solid 1px #ECECEC;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 1rem 1.5rem 0.5rem;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out; }
  .options__content[aria-expanded="true"] {
    display: block; }
  .options__content ul {
    margin: 0;
    padding: 0; }
  .options__content li {
    list-style: none;
    padding: 0; }
  .options__content a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-decoration: none;
    white-space: nowrap; }
    .options__content a:hover, .options__content a:focus {
      text-decoration: underline; }

.page-header {
  background-color: #178387; }

.page-header__title {
  color: #ffffff;
  margin-bottom: 0;
  padding: 4rem 0; }
  @media (min-width: 56.25em) {
    .page-header__title {
      padding: 6.5rem 0; } }
  .page-header--tertiary .page-header__title {
    padding-bottom: 6.5rem;
    padding-top: 2.5rem;
    margin-top: 0; }

.page-header__back-link {
  border-bottom: solid 3px #fff;
  color: #000000;
  display: inline-block;
  padding-top: 2.5rem;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .page-header__back-link:hover, .page-header__back-link:active {
    border-color: #8AC341; }
  .page-header__back-link:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 12px;
    width: 7px;
    margin-right: 0.5rem; }

.page-header__menu {
  margin-top: -1.5rem;
  position: relative;
  z-index: 1; }
  @media (min-width: 56.25em) {
    .page-header__menu {
      margin-top: -2.5rem; } }
  .page-header__menu:before {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -2; }
  .page-header__menu:after {
    background-color: #ECECEC;
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1; }

.page-header.page-header--green {
  background-color: #00A450; }
  .page-header.page-header--green .page-header__title {
    color: #fff; }

.page-header.page-header--green-lime {
  background-color: #8AC341; }
  .page-header.page-header--green-lime .page-header__title {
    color: #000; }

.page-header.page-header--teal {
  background-color: #178387; }
  .page-header.page-header--teal .page-header__title {
    color: #fff; }

.page-header.page-header--orange {
  background-color: #DD8235; }
  .page-header.page-header--orange .page-header__title {
    color: #000; }

.page-header.page-header--yellow {
  background-color: #E2D000; }
  .page-header.page-header--yellow .page-header__title {
    color: #000; }

.page-header.page-header--sky-blue {
  background-color: #3FC2CD; }
  .page-header.page-header--sky-blue .page-header__title {
    color: #000; }

.page-header--user .page-header__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4rem 0; }
  @media (min-width: 50em) {
    .page-header--user .page-header__row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 5rem 0; } }

.page-header--user .page-header__content {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.page-header--user .page-header__title {
  font-size: 36px;
  margin: 0 1.5rem 0 0;
  padding: 0; }
  @media (min-width: 50em) {
    .page-header--user .page-header__title {
      font-size: 54px; } }

.page-header--user .page-header__pronoun {
  font-size: 18px; }

.page-header--user .page-header__info {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 18px;
  font-weight: 700;
  margin-top: 1rem; }
  @media (min-width: 50em) {
    .page-header--user .page-header__info {
      font-size: 24px; } }

.page-header--user .page-header__image {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/avatar.svg");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70%;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 150px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  width: 150px; }
  @media (min-width: 50em) {
    .page-header--user .page-header__image {
      margin-bottom: 0;
      margin-right: 1.5rem; } }
  .page-header--user .page-header__image img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }

.page-header--user .page-header__verified {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 18px;
  margin-top: 1rem; }

.page-header--user.user-verified .page-header__verified::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/verified-white.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/verified-white.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/verified-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 20px;
  margin-right: 0.5rem;
  width: 20px; }

.page-title {
  margin: 2.5rem 0; }
  @media (min-width: 31.25em) {
    .page-title {
      margin: 4rem 0; } }

.page-title__container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.page-title__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 36px;
  margin: 0; }
  @media (min-width: 50em) {
    .page-title__title {
      font-size: 54px; } }

.page-title__button {
  display: none; }
  @media (min-width: 39.6875em) {
    .page-title__button {
      display: inline-block;
      margin-left: 1rem; } }

.pager__items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
  margin: 3em 0;
  padding: 0;
  text-align: center; }
  .pager__items li::before {
    display: none; }

.pager__item {
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top; }
  .pager__item:not([class*=pager__item--]) {
    display: none; }
    @media (min-width: 37.5em) {
      .pager__item:not([class*=pager__item--]) {
        display: inline-block; } }

.pager__item--ellipsis, .pager__item--current, .pager__link {
  color: #3F3F3F;
  padding: 0.5rem; }

.pager__item--ellipsis {
  display: none; }
  @media (min-width: 50em) {
    .pager__item--ellipsis {
      display: inline-block; } }

.pager__item--current {
  font-weight: 700; }

.pager__link {
  display: inline-block;
  text-decoration: none; }
  .pager__link:focus, .pager__link:hover {
    color: inherit; }

.pager__link--next,
.pager__link--previous {
  height: 32px;
  overflow: hidden;
  width: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px 18px;
  margin: 0 .75rem;
  padding: 0; }
  .pager__link--next::before,
  .pager__link--previous::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }

.pager__link--next {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-black.svg"); }

.pager__link--previous {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-black.svg"); }

.pager__link--first,
.pager__link--last {
  height: 32px;
  overflow: hidden;
  width: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 18px;
  margin: 0 .5rem;
  padding: 0; }
  .pager__link--first::before,
  .pager__link--last::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }

.pager__link--first {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/double-chevron-left-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/double-chevron-left-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/double-chevron-left-black.svg"); }

.pager__link--last {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/double-chevron-right-black.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/double-chevron-right-black.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/double-chevron-right-black.svg"); }

.playlist-header {
  margin-top: 4rem;
  margin-bottom: 1.5rem; }

.playlist-header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.playlist-header__meta {
  font-size: 14px;
  margin-right: 2.5rem; }
  .playlist-header__meta:last-child {
    margin-right: 0; }
  .playlist-header__meta span {
    color: #178387;
    font-weight: 500;
    margin-right: 0.5rem; }
  .playlist-header__meta.playlist-header__meta--favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.playlist-navbar {
  background: #3F3F3F;
  color: #fff;
  margin-bottom: 4rem;
  padding: 4px 0;
  position: relative; }

.playlist-navbar__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  margin-right: 1.5rem; }
  .playlist-navbar__left a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: underline; }

.playlist-navbar__wrapper {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media (min-width: 50em) {
    .playlist-navbar__wrapper {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 56.25em) {
    .playlist-navbar__wrapper {
      padding-left: 0.5rem; } }

.playlist-navbar__center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 0; }

.playlist-navbar__controls {
  position: relative; }

.playlist-navbar__left-arrow,
.playlist-navbar__right-arrow {
  color: transparent;
  font: 0/0 a;
  height: 17px;
  text-shadow: none;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 17px; }
  .playlist-navbar__left-arrow:before, .playlist-navbar__left-arrow:after,
  .playlist-navbar__right-arrow:before,
  .playlist-navbar__right-arrow:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    content: '';
    height: 17px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 17px; }
  .playlist-navbar__left-arrow:before,
  .playlist-navbar__right-arrow:before {
    opacity: 1; }
  .playlist-navbar__left-arrow:after,
  .playlist-navbar__right-arrow:after {
    opacity: 0; }
  .playlist-navbar__left-arrow:hover:before,
  .playlist-navbar__right-arrow:hover:before {
    opacity: 0; }
  .playlist-navbar__left-arrow:hover:after,
  .playlist-navbar__right-arrow:hover:after {
    opacity: 1; }
  .playlist-navbar__left-arrow.is-inactive,
  .playlist-navbar__right-arrow.is-inactive {
    pointer-events: none;
    opacity: .2; }
    .playlist-navbar__left-arrow.is-inactive:hover,
    .playlist-navbar__right-arrow.is-inactive:hover {
      color: #fff; }

.playlist-navbar__left-arrow {
  left: 0; }
  .playlist-navbar__left-arrow:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-white.svg"); }
  .playlist-navbar__left-arrow:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-teal.svg"); }

.playlist-navbar__right-arrow {
  right: 0; }
  .playlist-navbar__right-arrow:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg"); }
  .playlist-navbar__right-arrow:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-teal.svg"); }

.playlist-navbar__resource-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 2.5rem;
  text-align: center; }

.playlist-navbar__playlist-label {
  font-size: 14px;
  font-weight: bold; }

.progress {
  position: relative; }

.progress__track {
  background-color: #aeb0b5;
  border: 1px solid #5b616b;
  border-radius: 0.1875rem;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  height: 1rem;
  margin: 0.2em 0;
  max-width: 100%;
  min-width: 6em;
  overflow: hidden; }

.progress__bar {
  background-color: #3F3F3F;
  border-radius: 0.1875rem;
  height: 1rem;
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 3%; }

.progress__description,
.progress__percentage {
  color: #178387;
  font-size: 0.75rem;
  overflow: hidden; }

.progress__description {
  float: left; }
  [dir='rtl'] .progress__description {
    float: right; }

.progress__percentage {
  float: right; }
  [dir='rtl'] .progress__percentage {
    float: left; }

.remote-video__main {
  display: block; }
  .fallback-active .remote-video__main {
    display: none; }

.remote-video__fallback {
  display: none; }
  .fallback-active .remote-video__fallback {
    display: block; }

.reply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.reply__icon {
  color: transparent;
  font: 0/0 a;
  height: 16px;
  text-shadow: none;
  width: 16px;
  position: relative; }
  .reply__icon:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/comment.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/comment.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/comment.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%; }

.reply__text {
  margin-left: 0.5rem;
  font-size: 16px; }

.resource-header-banner {
  background-color: #0A5C5F;
  color: #fff;
  padding: 3.5rem 0 2.75rem; }
  .resource-header-banner a {
    color: inherit; }

@media (min-width: 59.375em) {
  .resource-header-banner__inner {
    width: calc(100% - 307px); } }

.resource-header-banner__title,
.resource-header-banner__label {
  color: #fff; }

.resource-header-banner__label {
  display: inline-block;
  margin: 0; }
  .resource-header-banner .resource-header-banner__label {
    font-size: 16px; }
    @media (min-width: 59.375em) {
      .resource-header-banner .resource-header-banner__label {
        font-size: 24px; } }

.resource-header-banner__meta {
  -webkit-column-gap: 2.25rem;
     -moz-column-gap: 2.25rem;
          column-gap: 2.25rem;
  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; }
  .resource-header-banner__meta p,
  .resource-header-banner__meta .favorite-flag,
  .resource-header-banner__meta .favorite-flag__text,
  .resource-header-banner__meta .headshot__name {
    color: inherit;
    font-size: 16px; }
    @media (min-width: 59.375em) {
      .resource-header-banner__meta p,
      .resource-header-banner__meta .favorite-flag,
      .resource-header-banner__meta .favorite-flag__text,
      .resource-header-banner__meta .headshot__name {
        font-size: 24px; } }

.resource-header-banner__added-by,
.resource-header-banner__saved-by {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem; }

.resource-header-banner__added-by {
  font-weight: 500; }
  .resource-header-banner__added-by .headshot {
    gap: 1.125rem; }
  .resource-header-banner__added-by .headshot__image {
    margin: 0; }

.resource-header-banner__saved-by .favorite-flag {
  gap: 1rem; }

.resource-header-banner__saved-by .favorite-flag__icon::before, .resource-header-banner__saved-by .favorite-flag__icon::after {
  background-size: 22px 22px; }

.resource-header-banner__saved-by .favorite-flag__text {
  margin: 0; }

.resource-header-banner__related-resource {
  border-top: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.75rem;
  margin-top: 2.625rem;
  padding-top: 2.125rem; }
  .resource-header-banner__related-resource img {
    height: 71px;
    width: 71px; }
  .resource-header-banner__related-resource .resource-header-banner__related-resource-label {
    font-weight: 700;
    margin-bottom: 0.5rem; }

.resource-header {
  margin-bottom: 1.5rem;
  position: relative; }

@media (min-width: 40.625em) {
  .resource-header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.resource-header__feature-image {
  margin-bottom: 1.5rem; }

.resource-header__video {
  height: 0;
  margin-bottom: 1.5rem;
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .resource-header__video iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.resource-header__thumbnail {
  display: block;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
  padding-top: 50%;
  position: relative; }
  .resource-header__thumbnail img {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  @media (min-width: 40.625em) {
    .resource-header__thumbnail {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 250px;
              flex: 0 0 250px;
      height: auto;
      margin-right: 2.5rem;
      margin-bottom: 0;
      padding-top: 0; }
      .resource-header__thumbnail img {
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }

.resource-header__label {
  color: #178387;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px; }

.resource-header__meta {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  font-size: 14px; }
  .resource-header__meta a {
    display: block; }
  .resource-header__meta > *:not(.resource-header__archived) {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
    margin-bottom: 1.5rem; }
  @media (min-width: 40.625em) {
    .resource-header__meta {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-column-gap: 2.5rem;
         -moz-column-gap: 2.5rem;
              column-gap: 2.5rem; } }
  @media (min-width: 40.625em) {
    .resource-header--featured-media .resource-header__meta,
    .resource-header.has-no-thumbnail .resource-header__meta {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
      .resource-header--featured-media .resource-header__meta > *,
      .resource-header.has-no-thumbnail .resource-header__meta > * {
        padding: 0 1.5rem; } }

.resource-header__topic {
  display: inline-block; }
  .resource-header__topic ul {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
    list-style: none;
    padding: 0; }
    .resource-header__topic ul li {
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .resource-header__topic ul li:first-child {
        font-weight: 500; }
      .resource-header__topic ul li:not(:first-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .resource-header__topic ul li:not(:first-child):before {
          content: '-';
          padding-right: 5px; }
    .resource-header__topic ul:last-child {
      margin-bottom: 0; }

.resource-header__type ul {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  list-style: none;
  padding: 0; }
  .resource-header__type ul li {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .resource-header__type ul li:first-child {
      font-weight: 500; }
    .resource-header__type ul li:not(:first-child) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .resource-header__type ul li:not(:first-child):before {
        content: '-';
        padding-right: 5px; }
  .resource-header__type ul:last-child {
    margin-bottom: 0; }

.resource-header__transcript {
  max-width: 180px; }

.resource-header__interactive-button {
  margin-bottom: 1.5rem; }
  .resource-header__interactive-button .button, .resource-header__interactive-button .member-page .private_message_link, .member-page .resource-header__interactive-button .private_message_link, .resource-header__interactive-button .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .resource-header__interactive-button .agree-button {
    width: 250px; }

.scroll-slider .slick-track {
  padding-bottom: 5rem; }

.scroll-slider .slick-list {
  margin-bottom: -5rem; }

.search-block {
  position: relative; }
  .search-block .form-item--textfield {
    border-bottom: none;
    margin-bottom: 1rem; }
    .search-block .form-item--textfield input {
      border: none;
      color: #838286;
      height: 45px;
      padding: 0 50px 0 1rem; }
      .search-block .form-item--textfield input:focus {
        -webkit-box-shadow: none;
                box-shadow: none; }
      .search-block .form-item--textfield input::-webkit-input-placeholder {
        color: #838286; }
      .search-block .form-item--textfield input::-moz-placeholder {
        color: #838286; }
      .search-block .form-item--textfield input::-ms-input-placeholder {
        color: #838286; }
      .search-block .form-item--textfield input::placeholder {
        color: #838286; }
  .search-block .form-actions input {
    color: transparent;
    font: 0/0 a;
    height: 45px;
    text-shadow: none;
    width: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/search-green.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/search-green.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/search-green.svg");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55%;
    border: none;
    position: absolute;
    right: 0;
    top: 0; }
  .search-block.search-block--exposed .form-item--textfield input {
    border: solid 1px #AAAAAA;
    height: 55px; }
  .search-block.search-block--exposed .form-actions input {
    color: transparent;
    font: 0/0 a;
    height: 55px;
    text-shadow: none;
    width: 45px; }
  .views-view--group-listing .search-block {
    max-width: 400px; }
    .views-view--group-listing .search-block .form-item--textfield input {
      width: 100%; }

.section-heading {
  margin-bottom: 1.5rem; }
  .section-heading.section-heading--margin-bot-md {
    margin-bottom: 2.5rem; }

.section-heading__title {
  font-size: 36px;
  margin-bottom: 0; }
  @media (min-width: 30em) {
    .section-heading__title {
      font-size: 3.375em; } }
  .section-heading--small .section-heading__title {
    font-size: 36px; }
  .section-heading__title a {
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    .section-heading__title a:hover, .section-heading__title a:focus {
      color: #178387;
      text-decoration: underline; }

.section-heading__subtitle {
  font-size: 24px; }

h2.l-section__title {
  font-size: 1em;
  margin-bottom: .75rem; }
  .l-section--large-title h2.l-section__title {
    font-size: 3rem;
    margin-bottom: 1.5rem; }

.sidebar-block {
  border-bottom: solid 1px #AAAAAA;
  font-size: 14px;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem; }
  .sidebar-block h6 {
    font-size: 16px; }
  .sidebar-block:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .sidebar-block > *:last-child {
    margin-bottom: 0; }

.event-header.single-signup .signup-group .signup-dates.multiple-dates .signup-datetime {
  clear: none;
  float: left; }

.event-header.single-signup .signup-group .signup-dates.multiple-dates .ampersand {
  float: left;
  margin: .5em 1.8em 0 1em; }

.signup-group {
  padding: 0; }
  .signup-group .event-header__register {
    float: left;
    margin: 0 .5rem 1rem 3em; }
  .signup-group .workshop-date-selector {
    float: left;
    margin: 0.5rem 0 0; }
  .signup-group .signup-dates {
    float: left;
    margin: 0 .5rem 1rem 0; }
    .signup-group .signup-dates .signup-datetime {
      clear: both;
      padding: 0; }
      .signup-group .signup-dates .signup-datetime .event-header__date {
        padding: 0 1rem .5rem 0; }
  .signup-group::after {
    clear: both;
    position: relative; }

.signup-group__label {
  float: left;
  padding: 10px 15px 10px 5px; }
  .signup-group__label:hover, .signup-group__label:focus {
    cursor: pointer; }

.signup-datetime {
  padding: 0; }
  .signup-datetime .event-header__register {
    float: left;
    margin: 0 .5rem 1.5rem 3em; }
    .signup-datetime .event-header__register:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0;
      line-height: 0; }
  .signup-datetime .event-header__date {
    float: left;
    padding: 0 1rem 0 0; }
    .signup-datetime .event-header__date:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0;
      line-height: 0; }

.teaser__meta .signup-datetime {
  font-size: 14px;
  position: relative; }
  .teaser__meta .signup-datetime .event-header__date {
    padding: 0 0 .5rem 0; }

.node-page--node-type-workshop .signup-datetime .event-header__date .date {
  padding: 0; }
  .node-page--node-type-workshop .signup-datetime .event-header__date .date:before {
    content: none; }

.teaser-signups .ampersand {
  display: none; }

.site-name {
  height: 50px;
  overflow: hidden;
  width: 221px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/hhmi-logo.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/hhmi-logo.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/hhmi-logo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 221px 50px;
  display: block; }
  .site-name::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  @media (min-width: 67.1875em) {
    .site-name {
      height: 76px;
      overflow: hidden;
      width: 340px;
      background-size: 340px 76px; }
      .site-name::before {
        content: '';
        display: block;
        height: 150%;
        width: 0; } }
  .l-header--squished .site-name {
    height: 50px;
    overflow: hidden;
    width: 150px;
    background-size: 150px 50px; }
    .l-header--squished .site-name::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    @media (min-width: 67.1875em) {
      .l-header--squished .site-name {
        height: 50px;
        overflow: hidden;
        width: 221px;
        background-size: 221px 50px; }
        .l-header--squished .site-name::before {
          content: '';
          display: block;
          height: 150%;
          width: 0; } }
  .l-footer .site-name {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/hhmi-logo-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/hhmi-logo-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/hhmi-logo-white.svg");
    height: 50px;
    overflow: hidden;
    width: 250px;
    background-size: 250px 50px; }
    .l-footer .site-name::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    @media (min-width: 31.25em) {
      .l-footer .site-name {
        height: 76px;
        overflow: hidden;
        width: 340px;
        background-size: 340px 76px; }
        .l-footer .site-name::before {
          content: '';
          display: block;
          height: 150%;
          width: 0; } }
  .mobile-menu .site-name {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/hhmi-logo-mobile.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/hhmi-logo-mobile.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/hhmi-logo-mobile.svg");
    height: 63px;
    overflow: hidden;
    width: 95px;
    background-size: 95px 63px;
    position: relative;
    top: -7px; }
    .mobile-menu .site-name::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }

.slide {
  position: relative;
  z-index: 1; }
  .slide:focus {
    outline: none; }
  .slide:only-child .slide__arrows {
    display: none; }
  .slide:only-child .slide__counter {
    display: none; }
  .slide .simplebar-vertical:after {
    background-color: #ECECEC;
    content: '';
    display: block;
    height: calc(100% - 4px);
    position: absolute;
    right: 2px;
    top: 2px;
    width: 2px;
    z-index: -1; }
  .slide .simplebar-vertical .simplebar-scrollbar {
    width: 2px; }
    .slide .simplebar-vertical .simplebar-scrollbar:before {
      background-color: #178387;
      border-radius: 0;
      opacity: 1; }
  .slide.slide--quote blockquote {
    margin-bottom: 1rem;
    font-size: 18px; }
  .slide.slide--quote cite {
    padding-bottom: 1.5rem; }

.slide__inner {
  padding: 0; }
  @media (min-width: 37.5em) {
    .slide__inner {
      margin-left: auto;
      margin-right: auto;
      max-width: 68.75rem;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 37.5em) and (min-width: 50em) {
    .slide__inner {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 37.5em) {
      .slide__inner .slide__inner {
        padding-left: 0;
        padding-right: 0; } }

.slide__row {
  position: relative;
  z-index: 1; }
  @media (min-width: 37.5em) {
    .slide__row {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -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; } }
  @media (min-width: 62.5em) {
    .slide__row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.slide__image {
  background-color: #000;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 35px 78px -40px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 35px 78px -40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  z-index: 1; }
  @media (min-width: 62.5em) {
    .slide__image {
      width: calc(100% - 100px); } }
  .slide__image img {
    display: block;
    opacity: 0.4;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    -o-transition: opacity 1s ease-out, transform 1s ease-out;
    transition: opacity 1s ease-out, transform 1s ease-out;
    transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .slide__image:after {
    background: -o-linear-gradient(178.79deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(271.21deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .slick-current .slide__image img {
    opacity: 1;
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01); }

.slide__image-arrow {
  display: none; }

.slide__play-button {
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 40px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  z-index: 2; }
  @media (min-width: 37.5em) {
    .slide__play-button {
      height: 50px;
      overflow: hidden;
      width: 50px;
      top: 40%; }
      .slide__play-button::before {
        content: '';
        display: block;
        height: 150%;
        width: 0; } }
  @media (min-width: 62.5em) {
    .slide__play-button {
      left: 25%;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
  .slide__play-button:before, .slide__play-button:after {
    background-position: 56% center;
    background-repeat: no-repeat;
    background-size: 43%;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
  .slide__play-button:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/play.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/play.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/play.svg"); }
  .slide__play-button:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/play-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/play-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/play-white.svg");
    opacity: 0; }
  .slide__play-button:hover, .slide__play-button:focus {
    background-color: #8AC341;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }
    .slide__play-button:hover:before, .slide__play-button:focus:before {
      opacity: 0; }
    .slide__play-button:hover:after, .slide__play-button:focus:after {
      opacity: 1; }

.slide__content {
  background-color: #fff;
  border-left: solid 8px #178387;
  -webkit-box-shadow: 0 24px 85px -39px rgba(0, 0, 0, 0.5);
          box-shadow: 0 24px 85px -39px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 400px;
  padding: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 1; }
  .slide__content > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .slide__content > *.slide__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
  @media (min-width: 37.5em) {
    .slide__content {
      height: 350px;
      margin-top: -6.5rem;
      padding: 2.5rem 4rem;
      width: calc(100% - 6.5rem); } }
  @media (min-width: 62.5em) {
    .slide__content {
      height: 400px;
      margin-top: 0;
      position: absolute;
      right: 0;
      width: 490px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }

.slide__title {
  font-size: 1.5em;
  left: -2rem;
  margin-bottom: 1rem;
  margin-top: 0;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity 300ms ease-out, left 300ms ease-out;
  -o-transition: opacity 300ms ease-out, left 300ms ease-out;
  transition: opacity 300ms ease-out, left 300ms ease-out; }
  .slide__title a {
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }
    .slide__title a:hover {
      text-decoration: underline; }
  .slide__title p {
    margin-bottom: 0; }
  .slick-current .slide__title {
    left: 0;
    opacity: 1; }

.slide__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  left: -2rem;
  margin-bottom: 1rem;
  max-width: 100% !important;
  min-height: 0;
  opacity: 0;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  -webkit-transition: opacity 300ms ease-out 150ms, left 300ms ease-out 150ms;
  -o-transition: opacity 300ms ease-out 150ms, left 300ms ease-out 150ms;
  transition: opacity 300ms ease-out 150ms, left 300ms ease-out 150ms;
  width: auto !important; }
  .slick-current .slide__text {
    left: 0;
    opacity: 1; }
  .slide__text:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    bottom: 0;
    content: '';
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    width: 100%; }
  .slide__text p:last-child {
    margin-bottom: 0; }

.slide__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem; }

.slide__counter {
  font-size: 14px;
  margin-right: 1rem; }

.slide__current {
  color: #178387; }

.slide__type {
  color: #178387;
  font-size: 14px;
  font-weight: 700; }

.slide__video {
  display: none; }

.slide__link {
  display: inline-block;
  font-weight: 500;
  left: -2rem;
  margin-bottom: 1.5rem;
  margin-bottom: 1rem;
  opacity: 0;
  padding: 3px 0.5rem;
  position: relative;
  text-decoration: none;
  -webkit-transition: opacity 300ms ease-out 300ms, left 300ms ease-out 300ms, color 250ms ease-in-out;
  -o-transition: opacity 300ms ease-out 300ms, left 300ms ease-out 300ms, color 250ms ease-in-out;
  transition: opacity 300ms ease-out 300ms, left 300ms ease-out 300ms, color 250ms ease-in-out; }
  @media (min-width: 37.5em) {
    .slide__link {
      margin-bottom: 0; } }
  .slide__link:after {
    background-color: #AAAAAA;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%;
    z-index: -1; }
  .slide__link:hover, .slide__link:focus {
    color: #ffffff; }
    .slide__link:hover:after, .slide__link:focus:after {
      background-color: #178387;
      height: 100%; }
  .slick-current .slide__link {
    left: 0;
    opacity: 1; }

.slide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
  z-index: -1; }
  @media (min-width: 37.5em) {
    .slide__arrows {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      left: 0;
      margin-top: 0;
      padding: 0 1rem;
      position: absolute;
      top: 0;
      width: 100%; } }

.slide__arrow {
  height: 30px;
  overflow: hidden;
  width: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 19px 14px;
  display: block;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .slide__arrow::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  .slide__arrow:hover {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4); }

.slide__arrow--prev {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-left-grey.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-left-grey.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/arrow-left-grey.svg"); }

.slide__arrow--next {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-right-grey.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-right-grey.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/arrow-right-grey.svg"); }

@media (min-width: 37.5em) {
  .slide.slide--scroll .slide__inner,
  .scroll-slider .slide .slide__inner {
    margin: 0 auto;
    max-width: 1300px;
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media (min-width: 62.5em) {
  .slide.slide--scroll .slide__inner,
  .scroll-slider .slide .slide__inner {
    padding-left: 0; } }

.slide.slide--scroll .slide__image,
.scroll-slider .slide .slide__image {
  position: relative; }
  @media (min-width: 62.5em) {
    .slide.slide--scroll .slide__image,
    .scroll-slider .slide .slide__image {
      width: calc(100% - 400px); } }

.slide.slide--scroll .slide__play-button,
.scroll-slider .slide .slide__play-button {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.slide.slide--scroll .slide__content,
.scroll-slider .slide .slide__content {
  border-left: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 350px; }
  .slide.slide--scroll .slide__content > *,
  .scroll-slider .slide .slide__content > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .slide.slide--scroll .slide__content > *.slide__text,
    .scroll-slider .slide .slide__content > *.slide__text {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  @media (min-width: 37.5em) {
    .slide.slide--scroll .slide__content,
    .scroll-slider .slide .slide__content {
      height: 300px;
      margin-top: 0;
      padding: 1.5rem;
      width: 100%; } }
  @media (min-width: 62.5em) {
    .slide.slide--scroll .slide__content,
    .scroll-slider .slide .slide__content {
      height: calc(100% - 4rem);
      min-height: 0;
      padding: 1rem 1.5rem 2.5rem 2.5rem;
      width: 400px; } }

.slide.slide--scroll .slide__text,
.scroll-slider .slide .slide__text {
  max-width: 100%;
  padding-right: 1.5rem;
  position: relative; }
  .slide.slide--scroll .slide__text:after,
  .scroll-slider .slide .slide__text:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    bottom: 0;
    content: '';
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    width: 100%; }
  @media (min-width: 62.5em) {
    .slide.slide--scroll .slide__text,
    .scroll-slider .slide .slide__text {
      max-height: inherit; } }
  .slide.slide--scroll .slide__text .simplebar-vertical:after,
  .scroll-slider .slide .slide__text .simplebar-vertical:after {
    background-color: #ECECEC;
    content: '';
    display: block;
    height: calc(100% - 4px);
    position: absolute;
    right: 2px;
    top: 2px;
    width: 2px;
    z-index: -1; }
  .slide.slide--scroll .slide__text .simplebar-vertical .simplebar-scrollbar,
  .scroll-slider .slide .slide__text .simplebar-vertical .simplebar-scrollbar {
    width: 2px; }
    .slide.slide--scroll .slide__text .simplebar-vertical .simplebar-scrollbar:before,
    .scroll-slider .slide .slide__text .simplebar-vertical .simplebar-scrollbar:before {
      background-color: #178387;
      border-radius: 0;
      opacity: 1; }

.slide.slide--scroll .slide__link,
.scroll-slider .slide .slide__link {
  margin-bottom: 0; }

.slide.slide--scroll .slide__meta,
.scroll-slider .slide .slide__meta {
  margin-bottom: 0.5rem; }

.slide.slide--scroll .slide__arrows,
.scroll-slider .slide .slide__arrows {
  display: none; }

.slide.slide--scroll .slide__image-arrow,
.scroll-slider .slide .slide__image-arrow {
  height: 100%;
  overflow: hidden;
  width: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 26px;
  display: block;
  opacity: .7;
  position: absolute;
  top: 0;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  z-index: 2; }
  .slide.slide--scroll .slide__image-arrow::before,
  .scroll-slider .slide .slide__image-arrow::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  @media (min-width: 37.5em) {
    .slide.slide--scroll .slide__image-arrow,
    .scroll-slider .slide .slide__image-arrow {
      height: 100%;
      overflow: hidden;
      width: 50px;
      background-size: 20px 32px; }
      .slide.slide--scroll .slide__image-arrow::before,
      .scroll-slider .slide .slide__image-arrow::before {
        content: '';
        display: block;
        height: 150%;
        width: 0; } }
  .slide.slide--scroll .slide__image-arrow:hover,
  .scroll-slider .slide .slide__image-arrow:hover {
    opacity: 1; }
  .slide.slide--scroll .slide__image-arrow.slide__image-arrow--prev,
  .scroll-slider .slide .slide__image-arrow.slide__image-arrow--prev {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-left-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-left-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-left-white.svg");
    left: 0; }
  .slide.slide--scroll .slide__image-arrow.slide__image-arrow--next,
  .scroll-slider .slide .slide__image-arrow.slide__image-arrow--next {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-right-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/chevron-right-white.svg");
    right: 0; }

.slide.slide--scroll:only-child .slide__image-arrow,
.scroll-slider .slide:only-child .slide__image-arrow {
  display: none; }

.slide.slide--scroll:only-child .slide__counter,
.scroll-slider .slide:only-child .slide__counter {
  display: none; }

.stacked-slider .slick-track {
  padding-bottom: 5rem; }

.stacked-slider .slick-list {
  margin-bottom: -5rem; }

.staff-bio__title {
  color: #178387;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 1.5rem 0; }

.sub-heading__content {
  border-bottom: solid 1px #AAAAAA;
  padding: 2.5rem 0 1rem; }
  @media (min-width: 50em) {
    .sub-heading__content {
      padding: 4rem 0 2.5rem; } }

.tabs::after {
  clear: both;
  content: '';
  display: table; }

.tabs__items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .tabs__items li::before {
    display: none; }
  @media (min-width: 37.5em) {
    .tabs__items {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media print {
    .tabs__items {
      display: none; } }

.tabs__item:first-child .tabs__link {
  border-bottom-left-radius: 0.1875rem;
  border-left: 0;
  border-top-left-radius: 0.1875rem; }

.tabs__item:last-child .tabs__link {
  border-bottom-right-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem; }

.tabs__link {
  background-color: #d6d7d9;
  border: 0;
  border-radius: 0;
  color: #212121;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.25;
  padding: 1rem 1.75rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 250ms ease-out, background-color 250ms ease-out;
  -o-transition: color 250ms ease-out, background-color 250ms ease-out;
  transition: color 250ms ease-out, background-color 250ms ease-out;
  vertical-align: top;
  white-space: normal;
  border-left: 1px solid #aeb0b5;
  display: block;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  margin: 0;
  padding: 0.5rem 1rem; }
  .tabs__link:focus, .tabs__link:hover {
    background-color: #aeb0b5;
    color: #212121;
    outline: 0; }
  .tabs__link:active {
    background-color: #212121;
    color: #fff; }
  .tabs__link[disabled] {
    background-color: #d6d7d9;
    color: #323a45;
    cursor: default;
    pointer-events: none; }
  .tabs__link:active {
    background-color: #212121;
    color: #fff; }
  .tabs__link:focus {
    background-color: #aeb0b5; }
  .tabs__link:hover, .tabs__link:visited {
    color: #212121; }
  .tabs__link.is-active {
    background-color: #212121;
    color: #fff; }
    .tabs__link.is-active:hover {
      color: #fff; }

.tag {
  color: #178387;
  font-size: 14px;
  font-weight: 500; }
  .teaser .tag,
  .card .tag {
    display: block; }

.teaser {
  background-color: #fff;
  margin-bottom: 2.5rem; }

@media (min-width: 43.75em) {
  .teaser__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.teaser__image {
  display: block;
  height: 0;
  margin-bottom: 0.5rem;
  overflow: hidden;
  padding-top: 50%;
  position: relative; }
  .teaser__image img {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  @media (min-width: 43.75em) {
    .teaser__image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 175px;
              flex: 0 0 175px;
      height: auto;
      margin-bottom: 0;
      margin-right: 1.5rem;
      padding-top: 0; }
      .teaser__image img {
        position: relative;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
  @media (min-width: 56.25em) {
    .teaser__image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 275px;
              flex: 0 0 275px;
      margin-right: 2.5rem; } }

.teaser__content {
  padding: 0; }
  @media (min-width: 43.75em) {
    .teaser__content {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1; } }
  .teaser__content p:last-child {
    margin-bottom: 1rem; }

.teaser__summary p:last-child {
  margin-bottom: 0; }

h4.teaser__title {
  font-size: 1.5em !important; }

.teaser__title {
  margin-bottom: 0.5rem; }
  .teaser--workshop .teaser__title {
    font-size: 1.5em; }
  .teaser__title a {
    text-decoration: none;
    -webkit-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out; }
    .teaser__title a:hover {
      color: #178387; }

.teaser__meta:before {
  background-color: #178387;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
  width: 40px; }

.teaser__topics .field,
.teaser__grade-level .field,
.teaser__type .field {
  margin-bottom: 0; }

.teaser__topics .field__item,
.teaser__grade-level .field__item,
.teaser__type .field__item {
  color: #178387;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-left: 0.25rem;
  padding-left: 0.5rem;
  border-left: solid 2px #178387;
  line-height: 1.2; }
  .teaser__topics .field__item:first-child,
  .teaser__grade-level .field__item:first-child,
  .teaser__type .field__item:first-child {
    border: none;
    margin-left: 0;
    padding-left: 0; }

.teaser__byline,
.teaser__resource-count {
  font-size: 14px;
  line-height: 1.7; }
  .teaser__byline span,
  .teaser__resource-count span {
    color: #178387;
    font-weight: 500;
    margin-right: 0.25rem; }

.teaser__pub-date {
  color: #178387;
  font-size: 16px;
  margin-bottom: 1rem; }

.teaser--compact {
  display: block;
  font-size: 14px;
  margin-bottom: 1rem; }
  .teaser--compact .teaser__title {
    text-decoration: underline; }
  .teaser--compact .teaser__eyebrow {
    color: #178387;
    font-weight: 500; }
  .teaser--compact:last-child {
    margin-bottom: 0; }

@media (min-width: 43.75em) {
  .teaser--complex .teaser__content {
    border-top: solid 1px #AAAAAA;
    padding-top: 1rem; } }

.teaser--complex .teaser__title {
  margin-bottom: 1rem; }

.teaser--complex .teaser__note-links {
  border-bottom: solid 1px #ECECEC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem; }

.teaser--complex .teaser__note-link {
  font-size: 14px;
  padding: 0 1rem 0.5rem;
  position: relative;
  text-decoration: none; }
  .teaser--complex .teaser__note-link:after {
    background-color: transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    width: 100%; }
  .teaser--complex .teaser__note-link.is-active {
    font-weight: 500; }
    .teaser--complex .teaser__note-link.is-active:after {
      background-color: #178387; }

.teaser--complex .teaser__note {
  font-size: 14px;
  display: none; }
  .teaser--complex .teaser__note.note-active {
    display: block; }
  .teaser--complex .teaser__note.full-note-active {
    display: block; }
    .teaser--complex .teaser__note.full-note-active .teaser__note-summary {
      display: none; }
    .teaser--complex .teaser__note.full-note-active .teaser__note-full {
      display: block; }

.teaser--complex .teaser__info > * {
  padding: 0;
  margin-bottom: 1rem; }

@media (min-width: 43.75em) {
  .teaser--complex .teaser__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1rem 1.5rem; }
    .teaser--complex .teaser__info > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 0;
      padding: 0 1rem; } }

.teaser--complex .teaser__resource-type,
.teaser--complex .teaser__topics {
  color: #178387;
  font-size: 14px;
  font-weight: 500; }

.teaser--complex .teaser__meta {
  color: #3F3F3F;
  font-size: 14px;
  font-weight: 500; }
  .teaser--complex .teaser__meta a {
    color: #3F3F3F;
    display: block;
    font-size: 14px;
    font-weight: 400; }
  .teaser--complex .teaser__meta > * {
    margin-bottom: 4px; }
  .teaser--complex .teaser__meta:before {
    display: none; }

.teaser--complex .teaser__meta-heading {
  margin-bottom: 4px;
  color: #3F3F3F; }

.teaser--complex .teaser__favorite {
  font-weight: 400;
  margin-bottom: 1rem; }
  @media (min-width: 43.75em) {
    .teaser--complex .teaser__favorite {
      margin-bottom: 4px; } }

.teaser--complex .teaser__playlist-count {
  font-weight: 400; }

.teaser--headshot a {
  display: block;
  text-decoration: none; }
  @media (min-width: 50em) {
    .teaser--headshot a img {
      width: 100%; } }

.teaser--headshot .teaser__title {
  margin-bottom: 0;
  margin-top: 1rem; }
  .teaser--headshot .teaser__title:hover, .teaser--headshot .teaser__title:focus {
    text-decoration: underline; }

.teaser--headshot .teaser__affiliation {
  color: #178387;
  margin: 0.75rem 0;
  font-weight: 700; }
  .teaser--headshot .teaser__affiliation div {
    line-height: 1.2;
    margin-bottom: .5rem; }
    .teaser--headshot .teaser__affiliation div:last-child {
      margin-bottom: 0; }

.teaser--no-headshot a {
  text-decoration: none; }

.teaser--no-headshot .teaser__title {
  margin-bottom: 0;
  margin-top: 1rem; }

.teaser--no-headshot .teaser__affiliation {
  color: #178387;
  margin: 0.75rem 0;
  font-weight: 700; }
  .teaser--no-headshot .teaser__affiliation div {
    line-height: 1.2;
    margin-bottom: .5rem; }
    .teaser--no-headshot .teaser__affiliation div:last-child {
      margin-bottom: 0; }

.teaser--resource .teaser__user-related,
.teaser--resource .teaser__summary,
.teaser--resource .teaser__meta {
  margin-bottom: 1rem; }

.teaser--resource .teaser__user-related {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.teaser--resource .teaser__resource-image {
  display: block;
  height: 0;
  padding-top: 50%;
  position: relative;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
  @media (min-width: 43.75em) {
    .teaser--resource .teaser__resource-image {
      padding-top: 100%;
      -webkit-transform: unset;
          -ms-transform: unset;
              transform: unset; } }
  .teaser--resource .teaser__resource-image::after {
    background-image: url("../images/resource-card.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }

.teaser--resource .teaser__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px; }
  @media (min-width: 43.75em) {
    .teaser--resource .teaser__image {
      margin-right: 1.875rem; } }

.teaser--resource .teaser__summary,
.teaser--resource .teaser__modified-resource {
  font-size: 14px; }
  .teaser--resource .teaser__summary p,
  .teaser--resource .teaser__modified-resource p {
    font-size: inherit; }

.teaser--simple {
  background-color: transparent;
  font-size: 14px;
  margin-bottom: 1rem; }
  .user-drawer .teaser--simple {
    margin-bottom: 0.5rem; }
    .user-drawer .teaser--simple a {
      text-decoration: none; }
      .user-drawer .teaser--simple a:hover, .user-drawer .teaser--simple a:focus {
        text-decoration: underline; }

.teaser--stacked {
  margin-bottom: 0; }
  .teaser--stacked .teaser__row {
    display: block; }
  .teaser--stacked .teaser__content {
    margin-right: 1.5rem; }
    @media (min-width: 43.75em) {
      .teaser--stacked .teaser__content {
        margin-right: 2rem; } }
  .teaser--stacked .teaser__image {
    margin: 0;
    margin-bottom: 1rem;
    height: 0;
    padding-top: 62.25%; }
    @media (min-width: 34.375em) {
      .teaser--stacked .teaser__image {
        height: auto;
        padding-top: 0; }
        .teaser--stacked .teaser__image img {
          position: static;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; } }

.teaser--workshop {
  border-bottom: solid 1px #AAAAAA;
  padding-bottom: 1.5rem; }
  .teaser--workshop .teaser__summary {
    margin-bottom: 1.5rem; }
  .teaser--workshop .teaser__meta:before {
    display: none; }
  .teaser--workshop .teaser__meta > * {
    margin: 0 0 1rem 0; }
    .teaser--workshop .teaser__meta > *:last-child {
      margin-bottom: 0; }
  @media (min-width: 43.75em) {
    .teaser--workshop .teaser__meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
      .teaser--workshop .teaser__meta > * {
        margin: 0 1.5rem; } }
  .teaser--workshop .teaser__date {
    font-size: 14px;
    padding-left: 1.75rem;
    position: relative; }
    .teaser--workshop .teaser__date:before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/calendar.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/calendar.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/calendar.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 20px;
      left: 0;
      position: absolute;
      top: 3px;
      width: 20px; }
  .teaser--workshop .teaser__address {
    font-size: 14px; }
  .teaser--workshop .teaser__grade-level .field__item {
    border-left: none;
    display: block;
    padding: 0;
    margin: 0 0 0.5rem 0; }

.user-drawer {
  background-color: #ECECEC;
  bottom: 0;
  display: none;
  left: -280px;
  pointer-events: none;
  position: fixed;
  -webkit-transition: left 250ms ease-in, opacity 0ms ease-in 250ms;
  -o-transition: left 250ms ease-in, opacity 0ms ease-in 250ms;
  transition: left 250ms ease-in, opacity 0ms ease-in 250ms;
  width: 280px;
  z-index: 98; }
  body.user-logged-in .user-drawer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100% - 124px); }
    body.user-logged-in .user-drawer.user-drawer--scroll {
      height: calc(100% - 66px); }
  body.user-logged-in.toolbar-horizontal.toolbar-tray-open .user-drawer {
    height: calc(100% - 203px); }
    @media (min-width: 60.9375em) {
      body.user-logged-in.toolbar-horizontal.toolbar-tray-open .user-drawer {
        height: calc(100% - 203px); }
        body.user-logged-in.toolbar-horizontal.toolbar-tray-open .user-drawer.user-drawer--scroll {
          height: calc(100% - 145px); } }
  body.user-logged-in.toolbar-horizontal .user-drawer {
    height: calc(100% - 163px); }
    body.user-logged-in.toolbar-horizontal .user-drawer.user-drawer--scroll {
      height: calc(100% - 103px); }
  body.user-logged-in.toolbar-vertical .user-drawer {
    height: calc(100% - 128px); }
    body.user-logged-in.toolbar-vertical .user-drawer.mobile-menu--scrolled {
      height: calc(100% - 89px); }
    @media (min-width: 56.25em) {
      body.user-logged-in.toolbar-vertical .user-drawer {
        height: calc(100% - 163px); }
        body.user-logged-in.toolbar-vertical .user-drawer.user-drawer--scroll {
          height: calc(100% - 103px); } }
  .user-drawer.is-active {
    -webkit-box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.25);
            box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.25);
    left: 0;
    opacity: 1;
    pointer-events: visible;
    -webkit-transition: left 250ms ease-out, opacity 0ms ease-out;
    -o-transition: left 250ms ease-out, opacity 0ms ease-out;
    transition: left 250ms ease-out, opacity 0ms ease-out; }

.user-drawer__inner {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 1.5rem 0 0 0; }

.user-drawer__search {
  padding: 0 1.5rem; }

.user-drawer__menu-top {
  padding: 0 1.5rem; }

.user-drawer__menu-bottom {
  padding: 1.5rem; }

.user-drawer__new-playlist {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
  width: 100%; }

.user-drawer__handle {
  background-color: #000;
  -webkit-box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.25);
  display: none;
  height: 61px;
  padding: 0 .5rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  width: 1.25rem; }
  .user-drawer__handle.is-active .user-drawer__handle-trigger {
    right: -10px; }
  .user-drawer__handle.is-active.spanish {
    height: 70px; }
    .user-drawer__handle.is-active.spanish .user-drawer__handle-trigger {
      right: -27px;
      top: 27px; }
  @media (min-width: 56.25em) {
    .user-drawer__handle {
      display: block; } }
  .user-drawer__handle.spanish .user-drawer__handle-trigger {
    right: -19px; }

.user-drawer__handle-trigger {
  color: #8AC341;
  display: block;
  font-size: 10px;
  font-weight: 500;
  padding: 0 0.5rem;
  pointer-events: visible;
  position: absolute;
  right: -13px;
  text-decoration: none;
  text-transform: uppercase;
  top: 23px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  white-space: nowrap; }

.user-menu-bar {
  background-color: #f9f9f9;
  display: none;
  height: calc(100% - 90px);
  left: 0;
  overflow: auto;
  padding: 2.5rem 0;
  position: fixed;
  top: 90px;
  width: 100%;
  z-index: 98; }
  .user-menu-bar[aria-expanded="true"] {
    display: block; }
  .toolbar-vertical .user-menu-bar {
    top: 163px; }
  @media (min-width: 56.25em) {
    .user-menu-bar {
      height: 68px;
      overflow: visible;
      padding: 0;
      top: 124px;
      z-index: 10; }
      body.toolbar-horizontal .user-menu-bar {
        top: 162px; }
      body.toolbar-horizontal.toolbar-tray-open .user-menu-bar {
        top: 201px; }
      .user-menu-bar.user-menu-bar--scroll {
        top: 66px;
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out; }
        body.scroll-down .user-menu-bar.user-menu-bar--scroll {
          -webkit-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
                  transform: translateY(-100%); }
        body.toolbar-horizontal .user-menu-bar.user-menu-bar--scroll {
          top: 105px; }
        body.toolbar-horizontal.toolbar-tray-open .user-menu-bar.user-menu-bar--scroll {
          top: 144px; }
      .user-logged-in .user-menu-bar {
        display: block; } }

.user-menu-bar__inner {
  padding: 0 1.5rem; }
  @media (min-width: 56.25em) {
    .user-menu-bar__inner {
      background-color: #fff;
      -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
      padding: 1rem 1.5rem; } }

@media (min-width: 56.25em) {
  .user-menu-bar__row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 56.25em) {
  .user-menu-bar__right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.user-menu-bar__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  padding: 0;
  position: relative;
  -webkit-transition: background-color 150ms ease-out;
  -o-transition: background-color 150ms ease-out;
  transition: background-color 150ms ease-out; }
  .user-menu-bar__button::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: solid 2px #178387;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 30px;
    margin-right: 0.5rem;
    width: 30px; }
  @media (min-width: 56.25em) {
    .user-menu-bar__button {
      color: transparent;
      font: 0/0 a;
      height: 30px;
      text-shadow: none;
      width: 30px;
      display: block;
      margin-bottom: 0;
      margin-right: 1rem; }
      .user-menu-bar__button::before {
        height: 100%;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 100%; } }
  .user-menu-bar__button[data-new-items="true"]::after {
    background-color: #E21D3D;
    border-radius: 50%;
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 11px; }
  .user-menu-bar__button.icon-messages {
    display: none; }
    .user-verified .user-menu-bar__button.icon-messages {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .user-menu-bar__button.icon-messages::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/messages.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/messages.svg"); }
    .user-menu-bar__button.icon-messages:hover::before, .user-menu-bar__button.icon-messages[aria-expanded="true"]::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/messages-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/messages-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/messages-white.svg");
      background-color: #178387; }
  .user-menu-bar__button.icon-notifications {
    display: none; }
    .user-verified .user-menu-bar__button.icon-notifications {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .user-menu-bar__button.icon-notifications::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/notifications.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/notifications.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/notifications.svg"); }
    .user-menu-bar__button.icon-notifications:hover::before, .user-menu-bar__button.icon-notifications:focus::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/notifications-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/notifications-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/notifications-white.svg");
      background-color: #178387; }
  .user-menu-bar__button.icon-user {
    display: none;
    pointer-events: none; }
    .user-menu-bar__button.icon-user::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/avatar.svg"); }
    .user-menu-bar__button.icon-user:hover::before, .user-menu-bar__button.icon-user:focus::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/avatar-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/avatar-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/avatar-white.svg");
      background-color: #178387; }
    @media (min-width: 56.25em) {
      .user-menu-bar__button.icon-user {
        color: transparent;
        font: 0/0 a;
        height: 30px;
        text-shadow: none;
        width: 30px;
        display: block;
        margin-right: 1.5rem;
        pointer-events: visible; }
        .user-menu-bar__button.icon-user::before {
          height: 100%;
          left: 0;
          margin: 0;
          position: absolute;
          top: 0;
          width: 100%; }
        .user-menu-bar__button.icon-user::after {
          background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-down-grey.svg");
          background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-down-grey.svg");
          background-image: linear-gradient(transparent, transparent), url("../images/chevron-down-grey.svg");
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 14px 10px;
          content: '';
          display: block;
          height: 100%;
          right: -1.35rem;
          padding-left: 0.5rem;
          position: absolute;
          top: 0;
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center;
          -webkit-transition: -webkit-transform 100ms ease-out;
          transition: -webkit-transform 100ms ease-out;
          -o-transition: transform 100ms ease-out;
          transition: transform 100ms ease-out;
          transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
          width: 100%; }
        .user-menu-bar__button.icon-user[aria-expanded="true"]::after {
          background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/chevron-up-grey.svg");
          background-image: -o-linear-gradient(transparent, transparent), url("../images/chevron-up-grey.svg");
          background-image: linear-gradient(transparent, transparent), url("../images/chevron-up-grey.svg"); } }

.user-menu-trigger {
  height: 35px;
  overflow: hidden;
  width: 35px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/hamburger.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/hamburger.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/hamburger.svg");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 56%;
  border-radius: 50%;
  border: solid 3px #8AC341;
  display: none;
  margin-right: 1rem;
  pointer-events: none;
  position: relative;
  top: 6px;
  -webkit-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out; }
  .user-menu-trigger::before {
    content: '';
    display: block;
    height: 150%;
    width: 0; }
  body.user-logged-in .user-menu-trigger {
    display: block;
    pointer-events: visible; }
    @media (min-width: 56.25em) {
      body.user-logged-in .user-menu-trigger {
        display: none; } }
  .user-menu-trigger:hover {
    background-color: #8AC341; }
  .user-menu-trigger[aria-expanded="true"] {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/close-black.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/close-black.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/close-black.svg"); }
  .l-header--squished .user-menu-trigger {
    top: 0; }
  .mobile-menu .user-menu-trigger {
    height: 50px;
    overflow: hidden;
    width: 50px;
    border-width: 4px;
    margin-right: 0;
    top: 0; }
    .mobile-menu .user-menu-trigger::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }

.user-menu-bar__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  width: 300px;
  z-index: -1; }
  .user-menu-bar__dropdown[aria-expanded="true"] {
    display: block; }
  .user-menu-bar__messages .user-menu-bar__dropdown {
    right: 130px; }
  .user-menu-bar__notifications .user-menu-bar__dropdown {
    right: 85px; }

.user-profile {
  min-height: 400px;
  padding: 4rem 0; }
  .user-profile > .l-constrain, .user-profile > .howie__inner {
    position: relative; }
  .user-profile .l-section {
    margin-bottom: 4rem;
    max-width: 700px; }
  .user-profile .l-section__title {
    margin-bottom: 1rem; }
  .user-profile .l-grid--3col {
    grid-gap: 1.5rem;
    margin-bottom: 4rem; }
    .user-profile .l-grid--3col .l-section {
      margin-bottom: 0; }

.user-profile__sidebar {
  margin-top: 4rem; }
  @media (min-width: 62.5em) {
    .user-profile__sidebar {
      margin-top: 0;
      position: absolute;
      right: 1.5rem;
      top: 0; } }
  .user-profile__sidebar .button, .user-profile__sidebar .member-page .private_message_link, .member-page .user-profile__sidebar .private_message_link, .user-profile__sidebar .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .user-profile__sidebar .agree-button {
    display: inline-block;
    white-space: nowrap; }
  .user-profile__sidebar a {
    display: block;
    margin-bottom: 1.5rem; }
  .user-profile__sidebar .report-link,
  .user-profile__sidebar .block-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .user-profile__sidebar .report-link::before,
    .user-profile__sidebar .block-link::before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: inline-block;
      height: 20px;
      margin-right: 0.5rem;
      width: 20px; }
  .user-profile__sidebar .report-link::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/report.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/report.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/report.svg"); }
  .user-profile__sidebar .block-link::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/block.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/block.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/block.svg"); }

.user-profile__user-groups .button, .user-profile__user-groups .member-page .private_message_link, .member-page .user-profile__user-groups .private_message_link, .user-profile__user-groups .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .user-profile__user-groups .agree-button {
  display: none; }

.view__filters {
  margin-bottom: 1.5rem; }

.view--dropdown {
  border: solid 1px #838286;
  border-top: 0;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2); }
  .view--dropdown .view__more a {
    background-color: #178387;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 1rem;
    text-align: center;
    text-decoration: none; }
    .view--dropdown .view__more a:hover, .view--dropdown .view__more a:focus {
      background-color: #0A5C5F; }

.view--pm-search-results a {
  text-decoration: none; }
  .view--pm-search-results a:hover .direct-message {
    outline: solid 1px #0A5C5F;
    outline-offset: -1px; }

.views-view--grid .views-view__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2px;
  margin-right: -2px; }
  .views-view--grid .views-view__content > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 2.5rem 0;
    padding: 0 2px; }
    @media (min-width: 30em) {
      .views-view--grid .views-view__content > * {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        margin: 0 0 4rem 0;
        max-width: 50%; } }
    @media (min-width: 43.75em) {
      .views-view--grid .views-view__content > * {
        -ms-flex-preferred-size: 33.3333333333%;
            flex-basis: 33.3333333333%;
        max-width: 33.3333333333%; } }
    @media (min-width: 56.25em) {
      .views-view--grid .views-view__content > * {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%; } }
    @media (min-width: 68.75em) {
      .views-view--grid .views-view__content > * {
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
        max-width: 20%; } }

.views-view--grid .views-view__title {
  margin: 0 0 1rem 0; }

.views-view--grid .views-view__empty {
  margin-bottom: 4rem; }

.views-view--grid.view--my-groups .view__row {
  margin-bottom: 1.5rem; }

.views-view--group-listing {
  background-color: #ECECEC;
  padding: 4rem 0; }
  .views-view--group-listing.bg-color-white {
    background-color: #fff; }
  .views-view--group-listing.no-top-padding {
    padding: 0 0 4rem; }
  .views-view--group-listing .views-view__row {
    margin-bottom: 0; }
    @media (min-width: 59.375em) {
      .views-view--group-listing .views-view__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media (min-width: 59.375em) {
    .views-view--group-listing .views-view__sidebar {
      -ms-flex-preferred-size: 285px;
          flex-basis: 285px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-bottom: 0;
      margin-right: 4rem;
      max-width: 285px; } }
  .views-view--group-listing .views-view__main {
    margin-bottom: 2.5rem; }
    @media (min-width: 59.375em) {
      .views-view--group-listing .views-view__main {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-right: 0; } }
  .views-view--group-listing .views-view__main-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 2rem; }
    @media (min-width: 37.5em) {
      .views-view--group-listing .views-view__main-header {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -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; } }
  .views-view--group-listing .views-view__count {
    color: #000;
    font-size: 24px;
    font-weight: 700; }
  .views-view--group-listing .view-view__header {
    margin-bottom: 1.5rem; }
    @media (min-width: 37.5em) {
      .views-view--group-listing .view-view__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  .views-view--group-listing .view-view__count {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-top: 1rem; }
    @media (min-width: 37.5em) {
      .views-view--group-listing .view-view__count {
        margin-top: 0; } }
  .views-view--group-listing .views-view__add-content-button {
    margin-bottom: 2.5rem; }
    @media (min-width: 37.5em) {
      .views-view--group-listing .views-view__add-content-button {
        margin-bottom: 0; } }
    .views-view--group-listing .views-view__add-content-button .button, .views-view--group-listing .views-view__add-content-button .member-page .private_message_link, .member-page .views-view--group-listing .views-view__add-content-button .private_message_link, .views-view--group-listing .views-view__add-content-button .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .views-view--group-listing .views-view__add-content-button .agree-button {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-white.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-white.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/plus-white.svg");
      background-position: calc(100% - 1.5rem) center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      margin-bottom: 0;
      padding-right: 4rem; }
  .views-view--group-listing .views-view__view-header {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }
  .views-view--group-listing .view-view__title h2.heading-smaller {
    font-size: 34px;
    line-height: 1.25; }
  .views-view--group-listing .view-view__search,
  .views-view--group-listing .view-view__summary {
    margin-bottom: 2.5rem; }
  .views-view--group-listing .views-exposed-form {
    position: relative; }
    .views-view--group-listing .views-exposed-form .l-constrain, .views-view--group-listing .views-exposed-form .howie__inner {
      width: 100%; }
    .views-view--group-listing .views-exposed-form form {
      max-width: 400px;
      position: relative; }
    .views-view--group-listing .views-exposed-form .form-item--textfield {
      border-bottom: none;
      position: relative; }
      .views-view--group-listing .views-exposed-form .form-item--textfield .form-item__label {
        font-weight: 700; }
      .views-view--group-listing .views-exposed-form .form-item--textfield input {
        border: solid 1px #838286;
        font-size: 14px;
        height: 45px;
        margin: 0;
        padding: 0.5rem 3rem 0.5rem 1rem;
        width: 100%; }
        .views-view--group-listing .views-exposed-form .form-item--textfield input:focus, .views-view--group-listing .views-exposed-form .form-item--textfield input:active {
          border: solid 1px #178387; }
    .views-view--group-listing .views-exposed-form .form-item--select {
      margin-bottom: 1.5rem; }
  .views-view--group-listing .form-item--select {
    margin-bottom: 0;
    top: 0; }
    .views-view--group-listing .form-item--select .form-item__label {
      font-weight: 700;
      margin-right: 1rem; }
    .views-view--group-listing .form-item--select .form-item__select {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-down.svg");
      background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-down.svg");
      background-image: linear-gradient(transparent, transparent), url("../images/arrow-down.svg");
      background-size: 16px 16px;
      background-color: #fff;
      border: solid 1px #838286;
      color: #000000;
      font-size: 14px;
      font-weight: 500;
      height: 40px;
      max-width: 300px;
      padding: 0 2.5rem 0 1rem;
      width: 100%; }
    .views-view--group-listing .form-item--select.form-item--id-discussion-type {
      display: block; }

.views-view--headshot-grid {
  margin-top: 2.5rem; }
  .views-view--headshot-grid .views-view-listing__main.has-border-top {
    border-top: 1px solid #AAAAAA; }
  .views-view--headshot-grid .views-view__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.1875rem;
    margin-right: -2.1875rem; }
    .views-view--headshot-grid .views-view__content > * {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0 0 2.5rem 0;
      padding: 0 2.1875rem; }
      @media (min-width: 30em) {
        .views-view--headshot-grid .views-view__content > * {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          margin: 0 0 4rem 0;
          max-width: 50%; } }
      @media (min-width: 43.75em) {
        .views-view--headshot-grid .views-view__content > * {
          -ms-flex-preferred-size: 33.3333333333%;
              flex-basis: 33.3333333333%;
          max-width: 33.3333333333%; } }
    @media (min-width: 43.75em) {
      .views-view--headshot-grid .views-view__content.views-view__content--4col > * {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%; } }
  .views-view--headshot-grid .views-view__title {
    margin: 0 0 1rem 0; }
  .views-view--headshot-grid .views-view__empty {
    margin-bottom: 4rem; }
  .views-view--headshot-grid .views-view--headshot__filter-toggle {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/icon-filter.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/icon-filter.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/icon-filter.svg");
    background-position: right center;
    background-repeat: no-repeat;
    color: #3F3F3F;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-right: 1.5rem;
    text-decoration: none; }
  .views-view--headshot-grid .views-view-listing__row {
    margin: 0; }

.views-view--mini-grid {
  margin: 2.5rem; }
  .views-view--mini-grid .views-view__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 4rem; }
    .views-view--mini-grid .views-view__content > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((100%) - 20px);
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
      min-width: 0; }
    @supports (display: grid) {
      .views-view--mini-grid .views-view__content {
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2em;
        display: grid; }
        .views-view--mini-grid .views-view__content > * {
          margin: 0;
          min-width: 0;
          width: 100%; } }
  @media (min-width: 30em) and (max-width: 56.25em) {
    .views-view--mini-grid.view--2col .views-view__content > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((50%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em; }
    @supports (display: grid) {
      .views-view--mini-grid.view--2col .views-view__content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2em; }
        .views-view--mini-grid.view--2col .views-view__content > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }
  @media (min-width: 75em) {
    .views-view--mini-grid.view--2col .views-view__content > * {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc((50%) - 2em);
      margin-left: 1em;
      margin-right: 1em;
      margin-bottom: 2em; }
    @supports (display: grid) {
      .views-view--mini-grid.view--2col .views-view__content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2em; }
        .views-view--mini-grid.view--2col .views-view__content > * {
          margin: 0;
          min-width: 0;
          width: 100%; } } }
  .views-view--mini-grid + .views-view--mini-grid {
    border-bottom: 1px solid #838286; }
  .views-view--mini-grid .carousel-card--hhmi .carousel-card__title,
  .views-view--mini-grid .carousel-card--personal .carousel-card__title {
    color: #3F3F3F;
    font-size: 16px;
    padding: 0;
    pointer-events: visible;
    position: relative; }
  .views-view--mini-grid .carousel-card--hhmi .carousel-card__media,
  .views-view--mini-grid .carousel-card--personal .carousel-card__media {
    margin-bottom: 0.5rem; }
    .views-view--mini-grid .carousel-card--hhmi .carousel-card__media .carousel-card__title,
    .views-view--mini-grid .carousel-card--personal .carousel-card__media .carousel-card__title {
      display: none; }
  .views-view--mini-grid .carousel-card--hhmi .carousel-card__content .carousel-card__title,
  .views-view--mini-grid .carousel-card--personal .carousel-card__content .carousel-card__title {
    display: block; }
  .views-view--mini-grid .carousel-card--hhmi .carousel-card__resource-count,
  .views-view--mini-grid .carousel-card--personal .carousel-card__resource-count {
    color: #178387; }

.views-view--resource-listing {
  margin-bottom: 6.5rem; }

.views-view-listing.views-view-listing--no-query .views-view-listing__count {
  margin-bottom: 6rem; }

.views-view-listing.views-view-listing--no-query .views-view-listing__count-inner {
  display: none; }

.views-view-listing.has-border {
  border-top: 1px solid #3F3F3F; }

.views-view-listing .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.views-view-listing--border .view__row {
  border-bottom: 1px solid #979797;
  margin-bottom: 2.5rem; }
  .views-view-listing--border .view__row:first-child {
    border-top: 1px solid #979797;
    padding-top: 2.5rem; }

.views-view-listing__row {
  margin: 4rem 0 2.5rem 0; }
  @media (min-width: 59.375em) {
    .views-view-listing__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.views-view-listing__sidebar > * {
  margin-bottom: 2.5rem; }

@media (min-width: 59.375em) {
  .views-view-listing__sidebar {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 275px;
        flex-basis: 275px;
    margin-right: 4rem;
    max-width: 275px; } }

.views-view-listing__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4rem; }

@media (min-width: 59.375em) {
  .views-view-listing__main {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: calc( 100% - 275px - 4rem);
        flex-basis: calc( 100% - 275px - 4rem);
    margin-right: 0; } }

.views-view-listing__label {
  font-size: 1.5em;
  margin-bottom: 1rem; }

.views-view-listing__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 4rem; }

.views-view-listing__search {
  margin-bottom: 2.5rem;
  position: relative; }

.views-view-listing__search-form .form-item--textfield {
  border-bottom: none;
  margin-bottom: 0;
  position: relative; }
  .views-view-listing__search-form .form-item--textfield .form-item__label {
    color: #000;
    font-size: 24px;
    font-weight: 700; }
  .views-view-listing__search-form .form-item--textfield input {
    border: solid 1px #838286;
    font-size: 14px;
    height: 45px;
    margin: 0;
    padding: 0.5rem 3rem 0.5rem 1rem;
    width: 100%; }
    .views-view-listing__search-form .form-item--textfield input:focus {
      border: solid 1px #178387; }

.views-view-listing__search-form .form-actions {
  bottom: 0;
  display: block;
  height: 45px;
  position: absolute;
  right: 0;
  width: 45px; }
  .views-view-listing__search-form .form-actions:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/search-teal.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/search-teal.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/search-teal.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
    content: "";
    display: block;
    height: 100%;
    width: 100%; }
  .views-view-listing__search-form .form-actions input {
    height: 45px;
    overflow: hidden;
    width: 45px;
    background-color: transparent;
    color: transparent;
    height: 45px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px; }
    .views-view-listing__search-form .form-actions input::before {
      content: '';
      display: block;
      height: 150%;
      width: 0; }
    .views-view-listing__search-form .form-actions input#edit-reset {
      display: none; }

.views-view-listing__search-form .form-item--select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4rem;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  top: 0; }
  .views-view-listing__search-form .form-item--select .form-item__label {
    font-weight: 700;
    margin-right: 1rem; }
  .views-view-listing__search-form .form-item--select .form-item__select {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/arrow-down.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/arrow-down.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/arrow-down.svg");
    background-size: 16px 16px;
    background-color: #ECECEC;
    border: none;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 0 2.5rem 0 0.5rem; }
  .views-view-listing__search-form .form-item--select.form-item--id-level, .views-view-listing__search-form .form-item--select.form-item--id-resource-type, .views-view-listing__search-form .form-item--select.form-item--id-topics, .views-view-listing__search-form .form-item--select.form-item--id-field-ambassador-location, .views-view-listing__search-form .form-item--select.form-item--id-field-advisor-location, .views-view-listing__search-form .form-item--select.form-item--id-field-grade-level-2, .views-view-listing__search-form .form-item--select.form-item--id-field-grade-level-3, .views-view-listing__search-form .form-item--select.form-item--id-field-participants, .views-view-listing__search-form .form-item--select.form-item--id-field-evaluation-type, .views-view-listing__search-form .form-item--select.form-item--id-field-ambassador-role, .views-view-listing__search-form .form-item--select.form-item--id-field-advisor-role {
    display: none; }

.views-view-listing__summary {
  position: relative;
  margin-bottom: 0; }
  .views-view-listing__summary .l-section__content {
    position: initial; }
  .views-view-listing__summary ul {
    margin-bottom: 2.5rem;
    padding-left: 0; }
  .views-view-listing__summary .facet-summary-item--facet,
  .views-view-listing__summary .facet-summary-item--clear {
    list-style: none; }
    .views-view-listing__summary .facet-summary-item--facet a,
    .views-view-listing__summary .facet-summary-item--facet span,
    .views-view-listing__summary .facet-summary-item--clear a,
    .views-view-listing__summary .facet-summary-item--clear span {
      font-size: 14px; }
  .views-view-listing__summary .facet-summary-item--clear {
    line-height: 2;
    position: absolute;
    right: 0;
    top: 0; }
  .views-view-listing__summary .facet-summary-item--facet {
    display: inline-block;
    margin-bottom: 0.25rem;
    margin-right: 1.5rem; }
    .views-view-listing__summary .facet-summary-item--facet a {
      text-decoration: none; }
      .views-view-listing__summary .facet-summary-item--facet a:hover .facet-item__value, .views-view-listing__summary .facet-summary-item--facet a:focus .facet-item__value {
        text-decoration: underline; }
      .views-view-listing__summary .facet-summary-item--facet a:after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/x-black.svg");
        background-image: -o-linear-gradient(transparent, transparent), url("../images/x-black.svg");
        background-image: linear-gradient(transparent, transparent), url("../images/x-black.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
        content: "";
        display: inline-block;
        height: 14px;
        position: relative;
        top: 2px;
        width: 14px; }
      .views-view-listing__summary .facet-summary-item--facet a .facet-item__status {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        white-space: nowrap;
        overflow: hidden; }

.views-view-listing__empty {
  margin-top: 6rem; }
  .views-view-listing__empty h2 {
    font-size: 1.5em; }

.views-view-listing__clear-link {
  font-size: 14px; }

.views-view-listing__map {
  margin-bottom: 4rem; }

.views-view-listing__main-heading {
  text-align: right; }

.views-view-listing--group {
  margin-bottom: 6.5rem; }
  .views-view-listing--group .views-view-listing__content {
    display: grid;
    grid-gap: 2.5rem 1.5rem;
    grid-template-columns: 1fr; }
    @media (min-width: 30em) {
      .views-view-listing--group .views-view-listing__content {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 50em) {
      .views-view-listing--group .views-view-listing__content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 59.375em) {
      .views-view-listing--group .views-view-listing__content {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 71.875em) {
      .views-view-listing--group .views-view-listing__content {
        grid-template-columns: 1fr 1fr 1fr; } }
  .views-view-listing--group .form-item--id-q:nth-of-type(2) {
    display: none; }

.views-view--discussion-thread {
  margin-bottom: 6.5rem; }
  .views-view--discussion-thread .view__content > * {
    margin-bottom: 0px; }
  .views-view--discussion-thread .group-teaser,
  .views-view--discussion-thread .comment {
    border-bottom: 1px solid #979797; }
  .views-view--discussion-thread .breadcrumb {
    padding-bottom: 1.5rem; }

.views-view--group-teasers {
  margin-bottom: 2.5rem; }
  .views-view--group-teasers .view__more a {
    color: #000; }

.virtual-event {
  font-style: normal;
  margin-bottom: 0;
  padding-left: 1.75rem;
  position: relative; }
  .virtual-event:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/cloud-pin.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/cloud-pin.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/cloud-pin.svg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 20px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 5px; }

.webform {
  margin-bottom: 4rem; }

.form-actions {
  margin-top: 1.5rem; }
  .hero__search .form-actions {
    margin-top: 0; }

.progress-step {
  z-index: 0; }

.clearfix::after {
  clear: both !important;
  content: '' !important;
  display: table !important; }

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important; }
  .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    width: auto !important; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden !important; }

.skiplinks {
  left: 50%;
  margin-left: -7em;
  position: absolute;
  width: 14em;
  z-index: 9999; }

.skiplinks__link,
.skiplinks__link:visited,
.skiplinks__link:focus {
  background-color: #333;
  border: 2px solid #eee;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  color: #eee;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  outline: 0;
  padding: 0.25em 0.5em;
  text-align: center;
  text-decoration: none;
  width: 14em; }

#main:focus {
  outline: 0; }

.body-accent-text {
  color: #178387;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 1.5rem 0; }

.float-left {
  float: left;
  margin-right: 0; }

@media (min-width: 59.375em) {
  .float-left-lg {
    float: left;
    margin-right: 0; } }

.float-right {
  float: right;
  margin-left: 0; }

@media (min-width: 59.375em) {
  .float-right-lg {
    float: right;
    margin-left: 0; } }

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 59.375em) {
  .u-flex--lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.u-flex--justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.u-flex--gap {
  gap: 1.25rem; }

.u-flex-item--grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.u-margin-bottom--0 {
  margin-bottom: 0; }

.u-margin-bottom--1 {
  margin-bottom: 0.5rem; }

.u-margin-bottom--2 {
  margin-bottom: 1rem; }

.u-margin-bottom--3 {
  margin-bottom: 1.5rem; }

.u-margin-bottom--4 {
  margin-bottom: 2rem; }

@media (min-width: 59.375em) {
  .u-margin-bottom--lg-0 {
    margin-bottom: 0; } }

@media (min-width: 59.375em) {
  .u-margin-bottom--lg-1 {
    margin-bottom: 0.5rem; } }

@media (min-width: 59.375em) {
  .u-margin-bottom--lg-2 {
    margin-bottom: 1rem; } }

@media (min-width: 59.375em) {
  .u-margin-bottom--lg-3 {
    margin-bottom: 1.5rem; } }

@media (min-width: 59.375em) {
  .u-margin-bottom--lg-4 {
    margin-bottom: 2rem; } }

.sliding-popup-bottom {
  background: none;
  background-color: #178387 !important;
  padding: 1rem 0; }
  .sliding-popup-bottom .eu-cookie-compliance-more-button {
    display: none; }
  .sliding-popup-bottom .popup-content {
    max-width: 1300px;
    padding: 0 1.5rem;
    margin: 0 auto; }
    @media (min-width: 40.625em) {
      .sliding-popup-bottom .popup-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .sliding-popup-bottom .popup-content a {
      color: #fff; }
  .sliding-popup-bottom .eu-cookie-compliance-message {
    margin-bottom: 1rem; }
    @media (min-width: 40.625em) {
      .sliding-popup-bottom .eu-cookie-compliance-message {
        margin-bottom: 0; } }
  .sliding-popup-bottom .eu-cookie-compliance-buttons {
    margin-bottom: 0; }
    .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button {
      margin-bottom: 0;
      background: #0A5C5F;
      font-size: 16px; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:hover {
        background: #323a45;
        color: #fff; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button:active {
        background: #212121;
        color: #fff; }
    .sliding-popup-bottom .eu-cookie-compliance-buttons .decline-button {
      -webkit-appearance: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-bottom: 0;
      margin-top: 1rem;
      text-shadow: none;
      background: none;
      border: none;
      outline: 0;
      font-size: 14px;
      color: #fff; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .decline-button:hover {
        text-decoration: underline; }

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: 0;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

[data-simplebar] {
  position: relative;
  -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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: scroll;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */ }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none; }

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.ec-toggle-link {
  display: block;
  position: relative;
  text-decoration: underline;
  z-index: 1; }
  .ec-toggle-link:hover, .ec-toggle-link:focus {
    text-decoration: underline; }
  .ec-toggle-link.ecf-open:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, white));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white 65%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 65%);
    bottom: 0;
    content: '';
    display: block;
    height: 120px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1; }
  .teaser--complex .ec-toggle-link.ecf-open:after {
    display: none; }
  .ec-toggle-link.ecf-close {
    margin-top: 1.5rem; }

.expand-collapse .ec-content > *:last-child {
  margin-bottom: 0; }

.item-list__checkbox {
  padding-left: 0; }

.facet-item {
  list-style: none;
  position: relative; }
  .facet-item.facet-item--expanded > .facet-item__trigger {
    display: block; }
  .facet-item.facet-item--active-trail ul {
    display: block; }
  .facet-item ul {
    display: none;
    padding-left: 2rem; }
    .facet-item ul .facet-item__value {
      font-size: 14px; }

.facet-item__trigger {
  display: none; }
  .facet-item__trigger input,
  .facet-item__trigger label {
    display: none; }

.facet-item__trigger-link {
  color: transparent;
  font: 0/0 a;
  height: 19px;
  text-shadow: none;
  width: 19px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/plus-grey.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/plus-grey.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/plus-grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  content: "";
  display: block !important;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0; }
  .facet-item__trigger-link.is-active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/minus-grey.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/minus-grey.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/minus-grey.svg"); }

.facet-item__value {
  margin-right: .25rem;
  font-size: 16px; }

.facets-checkbox + label {
  cursor: pointer;
  display: block; }
  .facets-checkbox + label::before {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
            box-shadow: 0 0 0 1px #000;
    content: '\a0';
    display: inline-block;
    height: 1.125rem;
    line-height: 1.125rem;
    margin-right: 0.6em;
    text-indent: 0.15em;
    -webkit-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    width: 1.125rem; }

.facets-checkbox:checked + label::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/correct.svg");
  background-image: -o-linear-gradient(transparent, transparent), url("../images/correct.svg");
  background-image: linear-gradient(transparent, transparent), url("../images/correct.svg");
  background-color: #178387;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-box-shadow: 0 0 0 1px #178387;
          box-shadow: 0 0 0 1px #178387; }

.facets-checkbox:focus + label::before {
  outline: -webkit-focus-ring-color auto 5px; }

.facets-checkbox:checked:disabled + label::before {
  background-color: #AAAAAA; }

.facets-checkbox:disabled + label {
  color: #AAAAAA;
  cursor: default; }
  .facets-checkbox:disabled + label::before {
    background-color: #AAAAAA;
    -webkit-box-shadow: 0 0 0 1px #AAAAAA;
            box-shadow: 0 0 0 1px #AAAAAA;
    cursor: not-allowed; }

.ui-dialog {
  max-height: calc(100vh - 180px);
  min-width: 90%;
  overflow: auto;
  z-index: 101; }

.ui-dialog .ui-dialog-content {
  -webkit-overflow-scrolling: touch; }

body.body--add-personal-resource-playlist .ui-dialog,
body.node-page--node-type-personal-resource-playlist .ui-dialog {
  overflow: hidden; }
  body.body--add-personal-resource-playlist .ui-dialog .ui-dialog-content,
  body.node-page--node-type-personal-resource-playlist .ui-dialog .ui-dialog-content {
    overflow: auto;
    padding: 0.5em 0 0;
    -webkit-overflow-scrolling: touch; }
  body.body--add-personal-resource-playlist .ui-dialog iframe,
  body.node-page--node-type-personal-resource-playlist .ui-dialog iframe {
    max-height: calc(100% - 0.5em); }

.ui-widget-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6); }

#drupal-modal {
  max-height: calc(100% - 50px) !important;
  overflow-x: auto;
  padding: 2.5rem 0; }
  #drupal-modal .carousel-slider {
    margin-bottom: 0; }

.drupal-modal__label {
  margin-bottom: 1rem; }

.drupal-modal__new-playlist-card {
  margin-bottom: 2.5rem; }
  .drupal-modal__new-playlist-card .carousel-card {
    width: calc(100% - 2.15rem); }
    @media (min-width: 28.125em) {
      .drupal-modal__new-playlist-card .carousel-card {
        width: calc(50% - 1.25rem); } }
    @media (min-width: 40.625em) {
      .drupal-modal__new-playlist-card .carousel-card {
        width: calc(33.3333333% - 1rem); } }
    @media (min-width: 56.25em) {
      .drupal-modal__new-playlist-card .carousel-card {
        width: calc(25% - 0.6rem); } }
    @media (min-width: 68.75em) {
      .drupal-modal__new-playlist-card .carousel-card {
        width: calc(20% - 0.65rem); } }

.login-page {
  margin: 4rem 0 6.5rem;
  position: relative; }
  .login-page .ui-state-active {
    background-color: #00A450;
    border: solid 1px #00A450; }
  .login-page .field-group-format-toggler {
    padding: 1rem 1rem 1rem 1.25rem; }
    .login-page .field-group-format-toggler a {
      font-size: 18px;
      font-weight: 700; }
  .login-page .field--name-field-user-science-practices {
    margin-top: 1.5rem; }

.ui-widget-content a.button, .ui-widget-content .member-page a.private_message_link, .member-page .ui-widget-content a.private_message_link, .ui-widget-content .sliding-popup-bottom .eu-cookie-compliance-buttons a.agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .ui-widget-content a.agree-button {
  color: #ffffff; }

.member-page .form-item {
  margin-bottom: 1rem; }
  .member-page .form-item h4 {
    color: #3F3F3F;
    font-size: 16px;
    margin: 0; }

.member-page .field--name-field-subscribe-bio-news-es,
.member-page .field--name-field-subscribe-bio-news {
  display: none; }

.member-page .field--name-field-user-continue-to-step-2,
.member-page .field--name-field-user-continue-to-step-3,
.member-page .field--name-field-user-continue-to-step-4,
.member-page .field--name-field-user-terms-of-use,
.member-page .field--name-field-intro,
.member-page .field--name-field-terms-markup,
.member-page .field--name-field-profile-markup {
  display: none; }

.member-page__edit-button {
  margin-bottom: 1.5rem;
  padding-right: 3rem;
  position: relative; }
  @media (min-width: 25em) {
    .member-page__edit-button {
      position: absolute;
      right: 0; } }
  .member-page__edit-button:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/pencil-white.svg");
    background-image: -o-linear-gradient(transparent, transparent), url("../images/pencil-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/pencil-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    right: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px; }

.user-form .js-form-submit {
  margin-top: 1.5rem; }

.user-form .field-group-fieldset {
  border: solid 2px #f1f1f1; }
  .user-form .field-group-fieldset .fieldset__legend {
    border-color: #f1f1f1;
    top: 0; }
  .user-form .field-group-fieldset .fieldset__legend-text {
    background-color: #f1f1f1;
    color: #3F3F3F;
    font-weight: 700; }
  .user-form .field-group-fieldset .fieldset__content {
    font-size: 14px;
    margin-bottom: 0;
    padding: 1rem 0; }

.user-form .field--name-field-subscribe-bio-news .fieldset--default {
  border: solid 2px #f1f1f1; }

.user-form .field--name-field-subscribe-bio-news .fieldset__legend {
  border-color: #f1f1f1;
  top: 0; }

.user-form .field--name-field-subscribe-bio-news .fieldset__legend-text {
  background-color: #f1f1f1;
  color: #3F3F3F;
  font-weight: 700; }

.user-form .field--name-field-subscribe-bio-news .fieldset__content {
  margin-bottom: 0;
  padding: 1rem 0; }

.user-form .field-group-accordion-item {
  overflow: initial; }

.user-form #edit-current-pass--description a {
  display: none; }

.user-form #edit-current-pass--description:after {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 16px;
  left: -10px;
  position: relative;
  width: 16px; }

#user-login-form {
  border: 2px solid #178387;
  border-radius: 4px;
  display: inline-block;
  padding: 1rem; }

#user-login-form + fieldset {
  display: block;
  margin: 100px auto 0;
  position: relative; }
  #user-login-form + fieldset::after {
    content: 'Or';
    font-size: xx-large;
    font-weight: 700;
    left: 30px;
    position: absolute;
    top: -75px; }
  @media (min-width: 48.4375em) {
    #user-login-form + fieldset {
      display: inline-block;
      margin: 0 auto 0 100px; }
      #user-login-form + fieldset::after {
        left: -75px;
        top: 0; } }

.node-personal-resource-playlist-form,
.node-personal-resource-playlist-edit-form {
  overflow-x: hidden;
  padding-bottom: 6.03125rem;
  position: relative; }
  .node-personal-resource-playlist-form details.details,
  .node-personal-resource-playlist-edit-form details.details {
    margin: 0; }
    .node-personal-resource-playlist-form details.details .details__content,
    .node-personal-resource-playlist-edit-form details.details .details__content {
      background: transparent;
      border: none; }
  .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table,
  .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table {
    margin-bottom: 2.5rem; }
    .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table thead th,
    .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table thead th {
      background-color: transparent;
      border: none;
      padding: 0; }
    .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr,
    .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr {
      border-bottom: solid 1px #979797; }
      .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr:first-child,
      .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr:first-child {
        border-top: solid 1px #979797; }
      .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr.drag,
      .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody tr.drag {
        background-color: #ECECEC; }
    .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td,
    .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td {
      background: transparent;
      border: none;
      padding: 1.25rem 0; }
      .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td:first-child,
      .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td:first-child {
        padding-left: 2rem;
        padding-right: 1.5rem; }
      .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td:nth-child(2),
      .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .field-multiple-table tbody td:nth-child(2) {
        padding-right: 2rem; }
  .node-personal-resource-playlist-form .tabledrag-toggle-weight-wrapper,
  .node-personal-resource-playlist-edit-form .tabledrag-toggle-weight-wrapper {
    display: none; }
  .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .draggable .field-multiple-drag,
  .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .draggable .field-multiple-drag {
    padding-top: 3.6875rem;
    vertical-align: top; }
  .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .draggable a.tabledrag-handle,
  .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .draggable a.tabledrag-handle {
    display: inline-block;
    float: none;
    height: auto;
    width: auto; }
    .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .draggable a.tabledrag-handle .handle,
    .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .draggable a.tabledrag-handle .handle {
      background-size: contain;
      background-position: center center;
      height: 30px;
      margin: 0;
      padding: 0;
      width: 22px; }
  .node-personal-resource-playlist-form .field--widget-paragraphs-classic-asymmetric .draggable abbr[title],
  .node-personal-resource-playlist-edit-form .field--widget-paragraphs-classic-asymmetric .draggable abbr[title] {
    display: inline-block;
    text-decoration: none;
    vertical-align: top; }
  .node-personal-resource-playlist-form .paragraph-type-top li,
  .node-personal-resource-playlist-edit-form .paragraph-type-top li {
    list-style: none; }
  @media (min-width: 43.75em) {
    .node-personal-resource-playlist-form .paragraph-type-top,
    .node-personal-resource-playlist-edit-form .paragraph-type-top {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .node-personal-resource-playlist-form .paragraph-type-title,
  .node-personal-resource-playlist-edit-form .paragraph-type-title {
    display: none; }
  .node-personal-resource-playlist-form .field--name-field-playlist-disclaimer,
  .node-personal-resource-playlist-edit-form .field--name-field-playlist-disclaimer {
    margin: 2.5rem 0;
    padding: 0;
    text-align: left; }
    .node-personal-resource-playlist-form .field--name-field-playlist-disclaimer p,
    .node-personal-resource-playlist-edit-form .field--name-field-playlist-disclaimer p {
      margin-bottom: 0; }
  .node-personal-resource-playlist-form .form-actions,
  .node-personal-resource-playlist-edit-form .form-actions {
    background: #fff;
    bottom: 0;
    -webkit-box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
            box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
    left: 0;
    margin: 0;
    padding: 1.25rem 1.5rem 1.25rem;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2; }
    .node-personal-resource-playlist-form .form-actions.is-unfixed,
    .node-personal-resource-playlist-edit-form .form-actions.is-unfixed {
      padding: 0 1.5rem 2.5rem;
      position: absolute;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .node-personal-resource-playlist-form .vertical-tabs,
  .node-personal-resource-playlist-edit-form .vertical-tabs {
    border: none;
    margin: 0 auto;
    max-width: 1300px; }
  .node-personal-resource-playlist-form .vertical-tabs__menu,
  .node-personal-resource-playlist-edit-form .vertical-tabs__menu {
    display: none; }
  .node-personal-resource-playlist-form .vertical-tabs__pane .details__content,
  .node-personal-resource-playlist-edit-form .vertical-tabs__pane .details__content {
    border: none; }
  @media (min-width: 56.25em) {
    .node-personal-resource-playlist-form .playlist-edit-form-row,
    .node-personal-resource-playlist-edit-form .playlist-edit-form-row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; } }
  @media (min-width: 37.5em) {
    .node-personal-resource-playlist-form .playlist-edit-form-row .paragraphs-dropbutton-wrapper,
    .node-personal-resource-playlist-edit-form .playlist-edit-form-row .paragraphs-dropbutton-wrapper {
      margin: 1rem 0 0;
      text-align: right; } }
  @media (min-width: 56.25em) {
    .node-personal-resource-playlist-form .playlist-edit-form-row .paragraphs-dropbutton-wrapper,
    .node-personal-resource-playlist-edit-form .playlist-edit-form-row .paragraphs-dropbutton-wrapper {
      margin: 0 0 0 1rem;
      text-align: left; } }
  .node-personal-resource-playlist-form .playlist-note-row,
  .node-personal-resource-playlist-edit-form .playlist-note-row {
    margin-top: 1.25rem; }
    .node-personal-resource-playlist-form .playlist-note-row .form-item__label,
    .node-personal-resource-playlist-edit-form .playlist-note-row .form-item__label {
      display: none; }
    .node-personal-resource-playlist-form .playlist-note-row .form-item--textarea,
    .node-personal-resource-playlist-edit-form .playlist-note-row .form-item--textarea {
      width: 100%; }
    @media (min-width: 37.5em) {
      .node-personal-resource-playlist-form .playlist-note-row .form-wrapper,
      .node-personal-resource-playlist-edit-form .playlist-note-row .form-wrapper {
        margin-left: 2.4375rem; } }
    @media (min-width: 56.25em) {
      .node-personal-resource-playlist-form .playlist-note-row .form-item--textarea,
      .node-personal-resource-playlist-edit-form .playlist-note-row .form-item--textarea {
        width: 74%; } }
  .node-personal-resource-playlist-form .field-group-tabs-wrapper .details__content,
  .node-personal-resource-playlist-edit-form .field-group-tabs-wrapper .details__content {
    padding-bottom: 0; }
  @media (min-width: 43.75em) {
    .node-personal-resource-playlist-form .field-group-tabs-wrapper,
    .node-personal-resource-playlist-edit-form .field-group-tabs-wrapper {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1; } }
  .node-personal-resource-playlist-form .field--type-entity-reference,
  .node-personal-resource-playlist-edit-form .field--type-entity-reference {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 39.125rem; }
    .node-personal-resource-playlist-form .field--type-entity-reference summary,
    .node-personal-resource-playlist-edit-form .field--type-entity-reference summary {
      display: none; }
    .node-personal-resource-playlist-form .field--type-entity-reference .rendered-entity,
    .node-personal-resource-playlist-edit-form .field--type-entity-reference .rendered-entity {
      margin: 0;
      vertical-align: inherit; }
    .node-personal-resource-playlist-form .field--type-entity-reference .details__content,
    .node-personal-resource-playlist-edit-form .field--type-entity-reference .details__content {
      padding: 0; }
  @media (min-width: 43.75em) {
    .node-personal-resource-playlist-form .playlist-edit-form__left,
    .node-personal-resource-playlist-edit-form .playlist-edit-form__left {
      -ms-flex-preferred-size: 250px;
          flex-basis: 250px;
      margin-right: 2.5rem; } }
  .node-personal-resource-playlist-form .counter,
  .node-personal-resource-playlist-edit-form .counter {
    display: none; }
  .node-personal-resource-playlist-form .counter + .counter,
  .node-personal-resource-playlist-edit-form .counter + .counter {
    display: block; }
  .node-personal-resource-playlist-form .description,
  .node-personal-resource-playlist-edit-form .description {
    margin-bottom: 1rem; }
  .node-personal-resource-playlist-form .entity-content-form-revision-information,
  .node-personal-resource-playlist-edit-form .entity-content-form-revision-information {
    display: none !important; }
  .node-personal-resource-playlist-form #edit-field-playlist-items-text > em,
  .node-personal-resource-playlist-edit-form #edit-field-playlist-items-text > em {
    display: none; }
  .node-personal-resource-playlist-form .horizontal-tab-button a,
  .node-personal-resource-playlist-edit-form .horizontal-tab-button a {
    text-align: center; }

.resource-browser {
  margin-top: -90px;
  padding: 0 1em; }
  .resource-browser nav.eb-tabs {
    display: none; }
  .resource-browser .view--resource-entity-browser {
    padding-bottom: 72.5px;
    padding-top: 0; }
  .resource-browser th {
    background-color: #3F3F3F;
    border-color: #3F3F3F;
    color: #fff; }
    .resource-browser th a {
      color: inherit; }
  .resource-browser .tablesort--asc {
    background-image: url("../images/twistie-down.svg"); }
  .resource-browser .tablesort--desc {
    background-image: url("../images/twistie-up.svg"); }
  .resource-browser td {
    border-color: #d8d8d8; }
  .resource-browser tr:nth-child(even) td {
    background-color: #ECECEC; }

.resource-browser__footer {
  background: #fff;
  border-radius: 0 0 1px 1px;
  bottom: 0;
  -webkit-box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
          box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
  left: 0;
  padding: 1em 1em 0;
  position: fixed;
  width: 100%; }
  .resource-browser__footer .button, .resource-browser__footer .member-page .private_message_link, .member-page .resource-browser__footer .private_message_link, .resource-browser__footer .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .resource-browser__footer .agree-button {
    margin-bottom: 0; }

.view--resource-entity-browser {
  padding-top: 2.5rem; }
  .view--resource-entity-browser .views-exposed-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .view--resource-entity-browser .views-exposed-form > * {
      margin-right: 2rem; }
    .view--resource-entity-browser .views-exposed-form .form-actions {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
  .view--resource-entity-browser .form-item__checkbox {
    height: auto;
    overflow: auto;
    position: relative;
    width: auto; }

.group-community-edit-form .paragraphs-dropdown-action.button, .group-community-edit-form .member-page .paragraphs-dropdown-action.private_message_link, .member-page .group-community-edit-form .paragraphs-dropdown-action.private_message_link, .group-community-edit-form .sliding-popup-bottom .eu-cookie-compliance-buttons .paragraphs-dropdown-action.agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .group-community-edit-form .paragraphs-dropdown-action.agree-button {
  color: #3F3F3F; }
  .group-community-edit-form .paragraphs-dropdown-action.button:hover, .group-community-edit-form .member-page .paragraphs-dropdown-action.private_message_link:hover, .member-page .group-community-edit-form .paragraphs-dropdown-action.private_message_link:hover, .group-community-edit-form .sliding-popup-bottom .eu-cookie-compliance-buttons .paragraphs-dropdown-action.agree-button:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .group-community-edit-form .paragraphs-dropdown-action.agree-button:hover, .group-community-edit-form .paragraphs-dropdown-action.button:active, .group-community-edit-form .member-page .paragraphs-dropdown-action.private_message_link:active, .member-page .group-community-edit-form .paragraphs-dropdown-action.private_message_link:active, .group-community-edit-form .sliding-popup-bottom .eu-cookie-compliance-buttons .paragraphs-dropdown-action.agree-button:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .group-community-edit-form .paragraphs-dropdown-action.agree-button:active, .group-community-edit-form .paragraphs-dropdown-action.button:focus, .group-community-edit-form .member-page .paragraphs-dropdown-action.private_message_link:focus, .member-page .group-community-edit-form .paragraphs-dropdown-action.private_message_link:focus, .group-community-edit-form .sliding-popup-bottom .eu-cookie-compliance-buttons .paragraphs-dropdown-action.agree-button:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .group-community-edit-form .paragraphs-dropdown-action.agree-button:focus {
    color: #fff; }

.group-community-edit-form .form-actions {
  background: #fff;
  bottom: 0;
  -webkit-box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
          box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
  left: 0;
  margin: 0;
  padding: 1.25rem 1.5rem 1.25rem;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2; }
  .group-community-edit-form .form-actions.is-unfixed {
    padding: 0 1.5rem 2.5rem;
    position: absolute;
    -webkit-box-shadow: none;
            box-shadow: none; }

.field--name-field-group-rules {
  background-color: #fff; }
  .field--name-field-group-rules h4.label {
    display: inline-block; }
  .field--name-field-group-rules details.details {
    margin: 0; }
    .field--name-field-group-rules details.details .details__content {
      background: transparent;
      border: none; }
  .field--name-field-group-rules .field-multiple-table {
    margin-bottom: 2.5rem; }
    .field--name-field-group-rules .field-multiple-table thead th {
      background-color: transparent;
      border: none;
      padding: 0; }
    .field--name-field-group-rules .field-multiple-table tbody tr {
      border-bottom: solid 1px #979797; }
      .field--name-field-group-rules .field-multiple-table tbody tr:first-child {
        border-top: solid 1px #979797; }
      .field--name-field-group-rules .field-multiple-table tbody tr.drag {
        background-color: #ECECEC; }
    .field--name-field-group-rules .field-multiple-table tbody td {
      background: transparent;
      border: none;
      padding: 1.25rem 0; }
      .field--name-field-group-rules .field-multiple-table tbody td:first-child {
        padding-left: 2rem;
        padding-right: 1.5rem; }
      .field--name-field-group-rules .field-multiple-table tbody td:nth-child(2) {
        padding-right: 2rem; }
  .field--name-field-group-rules .tabledrag-toggle-weight-wrapper {
    display: none; }
  .field--name-field-group-rules .draggable .field-multiple-drag {
    padding-top: 3.6875rem;
    vertical-align: top; }
  .field--name-field-group-rules .draggable a.tabledrag-handle {
    display: inline-block;
    float: none;
    height: auto;
    width: auto; }
    .field--name-field-group-rules .draggable a.tabledrag-handle .handle {
      background-size: contain;
      background-position: center center;
      height: 30px;
      margin: 0;
      padding: 0;
      width: 22px; }

.node-page--node-type-workshop .event-header__title {
  margin-bottom: 3rem; }

.node-page--node-type-workshop .field--name-field-workshop-signup-help {
  display: none; }

.node-educator-resource-form .field--name-field-terms-of-service #edit-field-terms-of-service-value--description,
.node-educator-resource-edit-form .field--name-field-terms-of-service #edit-field-terms-of-service-value--description {
  margin-left: 2rem;
  margin-top: -0.5rem; }

.node-educator-resource-form.form--node-edit .field--type-text div.text-full,
.node-educator-resource-form.form--node-edit .field--type-text-long div.text-full,
.node-educator-resource-edit-form.form--node-edit .field--type-text div.text-full,
.node-educator-resource-edit-form.form--node-edit .field--type-text-long div.text-full {
  color: #178387;
  font-size: 14px; }
  .node-educator-resource-form.form--node-edit .field--type-text div.text-full > :last-child,
  .node-educator-resource-form.form--node-edit .field--type-text-long div.text-full > :last-child,
  .node-educator-resource-edit-form.form--node-edit .field--type-text div.text-full > :last-child,
  .node-educator-resource-edit-form.form--node-edit .field--type-text-long div.text-full > :last-child {
    margin-bottom: 0; }

.node-educator-resource-form .field--widget-text-textarea .form-item--textfield,
.node-educator-resource-form .field--widget-text-textarea .form-item--textarea,
.node-educator-resource-form .field--widget-text-textfield .form-item--textfield,
.node-educator-resource-form .field--widget-text-textfield .form-item--textarea,
.node-educator-resource-edit-form .field--widget-text-textarea .form-item--textfield,
.node-educator-resource-edit-form .field--widget-text-textarea .form-item--textarea,
.node-educator-resource-edit-form .field--widget-text-textfield .form-item--textfield,
.node-educator-resource-edit-form .field--widget-text-textfield .form-item--textarea {
  margin-bottom: 0; }

.node-educator-resource-form .field--name-field-resource-files table thead,
.node-educator-resource-edit-form .field--name-field-resource-files table thead {
  display: none; }

.node-educator-resource-form .field--name-field-resource-files table .tabledrag-handle,
.node-educator-resource-edit-form .field--name-field-resource-files table .tabledrag-handle {
  display: none; }

.node-educator-resource-form .field--name-field-companion-resource div.details__content p,
.node-educator-resource-edit-form .field--name-field-companion-resource div.details__content p {
  display: none; }

.node-educator-resource-form .tabledrag-toggle-weight-wrapper,
.node-educator-resource-form .field-multiple-drag,
.node-educator-resource-edit-form .tabledrag-toggle-weight-wrapper,
.node-educator-resource-edit-form .field-multiple-drag {
  display: none; }

.node-educator-resource-form .field--name-field-learning-targets h4.label,
.node-educator-resource-edit-form .field--name-field-learning-targets h4.label {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem; }

.node-educator-resource-form .field--name-field-learning-targets div.description,
.node-educator-resource-edit-form .field--name-field-learning-targets div.description {
  color: #178387;
  font-size: 14px; }

.node-educator-resource-form .field--name-field-learning-targets table.field-multiple-table,
.node-educator-resource-edit-form .field--name-field-learning-targets table.field-multiple-table {
  margin-bottom: 0; }
  .node-educator-resource-form .field--name-field-learning-targets table.field-multiple-table td,
  .node-educator-resource-edit-form .field--name-field-learning-targets table.field-multiple-table td {
    padding: 0; }

.node-educator-resource-form .field--name-field-learning-targets .form-item--textfield,
.node-educator-resource-edit-form .field--name-field-learning-targets .form-item--textfield {
  margin: 0; }

.node-educator-resource-form .field--widget-string-textfield .field-multiple-table,
.node-educator-resource-edit-form .field--widget-string-textfield .field-multiple-table {
  margin-bottom: 2.5rem; }
  .node-educator-resource-form .field--widget-string-textfield .field-multiple-table thead th,
  .node-educator-resource-edit-form .field--widget-string-textfield .field-multiple-table thead th {
    background-color: transparent;
    border: none;
    padding: 0; }
  .node-educator-resource-form .field--widget-string-textfield .field-multiple-table tbody td,
  .node-educator-resource-edit-form .field--widget-string-textfield .field-multiple-table tbody td {
    background: transparent;
    border: none;
    padding: 1.25rem 0; }
    .node-educator-resource-form .field--widget-string-textfield .field-multiple-table tbody td:first-child,
    .node-educator-resource-edit-form .field--widget-string-textfield .field-multiple-table tbody td:first-child {
      padding-left: 2rem;
      padding-right: 1.5rem; }
    .node-educator-resource-form .field--widget-string-textfield .field-multiple-table tbody td:nth-child(2),
    .node-educator-resource-edit-form .field--widget-string-textfield .field-multiple-table tbody td:nth-child(2) {
      padding-right: 2rem; }

.entity-browser-resource-entity-educator-resource-browser-form {
  margin-top: -90px;
  padding: 0 1em; }
  .entity-browser-resource-entity-educator-resource-browser-form nav.eb-tabs {
    display: none; }
  .entity-browser-resource-entity-educator-resource-browser-form .view--resource-entity-educator-resource-browser {
    padding-bottom: 72.5px;
    padding-top: 0; }
  .entity-browser-resource-entity-educator-resource-browser-form th {
    background-color: #3F3F3F;
    border-color: #3F3F3F;
    color: #fff; }
    .entity-browser-resource-entity-educator-resource-browser-form th a {
      color: inherit; }
  .entity-browser-resource-entity-educator-resource-browser-form .tablesort--asc {
    background-image: url("../images/twistie-down.svg"); }
  .entity-browser-resource-entity-educator-resource-browser-form .tablesort--desc {
    background-image: url("../images/twistie-up.svg"); }
  .entity-browser-resource-entity-educator-resource-browser-form td {
    border-color: #d8d8d8; }
  .entity-browser-resource-entity-educator-resource-browser-form tr:nth-child(even) td {
    background-color: #ECECEC; }

.resource-browser__footer {
  background: #fff;
  border-radius: 0 0 1px 1px;
  bottom: 0;
  -webkit-box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
          box-shadow: -10px -6px 18px 3px rgba(0, 0, 0, 0.25);
  left: 0;
  padding: 1em 1em 0;
  position: fixed;
  width: 100%; }
  .resource-browser__footer .button, .resource-browser__footer .member-page .private_message_link, .member-page .resource-browser__footer .private_message_link, .resource-browser__footer .sliding-popup-bottom .eu-cookie-compliance-buttons .agree-button, .sliding-popup-bottom .eu-cookie-compliance-buttons .resource-browser__footer .agree-button {
    margin-bottom: 0; }

.view--resource-entity-educator-resource-browser {
  padding-top: 2.5rem; }
  .view--resource-entity-educator-resource-browser .views-exposed-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .view--resource-entity-educator-resource-browser .views-exposed-form > * {
      margin-right: 2rem; }
    .view--resource-entity-educator-resource-browser .views-exposed-form .form-actions {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
  .view--resource-entity-educator-resource-browser .form-item__checkbox {
    height: auto;
    overflow: auto;
    position: relative;
    width: auto; }
/*# sourceMappingURL=styles.css.map */