.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

@media only screen and (max-width: 575px) {
  .breadcrumb {
    padding: 1em calc(((50% /12) * 0) + 15px); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb {
    padding: 1em calc(((50% /12) * 0) + 15px); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .breadcrumb {
    padding: 1em calc(((50% /12) * 0) + 30px); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1024px) and (max-width: 1499px) {
  .breadcrumb {
    padding: 1em calc(((50% /12) * 0) + 30px); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1500px) {
  .breadcrumb {
    padding: 1em calc(50% - (750px - 60px)); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

@media only print {
  .breadcrumb {
    padding: 1em calc(((50% /12) * 0) + 0.25in); }
    .breadcrumb::after {
      clear: both;
      content: "";
      display: block; } }

.breadcrumb li {
  list-style-type: none;
  display: inline-block; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.brand-bar {
  height: 40px;
  max-height: 40px;
  line-height: 40px;
  color: #fff;
  background: #8c1515;
  position: relative;
  order: -100; }
  @media only screen and (max-width: 767px) {
    .brand-bar {
      padding: 0 calc(((50% /12) * 0) + 15px); }
      .brand-bar::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) {
    .brand-bar {
      padding: 0 calc(((50% /12) * 0) + 30px); }
      .brand-bar::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1500px) {
    .brand-bar {
      padding: 0 calc(50% - (750px - 60px)); }
      .brand-bar::after {
        clear: both;
        content: "";
        display: block; } }
  @media only print {
    .brand-bar {
      padding: 0 calc(((50% /12) * 0) + 0.25in); }
      .brand-bar::after {
        clear: both;
        content: "";
        display: block; } }
  .brand-bar .block-block-content {
    float: right;
    text-align: right; }
  .brand-bar a {
    color: #fff; }
    .brand-bar a:first-child {
      display: inline-block;
      width: 123px; }
      @media only screen and (min-width: 576px) {
        .brand-bar a:first-child {
          width: 153px; } }
      .brand-bar a:first-child img {
        display: inline-block;
        vertical-align: middle;
        margin-top: -1px; }
  .brand-bar .brand-bar__login {
    float: right;
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0.0875em; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup {
  position: relative;
  margin: 0 auto;
  width: 120px;
  z-index: 4; }
  @media only screen and (min-width: 860px) {
    .block--lockup {
      display: table;
      margin: 0 0;
      width: auto; } }
  @media only screen and (min-width: 860px) and (max-width: 575px) {
    .block--lockup {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .block--lockup::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 860px) and (min-width: 576px) and (max-width: 767px) {
    .block--lockup {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .block--lockup::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 860px) and (min-width: 768px) and (max-width: 1023px) {
    .block--lockup {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .block--lockup::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 860px) and (min-width: 1024px) and (max-width: 1499px) {
    .block--lockup {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .block--lockup::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 860px) and (min-width: 1500px) {
    .block--lockup {
      padding: 1em calc(50% - (750px - 60px)); }
      .block--lockup::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 860px) {
    #header .block--lockup {
      padding-top: 0;
      transform: translateY(8px); } }
  .block--lockup .block-grid-collapse {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px); }

.block--lockup__site-logo-wrapper .block--lockup__site-logo {
  display: block; }
  .block--lockup__site-logo-wrapper .block--lockup__site-logo img {
    display: block; }
    @media only screen and (min-width: 860px) {
      .block--lockup__site-logo-wrapper .block--lockup__site-logo img {
        width: 110px;
        margin: 0 10px; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.breadcrumbs {
  margin-left: 0;
  color: #9c9d9e;
  font-size: 13px; }
  .breadcrumbs::after {
    clear: both;
    content: "";
    display: block; }
  .breadcrumbs > li {
    float: left;
    list-style: none;
    margin-right: 5px; }
  .breadcrumbs a {
    padding-right: 5px;
    text-decoration: underline; }
  .breadcrumbs span {
    padding-left: 5px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.calendar-block {
  color: #4d4f53;
  padding-bottom: 3em;
  position: relative; }

.calendar-block__action {
  color: inherit;
  display: inline-block; }
  .calendar-block__action:hover, .calendar-block__action:active, .calendar-block__action:focus {
    color: inherit;
    text-decoration: none; }
    .calendar-block__action:hover .calendar-block__day, .calendar-block__action:active .calendar-block__day, .calendar-block__action:focus .calendar-block__day {
      color: #8c1515; }
    .calendar-block__action:hover .calendar-block__title, .calendar-block__action:active .calendar-block__title, .calendar-block__action:focus .calendar-block__title {
      color: #016779; }
    .calendar-block__action:hover .calendar-block__arrow svg use, .calendar-block__action:active .calendar-block__arrow svg use, .calendar-block__action:focus .calendar-block__arrow svg use {
      fill: #9c9d9e; }

.calendar-block__date {
  vertical-align: baseline; }

.calendar-block__day {
  font-size: 3.125em;
  color: #9c9d9e;
  line-height: 1; }

.calendar-block__month {
  font-size: 0.875em;
  color: #017c92;
  text-transform: uppercase;
  letter-spacing: .9px;
  font-weight: bold; }

.calendar-block__title {
  color: #4d4f53;
  line-height: 1.25;
  margin: 0;
  font-size: 1.25em; }

.calendar-block__subtitle,
.calendar-block__time,
.calendar-block__location {
  color: #9c9d9e;
  letter-spacing: .5px; }
  .calendar-block__subtitle .label,
  .calendar-block__time .label,
  .calendar-block__location .label {
    font-weight: bold; }

.calendar-block__arrow {
  position: absolute;
  bottom: 0;
  left: 0; }
  .calendar-block__arrow svg use {
    fill: #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.callout-blocks .callout-block {
  margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    .callout-blocks .callout-block {
      transition: all .3s ease; }
      .callout-blocks .callout-block:hover, .callout-blocks .callout-block:active, .callout-blocks .callout-block:focus {
        margin-top: -1rem; } }

.callout-block {
  padding-left: 2.5em;
  position: relative;
  margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    .callout-block {
      transition: all .3s ease; }
      .callout-block:hover, .callout-block:active, .callout-block:focus {
        margin-top: -1rem; } }
  .callout-block .callout-block__title {
    z-index: 1;
    position: relative; }
    .callout-block .callout-block__title a {
      color: #8c1515; }
      .callout-block .callout-block__title a:hover, .callout-block .callout-block__title a:active, .callout-block .callout-block__title a:focus {
        text-decoration: none; }
  .callout-block .callout-block__intro {
    color: #4d4f53;
    font-size: 0.75em;
    text-transform: uppercase; }
  .callout-block .callout-block__name {
    color: #8c1515;
    font-size: 1.625em;
    margin-bottom: 0; }
  .callout-block .callout-block__subhead {
    color: #017c92;
    font-size: 0.75em;
    margin-left: 16px;
    text-transform: uppercase; }
  .callout-block .callout-block__action {
    padding: 1em 0;
    margin-left: 16px; }
    .callout-block .callout-block__action:hover use, .callout-block .callout-block__action:active use, .callout-block .callout-block__action:focus use {
      fill: #9c9d9e; }
    .callout-block .callout-block__action svg {
      vertical-align: middle; }
    .callout-block .callout-block__action use {
      fill: #8c1515; }
  .callout-block .callout-block__icon {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.callout-cards .callout-card {
  margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    .callout-cards .callout-card {
      transition: all .3s ease; }
      .callout-cards .callout-card:hover, .callout-cards .callout-card:active, .callout-cards .callout-card:focus {
        margin-top: -1rem; } }

.callout-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 2em 1em;
  position: relative;
  text-align: center; }
  .callout-card .callout-card__title {
    position: absolute;
    top: 50%;
    margin-top: auto;
    margin-bottom: auto;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #4d4f53;
    line-height: 1.1;
    z-index: 2; }
    .callout-card .callout-card__title a {
      color: #4d4f53; }
      .callout-card .callout-card__title a:hover, .callout-card .callout-card__title a:active, .callout-card .callout-card__title a:focus {
        text-decoration: none; }
  .callout-card .callout-card__name {
    font-size: 20px; }
  .callout-card .callout-card__action {
    position: absolute;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    padding: 1em 0; }
    .callout-card .callout-card__action:hover use, .callout-card .callout-card__action:active use, .callout-card .callout-card__action:focus use {
      fill: #9c9d9e; }
    .callout-card .callout-card__action svg {
      vertical-align: middle; }
    .callout-card .callout-card__action use {
      fill: #8c1515; }
  .callout-card .callout-card__icon {
    position: absolute;
    top: 50%;
    margin-top: auto;
    margin-bottom: auto;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 35%; }

.stanford-callout-text.text-with-summary {
  font-size: 1.776889em; }

.stanford-callout-text.field-p-callout-title {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin-bottom: 1.5em; }
  .stanford-callout-text.field-p-callout-title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.5em;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #8c1515; }

.simple-columns {
  color: #4d4f53; }

.simple-columns__title {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin-bottom: 1.2em; }
  .simple-columns__title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.75em;
    width: 20px;
    height: 2px;
    background-color: #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.quote-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .quote-card p {
    color: #4d4f53; }

.quote-card__icon {
  color: #8c1414; }
  .quote-card__icon svg {
    height: 19px;
    width: 29px; }

.quote-card__quote p {
  font-weight: 200;
  font-size: 1.625em;
  letter-spacing: 0.5px;
  line-height: 1.3em; }
  @media only screen and (max-width: 767px) {
    .quote-card__quote p:first-of-type {
      margin-bottom: 0; } }

.quote-card__quote .quote-card__source {
  position: relative; }
  .quote-card__quote .quote-card__source::before {
    background-color: #D8D8D8;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 1px; }
  .quote-card__quote .quote-card__source strong {
    color: #8c1414;
    display: block;
    font-style: normal;
    font-size: 0.75em;
    letter-spacing: 0.9px;
    text-transform: uppercase; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.contact-footer {
  background-size: cover;
  background-color: #1C1E23;
  color: #fff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased; }
  @media only screen and (max-width: 767px) {
    .contact-footer {
      padding: 40px calc(((50% /12) * 0) + 15px); }
      .contact-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) {
    .contact-footer {
      padding: 60px calc(((50% /12) * 0) + 30px); }
      .contact-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1024px) {
    .contact-footer {
      padding: 90px calc(50% - (625px - 30px)); }
      .contact-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1500px) {
    .contact-footer {
      padding: 90px calc(50% - (625px - 60px)); }
      .contact-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only print {
    .contact-footer {
      padding: 30px calc(((50% /12) * 0) + 0.25in); }
      .contact-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) {
    .contact-footer {
      text-align: left; } }
  .contact-footer h2 {
    font-size: 0.875em;
    font-weight: 800;
    letter-spacing: 3.5px;
    opacity: .8;
    margin-bottom: 1em;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) {
      .contact-footer h2 {
        font-size: 0.75em;
        letter-spacing: 3px; } }
  .contact-footer a {
    color: #fff; }

.contact-footer__brand {
  width: calc(100% - 30px);
  float: left;
  margin-left: 15px;
  padding: 1em 0 5.9375em;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    .contact-footer__brand {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px;
      margin-left: 0;
      margin-right: 40px;
      padding: 0 0 2rem; } }
  @media only screen and (min-width: 1024px) {
    .contact-footer__brand {
      width: calc(16.6666666667% - 35px);
      float: left;
      margin-left: 30px;
      margin-right: 0; } }
  .contact-footer__brand .block--lockup {
    padding: 0;
    margin-top: -12px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .contact-footer__brand .block--lockup {
        margin: -12px 0 0 0; } }
  @media only screen and (min-width: 768px) {
    .contact-footer__brand .block--lockup__site-name-and-slogan,
    .contact-footer__brand .block--lockup__site-logo-wrapper .block--lockup__site-logo img {
      width: 110px;
      margin: 0; } }

.contact-footer__social {
  width: calc(100% - 30px);
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    .contact-footer__social {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px;
      padding: 0 0 2rem; } }
  @media only screen and (min-width: 1024px) {
    .contact-footer__social {
      width: calc(16.6666666667% - 35px);
      float: left;
      margin-left: 30px; } }
  .contact-footer__social .social-links {
    list-style: none;
    margin: 0;
    padding: 1.5em 0; }
    @media only screen and (min-width: 768px) {
      .contact-footer__social .social-links {
        padding-top: 0.3125em; } }
    .contact-footer__social .social-links li {
      display: inline-block;
      padding: 0 1em;
      margin: 0; }
      @media only screen and (min-width: 768px) {
        .contact-footer__social .social-links li {
          padding-left: 0; } }
    .contact-footer__social .social-links a {
      opacity: .8; }
      .contact-footer__social .social-links a:hover, .contact-footer__social .social-links a:active, .contact-footer__social .social-links a:focus {
        opacity: 1; }
  .contact-footer__social h2 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .contact-footer__social h2 {
        display: block; } }

.contact-footer__links {
  width: calc(100% - 30px);
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    .contact-footer__links {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px;
      padding: 0;
      margin-left: 0;
      margin-right: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .contact-footer__links {
      clear: both; } }
  @media only screen and (min-width: 1024px) {
    .contact-footer__links {
      width: calc(33.3333333333% - 40px);
      float: left;
      margin-left: 30px;
      margin-right: 0; } }
  .contact-footer__links .menu {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 1em 0; }
    @media only screen and (min-width: 768px) {
      .contact-footer__links .menu {
        border: 0;
        padding: 0; } }
    .contact-footer__links .menu > li:first-of-type {
      line-height: 0; }
      .contact-footer__links .menu > li:first-of-type a {
        display: block;
        padding-bottom: 30px; }
    .contact-footer__links .menu li {
      margin: 0;
      list-style: none; }
    .contact-footer__links .menu a {
      display: block;
      font-size: 0.875em;
      font-weight: 800;
      letter-spacing: 3px;
      padding: 1em 0;
      opacity: .8;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .contact-footer__links .menu a {
          font-size: 0.75em;
          padding: 1em 0; } }
      .contact-footer__links .menu a:hover, .contact-footer__links .menu a:active, .contact-footer__links .menu a:focus {
        opacity: 1;
        text-decoration: none; }
  .contact-footer__links h2 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .contact-footer__links h2 {
        display: block; } }

.contact-footer__subscribe {
  width: calc(100% - 30px);
  float: left;
  margin-left: 15px;
  padding-top: 4em;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    .contact-footer__subscribe {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px;
      padding-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .contact-footer__subscribe {
      width: calc(33.3333333333% - 40px);
      float: left;
      margin-left: 30px; } }
  .contact-footer__subscribe p {
    display: none;
    font-size: 0.75em;
    font-weight: 800;
    letter-spacing: 1px;
    opacity: .5; }
    @media only screen and (min-width: 768px) {
      .contact-footer__subscribe p {
        display: block; } }
  .contact-footer__subscribe .email-input {
    border-radius: 0;
    padding: 1em 1em;
    color: #222328; }
  .contact-footer__subscribe .button__hollow {
    font-weight: 400;
    letter-spacing: 1.4px; }
    .contact-footer__subscribe .button__hollow:hover, .contact-footer__subscribe .button__hollow:active, .contact-footer__subscribe .button__hollow:focus {
      color: #222328; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.collapsible-menu {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
  .collapsible-menu .nav-item {
    color: #222328;
    padding: 16px;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase; }
    .collapsible-menu .nav-item:hover, .collapsible-menu .nav-item:active, .collapsible-menu .nav-item:focus {
      color: #017c92;
      text-decoration: none; }

.collapsible-menu__toggle {
  color: #222328;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px; }
  .collapsible-menu__toggle:hover, .collapsible-menu__toggle:active, .collapsible-menu__toggle:focus {
    color: #4d4f53;
    text-decoration: none; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.drop-cap-title {
  position: relative;
  display: inline-block; }

.drop-cap-title__name {
  position: relative;
  z-index: 2; }
  .drop-cap-title__name > div {
    position: relative;
    z-index: 2; }

.drop-cap-title__drop-cap {
  position: absolute;
  top: 0;
  left: -.225em;
  font-size: 80px;
  color: #eeeeee;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .drop-cap-title__drop-cap.drop-cap--is-centered {
    position: absolute;
    top: 50%;
    margin-top: auto;
    margin-bottom: auto;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.drop-cap-leader {
  font-size: 20px;
  padding-top: 20px; }
  .drop-cap-leader > :last-child {
    margin-bottom: 0; }
  .drop-cap-leader > p:first-of-type::first-line {
    position: relative;
    font-size: 1em;
    letter-spacing: normal; }
  .drop-cap-leader > p:first-child::first-letter {
    letter-spacing: 0;
    font-size: 3em;
    font-weight: bold;
    float: left;
    margin: 0.13em 0.2em 0 0;
    line-height: 0.7; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.earth-matters-footer {
  background-size: cover;
  background-position: center;
  padding: 90px calc(50% - (625px - 30px)); }
  .earth-matters-footer__menu-item {
    display: block;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0.8;
    margin-bottom: 2rem;
    transition: all .2s;
    line-height: 2.4rem;
    border-bottom: none; }
    .earth-matters-footer__menu-item:hover, .earth-matters-footer__menu-item:active, .earth-matters-footer__menu-item:focus {
      opacity: 1;
      text-decoration: none; }
    .earth-matters-footer__menu-item:hover, .earth-matters-footer__menu-item:focus {
      color: white; }
  @media only screen and (max-width: 768px) {
    .earth-matters-footer__logo-container {
      text-align: center; } }
  .earth-matters-footer__logo {
    display: inline-block;
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
    font-size: 4.6rem;
    color: #F9F6EF;
    line-height: 5.5rem;
    margin-left: 2rem;
    opacity: 0.8; }
    @media only screen and (max-width: 768px) {
      .earth-matters-footer__logo {
        margin: 0; } }
  .earth-matters-footer__links-container {
    padding: 0 7rem 0 7rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 12rem;
    justify-items: center;
    margin-top: 5rem; }
    @media only screen and (max-width: 1130px) {
      .earth-matters-footer__links-container {
        row-gap: 5rem; } }
    @media only screen and (max-width: 768px) {
      .earth-matters-footer__links-container {
        text-align: center; } }
  .earth-matters-footer__links {
    margin: 0;
    font-weight: 700; }
    .earth-matters-footer__links li {
      list-style: none; }
  .earth-matters-footer__address {
    text-align: center;
    color: #F9F6EF;
    margin-top: 6rem;
    font-size: 2rem; }
  .earth-matters-footer__list-heading {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    opacity: 0.8; }
  .earth-matters-footer__social-twitter {
    margin: -1rem 0.75rem -1rem -4.25rem; }
  .earth-matters-footer__subscribe .button__hollow {
    font-weight: 400;
    letter-spacing: 1.4px;
    color: #FEC51D;
    margin-top: 2rem; }
    .earth-matters-footer__subscribe .button__hollow:hover, .earth-matters-footer__subscribe .button__hollow:active, .earth-matters-footer__subscribe .button__hollow:focus {
      color: #222328; }
  .earth-matters-footer hr {
    color: #F9F6EF;
    margin: 1rem 0 1rem 0; }
    @media only screen and (max-width: 1130px) {
      .earth-matters-footer hr {
        margin: 1rem 2rem 0 2rem; } }
    @media only screen and (max-width: 768px) {
      .earth-matters-footer hr {
        margin: 1rem 9rem 0 9rem; } }
  .earth-matters-footer .field-p-wysiwyg p a, .earth-matters-footer li:not(.menu-item) a, .earth-matters-footer .field-p-wysiwyg a {
    text-decoration: none;
    font-weight: inherit;
    border-bottom: none;
    transition: none; }
  .earth-matters-footer .menu {
    margin-left: 0;
    margin-top: 1rem; }
    .earth-matters-footer .menu li {
      margin: 0;
      list-style: none; }
    .earth-matters-footer .menu a {
      display: block;
      font-size: 2rem;
      font-weight: 700;
      padding: 1em 0;
      padding: 1rem 0;
      opacity: .8;
      text-transform: lowercase;
      color: white; }
      .earth-matters-footer .menu a:hover, .earth-matters-footer .menu a:active, .earth-matters-footer .menu a:focus {
        opacity: 1;
        text-decoration: none; }

.editorial-sidebar .simple-block {
  background-color: #F9F6EF;
  padding: 30px; }
  .editorial-sidebar .simple-block::after {
    clear: both;
    content: "";
    display: block; }
  @media only screen and (min-width: 576px) {
    .editorial-sidebar .simple-block {
      padding-left: 0; } }

.editorial-sidebar .simple-block__image {
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .editorial-sidebar .simple-block__image {
      margin-bottom: 0; } }

.editorial-sidebar .simple-block__title {
  font-size: 32px; }

.editorial-sidebar .simple-block__image-caption {
  color: #4d4f53; }

.editorial-sidebar .simple-block__description {
  font-size: 20px;
  color: #4d4f53; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.expandable-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1.875em;
  text-align: center;
  color: #4d4f53;
  position: relative; }

.expandable-card__title {
  font-size: 1.625em;
  letter-spacing: .3px;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.expandable-card__toggle:hover, .expandable-card__toggle:active, .expandable-card__toggle:focus {
  cursor: pointer; }
  .expandable-card__toggle:hover svg use, .expandable-card__toggle:active svg use, .expandable-card__toggle:focus svg use {
    fill: #9c9d9e; }

.expandable-card__toggle svg use {
  fill: #8c1515; }

.expandable-card__toggle.expandable-card__open {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99; }
  .expandable-card__toggle.expandable-card__open span {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 10px); }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.expandable-container {
  border-bottom: 1px solid #9c9d9e;
  width: 100%;
  text-align: center; }

.expandable-container__toggle {
  margin: 0 auto;
  display: inline-block;
  bottom: -10px;
  position: relative; }
  .expandable-container__toggle:hover, .expandable-container__toggle:active, .expandable-container__toggle:focus {
    cursor: pointer; }

.expandable-container__open {
  background-color: #fff;
  display: block;
  padding: 0 1em;
  margin: 0 auto; }
  .expandable-container__open svg {
    display: inline-block;
    vertical-align: middle; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.film-card {
  margin-top: 0; }

.film-card__title {
  text-transform: uppercase; }

.film-card__arrow svg use {
  fill: #fff; }

.film-card__subtitle {
  margin-bottom: 0; }

.film-card__link {
  color: #fff; }

.film-card__description {
  color: #4d4f53;
  letter-spacing: .5px;
  padding-top: 5px;
  margin-bottom: 0; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.filmstrip__header ul {
  margin-left: 15%; }
  .filmstrip__header ul li {
    text-align: left; }

.filmstrip .filmstrip__title {
  position: relative;
  color: #4d4f53; }
  .filmstrip .filmstrip__title::before {
    content: '';
    display: block;
    position: absolute;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background-color: #f9b002; }
    @media only screen and (min-width: 768px) {
      .filmstrip .filmstrip__title::before {
        left: 0;
        transform: none; } }

.filmstrip .filmstrip__cards {
  margin: 0 auto; }

@media only screen and (min-width: 1024px) {
  .filmstrip .film-card__link {
    transition: all .3s ease; }
    .filmstrip .film-card__link:hover, .filmstrip .film-card__link:active, .filmstrip .film-card__link:focus {
      margin-top: -1em;
      margin-bottom: 1em; } }

.filmstrip h6 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

html .getsocial {
  margin-top: -15px; }
  html .getsocial .gs-buttons.gs-left {
    text-align: center !important; }
    @media only screen and (min-width: 1024px) and (max-width: 1499px) {
      html .getsocial .gs-buttons.gs-left {
        text-align: left !important; } }

.section-spotlights .getsocial {
  margin-top: 0; }

.section-spotlights .content-type-date__actions.social-actions {
  margin-bottom: 15px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

#footer__global-footer {
  background-color: #8c1515;
  box-shadow: inset 0 4px 8px -2px rgba(0, 0, 0, 0.2);
  color: #e3dfd5;
  min-height: 7.375em;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #footer__global-footer {
      padding: 30px calc(((50% /12) * 0) + 15px); }
      #footer__global-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) {
    #footer__global-footer {
      padding: 30px calc(((50% /12) * 0) + 30px); }
      #footer__global-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1024px) {
    #footer__global-footer {
      padding: 30px calc(50% - (625px - 30px)); }
      #footer__global-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1500px) {
    #footer__global-footer {
      padding: 30px calc(50% - (625px - 60px)); }
      #footer__global-footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only print {
    #footer__global-footer {
      padding: 30px calc(((50% /12) * 0) + 0.25in); }
      #footer__global-footer::after {
        clear: both;
        content: "";
        display: block; } }
  #footer__global-footer a {
    color: #e3dfd5; }
    #footer__global-footer a:hover, #footer__global-footer a:active, #footer__global-footer a:focus {
      color: #fff; }
  #footer__global-footer .global-footer__inner {
    position: relative; }
  #footer__global-footer #global-footer__brand {
    text-align: center;
    margin-bottom: 2rem; }
    @media only screen and (min-width: 576px) {
      #footer__global-footer #global-footer__brand {
        float: left;
        width: 49%;
        margin: 1.875em 2% 0 0; } }
    @media only screen and (min-width: 768px) {
      #footer__global-footer #global-footer__brand {
        position: absolute;
        margin-top: 0;
        width: 6.5em; } }
    @media only screen and (min-width: 1024px) {
      #footer__global-footer #global-footer__brand {
        margin-left: 40px; } }
  #footer__global-footer #global-footer__nav {
    color: #fff;
    font-weight: normal;
    margin: 0; }
    @media only screen and (min-width: 576px) {
      #footer__global-footer #global-footer__nav {
        float: left;
        width: 49%; } }
    @media only screen and (min-width: 768px) {
      #footer__global-footer #global-footer__nav {
        width: 100%;
        padding-top: 0.3125em; } }
    #footer__global-footer #global-footer__nav #nav__global-links,
    #footer__global-footer #global-footer__nav #nav__policy-links {
      font-size: 1.1875em;
      overflow: hidden; }
      #footer__global-footer #global-footer__nav #nav__global-links a,
      #footer__global-footer #global-footer__nav #nav__policy-links a {
        display: block;
        float: none;
        text-align: center; }
        @media only screen and (min-width: 576px) {
          #footer__global-footer #global-footer__nav #nav__global-links a,
          #footer__global-footer #global-footer__nav #nav__policy-links a {
            text-align: left;
            margin-right: 1.0625em; } }
        @media only screen and (min-width: 768px) {
          #footer__global-footer #global-footer__nav #nav__global-links a,
          #footer__global-footer #global-footer__nav #nav__policy-links a {
            float: left; } }
    #footer__global-footer #global-footer__nav #nav__global-links {
      margin-bottom: 0.125em; }
      @media only screen and (min-width: 768px) {
        #footer__global-footer #global-footer__nav #nav__global-links {
          overflow: hidden; } }
    @media only screen and (min-width: 768px) {
      #footer__global-footer #global-footer__nav #nav__policy-links {
        margin-bottom: 0.275em; } }
  #footer__global-footer #global-footer__info {
    font-weight: normal;
    overflow: hidden;
    padding-top: 25px;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      #footer__global-footer #global-footer__info {
        float: left;
        text-align: left;
        padding-top: 0; } }
    #footer__global-footer #global-footer__info .vcard {
      font-size: 1em;
      font-weight: normal;
      margin-bottom: 7px; }
      #footer__global-footer #global-footer__info .vcard .adr {
        margin-left: 0.3750937734em;
        margin-right: 0.7501875469em; }
      #footer__global-footer #global-footer__info .vcard .copyright-links {
        display: block; }
        @media only screen and (min-width: 768px) {
          #footer__global-footer #global-footer__info .vcard .copyright-links {
            display: inline; } }
        #footer__global-footer #global-footer__info .vcard .copyright-links a {
          margin-right: 0.7501875469em; }
  @media only screen and (min-width: 768px) {
    #footer__global-footer #global-footer__nav,
    #footer__global-footer #global-footer__info {
      padding-left: 7.8125em; } }
  @media only screen and (min-width: 1024px) {
    #footer__global-footer #global-footer__nav,
    #footer__global-footer #global-footer__info {
      padding-left: 10.3125em; } }
  @media only screen and (min-width: 1500px) {
    #footer__global-footer #global-footer__nav,
    #footer__global-footer #global-footer__info {
      padding-left: 13.75em; } }

@media only screen and (min-width: 768px) {
  .contact-footer .block--lockup__site-slogan {
    margin: 0 0 0 2px; } }

@media only screen and (min-width: 860px) {
  .contact-footer .block--lockup__site-slogan {
    margin: 0 0 0 2px; } }

@media only screen and (min-width: 1024px) {
  .contact-footer .block--lockup__site-slogan {
    margin: 0 0 0 2px; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

#header {
  background: #017c92 url("/themes/custom/matson/img/optimized/header-bg.jpg") no-repeat center 20%;
  background-size: 100%;
  position: relative; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.header-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.hero-banner__container {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 80px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 1500px) {
    .hero-banner__container {
      margin-top: 81px;
      margin-left: 40px;
      margin-right: 40px;
      margin-bottom: 40px; } }

@media only screen and (min-width: 768px) {
  .hero-banner:not(.has-video) .hero-banner__header {
    top: 68%; } }

.hero-banner__header {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  -ms-animation: fadein 2s;
  -o-animation: fadein 2s;
  animation: fadein 2s;
  letter-spacing: .5px; }
  @media only screen and (min-width: 768px) {
    .hero-banner__header.is-right .hero-banner__title {
      position: relative;
      padding-right: 40px; }
      .hero-banner__header.is-right .hero-banner__title::after {
        background-color: #fff;
        content: "";
        position: absolute;
        right: 0;
        bottom: .5em;
        height: 2px;
        width: 30px; } }
  .hero-banner__header p {
    line-height: 2; }
  .hero-banner__header .cite {
    font-size: 0.625em;
    opacity: 0.8; }

.hero-banner__footer {
  text-align: center;
  margin-top: 0; }
  @media only screen and (max-width: 575px) {
    .hero-banner__footer {
      padding: 1em calc(((50% /12) * 0) + 15px); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-banner__footer {
      padding: 1em calc(((50% /12) * 0) + 15px); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .hero-banner__footer {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1024px) and (max-width: 1499px) {
    .hero-banner__footer {
      padding: 1em calc(((50% /12) * 0) + 30px); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 1500px) {
    .hero-banner__footer {
      padding: 1em calc(50% - (750px - 60px)); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only print {
    .hero-banner__footer {
      padding: 1em calc(((50% /12) * 0) + 0.25in); }
      .hero-banner__footer::after {
        clear: both;
        content: "";
        display: block; } }
  @media only screen and (min-width: 768px) {
    .hero-banner__footer {
      text-align: left; } }

.hero-banner.component-centered-container-margins.has-video .hero-banner__container {
  border: 0; }

@media only screen and (min-width: 768px) {
  .hero-banner.component-centered-container-margins.has-video .video {
    padding-right: 110px;
    padding-left: 110px; } }

@media only screen and (min-width: 576px) {
  .hero-banner.component-centered-container-margins.has-video .video {
    padding: 0 80px; } }

.hero-banner.component-centered-container-margins.has-video .hero-banner__inner .hero-banner__container {
  margin: 0 80px; }

@media only screen and (max-width: 767px) {
  .hero-banner.has-video .hero-banner__inner,
  .hero-banner.has-video .hero-banner__container,
  .hero-banner.has-video .hero-banner__header,
  .hero-banner.has-video .hero-banner__hgroup {
    position: relative;
    width: 100%;
    text-align: left;
    color: #4d4f53;
    text-shadow: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    clear: both;
    float: none;
    top: 0;
    bottom: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0; } }

@media only screen and (max-width: 767px) {
  .hero-banner.has-video .hero-banner__hgroup {
    width: 80%;
    left: 10%;
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .system-main-block > div > .hero-banner.has-video {
    display: flex;
    flex-flow: row wrap; }
    .system-main-block > div > .hero-banner.has-video .video {
      order: 2;
      width: 100%; }
    .system-main-block > div > .hero-banner.has-video .hero-banner__inner {
      order: 1;
      width: 100%; }
      .system-main-block > div > .hero-banner.has-video .hero-banner__inner .hero-banner__container {
        margin: 0; } }

@media only screen and (max-width: 767px) {
  .system-main-block:first-child > div:first-child > .hero-banner.has-video:first-child {
    display: flex;
    flex-flow: row wrap; }
    .system-main-block:first-child > div:first-child > .hero-banner.has-video:first-child .video {
      order: 1;
      width: 100%; }
    .system-main-block:first-child > div:first-child > .hero-banner.has-video:first-child .hero-banner__inner {
      order: 2;
      width: 100%; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.highlight-banner__container .highlight-cards .highlight-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 30px 30px 20px; }
  .highlight-banner__container .highlight-cards .highlight-card p {
    color: #4d4f53;
    letter-spacing: 0.5px;
    line-height: 2em;
    margin-bottom: 0.5em; }

.highlight-card__action {
  color: #4d4f53; }
  .highlight-card__action:hover, .highlight-card__action:active, .highlight-card__action:focus {
    color: inherit;
    text-decoration: none; }
    .highlight-card__action:hover .highlight-card__title, .highlight-card__action:active .highlight-card__title, .highlight-card__action:focus .highlight-card__title {
      color: #016779; }
    .highlight-card__action:hover .highlight-card__arrow svg use, .highlight-card__action:active .highlight-card__arrow svg use, .highlight-card__action:focus .highlight-card__arrow svg use {
      fill: #9c9d9e; }

.highlight-card__intro {
  color: #8c1515;
  display: block;
  font-size: 0.75em;
  letter-spacing: 0.9px;
  margin-bottom: 1em;
  text-transform: uppercase; }

.highlight-card__title {
  font-size: 1.625em;
  letter-spacing: 0.3px;
  color: #4d4f53; }

.highlight-card__arrow {
  height: 25px; }
  .highlight-card__arrow svg use {
    fill: #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.icon-item {
  color: #222328; }
  .icon-item:hover, .icon-item:active, .icon-item:focus {
    text-decoration: none;
    color: #017c92; }

.icon-item__name {
  font-size: 16px;
  text-align: left; }

.icon-item__image {
  border-right: 1px solid #017c92; }

.icon-item__arrow svg {
  vertical-align: middle;
  display: inline;
  height: 15px;
  width: 15px;
  margin-left: 5px; }
  .icon-item__arrow svg use {
    fill: #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.paragraph--type--inline-image .field-inline-image {
  margin-bottom: 20px; }

.paragraph--type--inline-image .field-caption {
  color: #4d4f53; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.link-banner {
  position: relative;
  background-size: cover;
  background-color: #222328;
  color: #fff; }
  .link-banner::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.35);
    content: "";
    display: block;
    z-index: 1; }
  .link-banner img {
    display: block; }
  .link-banner .link-item {
    transition: all .3s ease; }
    .link-banner .link-item:hover, .link-banner .link-item:active, .link-banner .link-item:focus {
      color: inherit;
      text-decoration: none;
      margin-top: -1em;
      margin-bottom: 1em; }

.link-banner__header {
  padding-top: 2.25em;
  position: relative;
  text-align: center;
  z-index: 2; }
  .link-banner__header p {
    letter-spacing: .5px;
    line-height: 1.375em;
    max-width: 400px;
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      .link-banner__header p {
        margin: 0; } }
  .link-banner__header a {
    color: #fff;
    opacity: .8; }
    .link-banner__header a:hover {
      opacity: 1; }
  .link-banner__header ul li {
    color: #fff; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.link-items {
  position: relative;
  z-index: 2;
  padding-top: 1em;
  padding-bottom: 1em; }

.link-item {
  color: inherit; }
  .link-item:hover, .link-item:active, .link-item:focus {
    color: inherit;
    text-decoration: none; }

.link-item__title {
  font-size: 1.4375em;
  line-height: 1.25;
  margin-bottom: 0; }

.link-item__subtitle {
  color: #f9b002;
  display: block;
  font-size: 12px;
  letter-spacing: .86px;
  text-transform: uppercase; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.masonry-block, .stamp {
  background-color: #fff; }
  .masonry-block.is-action, .is-action.stamp, .masonry-block.is-inverted, .is-inverted.stamp, .masonry-block.has-background, .has-background.stamp {
    background-color: #8c1515;
    color: #fff; }
    .masonry-block.is-action .masonry-block__description, .is-action.stamp .masonry-block__description,
    .masonry-block.is-action .masonry-block__link, .is-action.stamp .masonry-block__link,
    .masonry-block.is-action .masonry-block__footer, .is-action.stamp .masonry-block__footer, .masonry-block.is-inverted .masonry-block__description, .is-inverted.stamp .masonry-block__description,
    .masonry-block.is-inverted .masonry-block__link, .is-inverted.stamp .masonry-block__link,
    .masonry-block.is-inverted .masonry-block__footer, .is-inverted.stamp .masonry-block__footer, .masonry-block.has-background .masonry-block__description, .has-background.stamp .masonry-block__description,
    .masonry-block.has-background .masonry-block__link, .has-background.stamp .masonry-block__link,
    .masonry-block.has-background .masonry-block__footer, .has-background.stamp .masonry-block__footer {
      position: relative;
      color: #fff; }
    .masonry-block.is-action .masonry-block__footer, .is-action.stamp .masonry-block__footer, .masonry-block.is-inverted .masonry-block__footer, .is-inverted.stamp .masonry-block__footer, .masonry-block.has-background .masonry-block__footer, .has-background.stamp .masonry-block__footer {
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      margin: 0 15px; }
    .masonry-block.is-action .masonry-block__arrow:hover svg use, .is-action.stamp .masonry-block__arrow:hover svg use, .masonry-block.is-action .masonry-block__arrow:active svg use, .is-action.stamp .masonry-block__arrow:active svg use, .masonry-block.is-action .masonry-block__arrow:focus svg use, .is-action.stamp .masonry-block__arrow:focus svg use,
    .masonry-block.is-action .masonry-block__social-link:hover svg use, .is-action.stamp .masonry-block__social-link:hover svg use,
    .masonry-block.is-action .masonry-block__social-link:active svg use, .is-action.stamp .masonry-block__social-link:active svg use,
    .masonry-block.is-action .masonry-block__social-link:focus svg use, .is-action.stamp .masonry-block__social-link:focus svg use, .masonry-block.is-inverted .masonry-block__arrow:hover svg use, .is-inverted.stamp .masonry-block__arrow:hover svg use, .masonry-block.is-inverted .masonry-block__arrow:active svg use, .is-inverted.stamp .masonry-block__arrow:active svg use, .masonry-block.is-inverted .masonry-block__arrow:focus svg use, .is-inverted.stamp .masonry-block__arrow:focus svg use,
    .masonry-block.is-inverted .masonry-block__social-link:hover svg use, .is-inverted.stamp .masonry-block__social-link:hover svg use,
    .masonry-block.is-inverted .masonry-block__social-link:active svg use, .is-inverted.stamp .masonry-block__social-link:active svg use,
    .masonry-block.is-inverted .masonry-block__social-link:focus svg use, .is-inverted.stamp .masonry-block__social-link:focus svg use, .masonry-block.has-background .masonry-block__arrow:hover svg use, .has-background.stamp .masonry-block__arrow:hover svg use, .masonry-block.has-background .masonry-block__arrow:active svg use, .has-background.stamp .masonry-block__arrow:active svg use, .masonry-block.has-background .masonry-block__arrow:focus svg use, .has-background.stamp .masonry-block__arrow:focus svg use,
    .masonry-block.has-background .masonry-block__social-link:hover svg use, .has-background.stamp .masonry-block__social-link:hover svg use,
    .masonry-block.has-background .masonry-block__social-link:active svg use, .has-background.stamp .masonry-block__social-link:active svg use,
    .masonry-block.has-background .masonry-block__social-link:focus svg use, .has-background.stamp .masonry-block__social-link:focus svg use {
      fill: rgba(255, 255, 255, 0.5); }
    .masonry-block.is-action .masonry-block__arrow svg use, .is-action.stamp .masonry-block__arrow svg use,
    .masonry-block.is-action .masonry-block__social-link svg use, .is-action.stamp .masonry-block__social-link svg use, .masonry-block.is-inverted .masonry-block__arrow svg use, .is-inverted.stamp .masonry-block__arrow svg use,
    .masonry-block.is-inverted .masonry-block__social-link svg use, .is-inverted.stamp .masonry-block__social-link svg use, .masonry-block.has-background .masonry-block__arrow svg use, .has-background.stamp .masonry-block__arrow svg use,
    .masonry-block.has-background .masonry-block__social-link svg use, .has-background.stamp .masonry-block__social-link svg use {
      fill: #fff; }
    .masonry-block.is-action .masonry-block__date, .is-action.stamp .masonry-block__date, .masonry-block.is-inverted .masonry-block__date, .is-inverted.stamp .masonry-block__date, .masonry-block.has-background .masonry-block__date, .has-background.stamp .masonry-block__date {
      border-right: 1px solid #fff; }
    .masonry-block.is-action .masonry-block__social-links, .is-action.stamp .masonry-block__social-links, .masonry-block.is-inverted .masonry-block__social-links, .is-inverted.stamp .masonry-block__social-links, .masonry-block.has-background .masonry-block__social-links, .has-background.stamp .masonry-block__social-links {
      border-right: 1px solid #fff; }
  .masonry-block.is-wide .tag-item, .is-wide.stamp .tag-item, .masonry-block.has-image .tag-item, .has-image.stamp .tag-item, .masonry-block.is-action .tag-item, .is-action.stamp .tag-item, .masonry-block.is-inverted .tag-item, .is-inverted.stamp .tag-item, .masonry-block.has-background .tag-item, .has-background.stamp .tag-item {
    border-color: #fff;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .masonry-block.is-wide .tag-item:hover, .is-wide.stamp .tag-item:hover, .masonry-block.is-wide .tag-item:active, .is-wide.stamp .tag-item:active, .masonry-block.is-wide .tag-item:focus, .is-wide.stamp .tag-item:focus, .masonry-block.has-image .tag-item:hover, .has-image.stamp .tag-item:hover, .masonry-block.has-image .tag-item:active, .has-image.stamp .tag-item:active, .masonry-block.has-image .tag-item:focus, .has-image.stamp .tag-item:focus, .masonry-block.is-action .tag-item:hover, .is-action.stamp .tag-item:hover, .masonry-block.is-action .tag-item:active, .is-action.stamp .tag-item:active, .masonry-block.is-action .tag-item:focus, .is-action.stamp .tag-item:focus, .masonry-block.is-inverted .tag-item:hover, .is-inverted.stamp .tag-item:hover, .masonry-block.is-inverted .tag-item:active, .is-inverted.stamp .tag-item:active, .masonry-block.is-inverted .tag-item:focus, .is-inverted.stamp .tag-item:focus, .masonry-block.has-background .tag-item:hover, .has-background.stamp .tag-item:hover, .masonry-block.has-background .tag-item:active, .has-background.stamp .tag-item:active, .masonry-block.has-background .tag-item:focus, .has-background.stamp .tag-item:focus {
      background-color: #fff;
      color: #4d4f53; }
  .masonry-block.has-columns .masonry-block__description, .has-columns.stamp .masonry-block__description, .masonry-block.is-full-width .masonry-block__description, .is-full-width.stamp .masonry-block__description {
    color: #FFF; }
    @media only screen and (min-width: 576px) {
      .masonry-block.has-columns .masonry-block__description, .has-columns.stamp .masonry-block__description, .masonry-block.is-full-width .masonry-block__description, .is-full-width.stamp .masonry-block__description {
        color: #4d4f53; } }
  .masonry-block.has-columns .tag-item, .has-columns.stamp .tag-item, .masonry-block.is-full-width .tag-item, .is-full-width.stamp .tag-item {
    border-color: #fff;
    color: #fff; }
    @media only screen and (min-width: 768px) {
      .masonry-block.has-columns .tag-item, .has-columns.stamp .tag-item, .masonry-block.is-full-width .tag-item, .is-full-width.stamp .tag-item {
        border-color: #017c92;
        color: #017c92; } }
    .masonry-block.has-columns .tag-item:hover, .has-columns.stamp .tag-item:hover, .masonry-block.has-columns .tag-item:active, .has-columns.stamp .tag-item:active, .masonry-block.has-columns .tag-item:focus, .has-columns.stamp .tag-item:focus, .masonry-block.is-full-width .tag-item:hover, .is-full-width.stamp .tag-item:hover, .masonry-block.is-full-width .tag-item:active, .is-full-width.stamp .tag-item:active, .masonry-block.is-full-width .tag-item:focus, .is-full-width.stamp .tag-item:focus {
      background-color: #017c92;
      color: #fff; }
  .masonry-block.is-action, .is-action.stamp {
    background-color: #017c92;
    padding-top: 15px;
    padding-bottom: 15px; }
    .masonry-block.is-action .masonry-block__title, .is-action.stamp .masonry-block__title {
      margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .masonry-block.is-wide .masonry-block__title, .is-wide.stamp .masonry-block__title {
      font-size: 30px; } }
  .masonry-block.is-full-width .masonry-block__title, .is-full-width.stamp .masonry-block__title {
    padding-top: 13px; }
    @media only screen and (min-width: 768px) {
      .masonry-block.is-full-width .masonry-block__title, .is-full-width.stamp .masonry-block__title {
        font-size: 32px; } }

.stamp.stamp-3 {
  background: #017c92; }

.stamp a {
  text-align: center;
  width: 100%;
  color: #fff; }
  .stamp a:hover {
    color: #f9b002; }

.stamp .button {
  margin-bottom: 10px;
  font-size: 1.6em;
  border-color: #fff;
  width: 100%;
  text-align: center; }
  .stamp .button:hover {
    background-color: #f9b002;
    color: #fff; }

.stamp .about {
  width: 100%;
  text-align: center;
  font-size: .8em; }

.stamp .masonry-block__description {
  font-size: .8em; }

@media only screen and (min-width: 768px) {
  .js .stamp {
    position: absolute; }
    .js .stamp.stamp-1 {
      left: 0;
      top: 0; }
    .js .stamp.stamp-2 {
      left: 25%;
      top: 0;
      width: calc(50% - 45px); }
    .js .stamp.stamp-3 {
      right: 30px;
      top: 0;
      background: #017c92; } }

.masonry-block__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.masonry-block__link {
  color: #4d4f53; }
  .masonry-block__link:hover, .masonry-block__link:active, .masonry-block__link:focus {
    color: inherit;
    text-decoration: none; }

.masonry-block__description {
  letter-spacing: .5px;
  margin-bottom: 4px;
  line-height: 2em; }

.masonry-block__footer {
  border-top: 1px solid #D8D8D8;
  color: #4d4f53;
  margin: 0 11px;
  padding: 15px 0; }
  .masonry-block__footer i-svg {
    width: 1em; }

.masonry-block__social-link:hover svg use, .masonry-block__social-link:active svg use, .masonry-block__social-link:focus svg use {
  fill: #D8D8D8; }

.masonry-block__social-link svg use {
  fill: #4d4f53; }

.masonry-block__date {
  border-right: 1px solid #9c9d9e; }

.masonry-block__social-links {
  border-right: 1px solid #9c9d9e; }

.masonry-block__arrow svg use {
  fill: #8c1515; }

.masonry-block__button {
  width: 100%; }

.section-masonry-blocks {
  background-color: #dad7cb; }
  .section-masonry-blocks.stamp a {
    color: #fff; }
    .section-masonry-blocks.stamp a.button {
      border: 1px solid #fff;
      width: 100%; }

#toast-container > div.toast.toast-success,
#toast-container > div.toast.toast-warning,
#toast-container > div.toast.toast-error {
  display: block;
  opacity: 1;
  font-size: 14px; }

#toast-container {
  padding-top: 165px; }
  #toast-container .toast-success {
    background-color: rgba(141, 190, 81, 0.9); }
  #toast-container .toast-warning {
    background-color: rgba(221, 196, 79, 0.9); }
  #toast-container .toast-error {
    background-color: rgba(205, 69, 51, 0.9); }

#highlighted {
  order: -60; }
  #highlighted .messages a {
    color: #fff;
    font-weight: bold; }
  #highlighted .messages--status {
    color: #fff;
    padding: 10px;
    font-size: 14px;
    background: #8dbe51; }
  #highlighted .messages--warning {
    color: #fff;
    padding: 10px;
    font-size: 14px;
    background: #ddc44f; }
  #highlighted .messages--error {
    color: #fff;
    padding: 10px;
    font-size: 14px;
    background: #cd4533; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.navbar {
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 3; }
  @media only screen and (min-width: 860px) {
    .navbar {
      top: 0;
      background-color: transparent; } }

@media only screen and (max-width: 575px) {
  .navbar__container {
    padding: 0 calc(((50% /12) * 0) + 15px); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .navbar__container {
    padding: 0 calc(((50% /12) * 0) + 15px); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navbar__container {
    padding: 0 calc(((50% /12) * 0) + 30px); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1024px) and (max-width: 1499px) {
  .navbar__container {
    padding: 0 calc(((50% /12) * 0) + 30px); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1500px) {
  .navbar__container {
    padding: 0 calc(50% - (750px - 60px)); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only print {
  .navbar__container {
    padding: 0 calc(((50% /12) * 0) + 0.25in); }
    .navbar__container::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 860px) {
  .navbar__inner {
    position: relative; } }

.navbar__group {
  display: none;
  padding-bottom: 5em;
  padding-top: 6.875em; }
  @media only screen and (min-width: 860px) {
    .navbar__group {
      display: block;
      float: right;
      padding-bottom: 0;
      padding-top: 0;
      margin-right: 5em; } }

.navbar__button {
  position: absolute;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  height: 5em;
  width: 5em;
  right: 0;
  z-index: 4; }
  .navbar__button:hover, .navbar__button:active, .navbar__button:focus {
    background: transparent; }
  @media only screen and (min-width: 860px) {
    .navbar__button {
      display: none; } }
  .navbar__button .i-svg {
    height: 1.375em;
    width: 1.375em;
    margin-bottom: -2px; }
    .navbar__button .i-svg use {
      fill: #fff; }
  .navbar__button .i-svg--close {
    display: none; }

.navbar__search {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 40px;
  min-width: 5em;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5; }
  @media only screen and (min-width: 860px) {
    .navbar__search {
      background: transparent;
      bottom: auto;
      left: auto;
      top: 0;
      right: 20px;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 1023px) {
    .navbar__search {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(100%);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; } }
  .navbar__search label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.navigation__main-menu {
  margin-bottom: 0; }
  .navigation__main-menu .menu::after {
    clear: both;
    content: "";
    display: block; }
  .navigation__main-menu ul {
    width: 200px;
    margin: 0 auto;
    padding: 40px 0; }
    @media only screen and (min-width: 860px) {
      .navigation__main-menu ul {
        width: auto;
        margin-left: 0;
        margin-bottom: 0;
        padding: 0; } }
    .navigation__main-menu ul li:first-child > a {
      border-top: 0; }
  .navigation__main-menu li {
    display: block;
    margin-bottom: 0;
    position: relative; }
    @media only screen and (min-width: 860px) {
      .navigation__main-menu li {
        float: left;
        list-style-type: none;
        display: inline-block;
        padding: 0 0.9375em; }
        .navigation__main-menu li.menu-item--active-trail .parent {
          box-shadow: inset 0 -3px 0 0 #f9b002; } }
    .navigation__main-menu li a {
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      color: #fff;
      display: block;
      font-size: 0.875em;
      line-height: 20px;
      letter-spacing: 0.15625em;
      padding: 1em 0;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      z-index: 4;
      position: relative; }
      @media only screen and (min-width: 860px) {
        .navigation__main-menu li a:hover, .navigation__main-menu li a:active, .navigation__main-menu li a:focus {
          box-shadow: inset 0 -3px 0 0 #f9b002; } }
      @media only screen and (min-width: 860px) {
        .navigation__main-menu li a {
          border-top: 0;
          border-bottom: 0;
          letter-spacing: 0.11875em;
          padding: 25px 1em;
          text-align: left;
          font-size: 0.75em; } }
  .navigation__main-menu ul ul {
    display: none;
    transition: all .5s ease-out;
    background: rgba(0, 0, 0, 0.75);
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: -3px;
    width: 100%;
    z-index: 2; }
    @media only screen and (min-width: 860px) {
      .navigation__main-menu ul ul {
        background: rgba(0, 0, 0, 0.425);
        position: absolute;
        top: calc(100% + 3px);
        left: 0;
        width: 220px; } }
    .navigation__main-menu ul ul li {
      float: none;
      display: block; }
    .navigation__main-menu ul ul a {
      border-top: 0;
      padding: 1.8em 1em; }
      .navigation__main-menu ul ul a:hover, .navigation__main-menu ul ul a:active, .navigation__main-menu ul ul a:focus {
        box-shadow: none; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.pager {
  margin: 20px 0;
  text-align: center; }

.pager__items {
  margin: 0;
  display: inline;
  text-align: center; }

.pager__item {
  margin: 0 3px;
  display: inline-block; }
  .pager__item a {
    display: block;
    color: #4d4f53;
    font-weight: 600;
    padding: 0.5625em 0;
    line-height: 1;
    min-width: 1.875em;
    text-align: center; }
    .pager__item a:hover, .pager__item a:active, .pager__item a:focus {
      background-color: #4d4f53;
      color: #fff;
      text-decoration: none; }
    .pager__item a.button {
      color: #fff;
      padding: 20px; }
  .pager__item.is-active a, .pager__item.pager__item--active a {
    background-color: #8c1515;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    text-decoration: none; }

.pager__item--first a,
.pager__item--next a,
.pager__item--previous a,
.pager__item--first a,
.pager__item--last a {
  color: #8c1515; }
  .pager__item--first a:hover, .pager__item--first a:active, .pager__item--first a:focus,
  .pager__item--next a:hover,
  .pager__item--next a:active,
  .pager__item--next a:focus,
  .pager__item--previous a:hover,
  .pager__item--previous a:active,
  .pager__item--previous a:focus,
  .pager__item--first a:hover,
  .pager__item--first a:active,
  .pager__item--first a:focus,
  .pager__item--last a:hover,
  .pager__item--last a:active,
  .pager__item--last a:focus {
    background-color: transparent;
    color: #4d4f53; }
  .pager__item--first a span,
  .pager__item--next a span,
  .pager__item--previous a span,
  .pager__item--first a span,
  .pager__item--last a span {
    display: inline-block;
    vertical-align: middle; }

.pager__item--first .i-svg-arrow,
.pager__item--next .i-svg-arrow,
.pager__item--previous .i-svg-arrow,
.pager__item--first .i-svg-arrow,
.pager__item--last .i-svg-arrow {
  width: 1.5625em; }

.pager__item--first .i-svg,
.pager__item--next .i-svg,
.pager__item--previous .i-svg,
.pager__item--first .i-svg,
.pager__item--last .i-svg {
  fill: #8c1515; }

.pager__item--first,
.pager__item--previous {
  margin-right: 1.0625em; }

.pager__item--last,
.pager__item--next {
  margin-left: 1.0625em; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.postcard {
  background-color: #F9F6EF; }
  .postcard .postcard__content-inner {
    padding: 25px 0;
    background-color: transparent; }
  .postcard .postcard__content-text {
    color: #4d4f53;
    background-color: #fff;
    line-height: 2em;
    text-align: center; }
  .postcard .postcard__title {
    font-size: 1.75em;
    padding-bottom: 0.625em;
    padding-top: 0.625em;
    color: #4d4f53; }
    @media only screen and (min-width: 576px) {
      .postcard .postcard__title {
        font-size: 1.875em; } }
  .postcard .postcard__more {
    padding: 1em; }
    .postcard .postcard__more svg {
      vertical-align: middle; }
    .postcard .postcard__more use {
      fill: #8c1515; }
    .postcard .postcard__more:hover svg {
      transition: all 0.3s ease;
      margin-top: -1em; }
      .postcard .postcard__more:hover svg use {
        fill: #4d4f53; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.player__button {
  cursor: pointer;
  display: inline-block; }
  .player__button:hover use, .player__button:active use, .player__button:focus use {
    stroke: #fff; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.photo-mosaic--thumbs-up .photo-tiles__quote {
  width: 284px; }

@media only screen and (min-width: 768px) {
  .photo-mosaic--thumbs-down-alt {
    margin-top: -40px; } }

@media only screen and (min-width: 768px) {
  .photo-mosaic--thumbs-down-quote {
    margin: 0px 130px 0px 0px; } }

@media only screen and (min-width: 1024px) {
  .photo-mosaic--thumbs-down-quote {
    margin: 73px 20px 0 -20px; } }

.photo-mosaic--thumbs-down-quote .photo-tiles__quote {
  margin: 0 -220px 0 -23px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.photo-tiles .photo-tile {
  position: relative; }
  .photo-tiles .photo-tile::after {
    content: '';
    display: none;
    position: absolute;
    height: 190px;
    width: 190px;
    border: 1px solid #D8D8D8;
    top: 100px;
    left: 100px;
    z-index: -1; }
    @media only screen and (min-width: 1024px) {
      .photo-tiles .photo-tile::after {
        display: block; } }

.photo-tile__title {
  letter-spacing: .3px;
  position: relative;
  padding-bottom: .5em; }
  .photo-tile__title::after {
    background-color: #f9b002;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    z-index: 4; }

.photo-tile__description {
  letter-spacing: .5px;
  margin-bottom: 4px; }

.photo-tiles__quote {
  padding-top: 3em;
  position: relative;
  color: #4d4f53; }
  .photo-tiles__quote > * {
    letter-spacing: .5px;
    line-height: 1.5em; }
  .photo-tiles__quote blockquote {
    margin: 0; }
  .photo-tiles__quote cite {
    display: block;
    font-style: normal;
    position: relative;
    padding-top: 1em; }
    .photo-tiles__quote cite::before {
      position: absolute;
      content: '';
      height: 1px;
      width: 70px;
      background-color: #9c9d9e;
      top: 0; }
  .photo-tiles__quote strong {
    display: block;
    font-size: 0.75em;
    color: #8c1515;
    text-transform: uppercase; }
  .photo-tiles__quote svg {
    position: absolute;
    display: block;
    margin-bottom: 1em;
    top: 0;
    left: 0; }
    .photo-tiles__quote svg use {
      fill: #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.field-p-responsive-media picture,
.field--responsive-image picture,
.field-p-responsive-media .media,
.field--responsive-image .media,
.field--responsive-video {
  position: relative;
  margin-bottom: 20px;
  display: block; }
  .field-p-responsive-media picture::after,
  .field--responsive-image picture::after,
  .field-p-responsive-media .media::after,
  .field--responsive-image .media::after,
  .field--responsive-video::after {
    content: '';
    background-color: #F9F6EF;
    position: absolute;
    top: 40px;
    bottom: 40px;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1; }
  .field-p-responsive-media picture img,
  .field--responsive-image picture img,
  .field-p-responsive-media .media img,
  .field--responsive-image .media img,
  .field--responsive-video img {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    display: block; }

.field-p-responsive-media,
.field-p-responsive-image {
  padding-bottom: 2.875em; }

.field-p-responsive-image-cred {
  color: #4d4f53;
  text-align: right; }

@media only screen and (min-width: 860px) {
  .navbar__group {
    float: right;
    padding-bottom: 0;
    padding-top: 0;
    display: flex; } }

.navbar__search {
  position: relative;
  min-width: 5em;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5; }

@media only screen and (min-width: 860px) {
  .navbar__search {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px; } }

@media only screen and (max-width: 1023px) {
  .navbar__search {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 1px; } }

.navbar__search label {
  border: 0;
  clip: unset;
  clip-path: unset;
  height: auto;
  padding: 0;
  width: auto;
  margin-left: 38px;
  margin-bottom: 0;
  font-size: 0.75em;
  font-weight: 500;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.11875em;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase; }

.navbar__search .expanded label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  display: none; }

#header #views-exposed-form-acquia-search-page {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 17px; }

#header #views-exposed-form-acquia-search-page.expanded {
  margin-top: 15px; }

#header #views-exposed-form-acquia-search-page > * {
  display: flex;
  align-items: center;
  margin: 0; }

#header #views-exposed-form-acquia-search-page > .form-item.form-item-search {
  max-height: 35px; }

#header .views-exposed-filter-block.acquia-search-page .block__title {
  display: none; }

#header #views-exposed-form-acquia-search-page input {
  outline: none;
  margin: 13px 0; }

#header #views-exposed-form-acquia-search-page input[type="text"] {
  background: transparent url("/themes/custom/matson/img/source/search-white.svg") no-repeat 9px center;
  background-size: 14px 14px;
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-size: 100%;
  padding: 6px 75px 7px 40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page input[type="text"] {
    background-position: 15px 9px;
    border: 0;
    width: 0; } }

#header #views-exposed-form-acquia-search-page:hover > .form-item-search,
#header #views-exposed-form-acquia-search-page:focus > .form-item-search,
#header #views-exposed-form-acquia-search-page:hover #views-exposed-form-acquia-search-page input[type="text"],
#header #views-exposed-form-acquia-search-page:focus #views-exposed-form-acquia-search-page input[type="text"] {
  background: #fff;
  color: #6e6f72;
  transition: 0.3s; }

#header .navbar__search:hover label,
#header .navbar__search:focus label {
  text-shadow: none; }

#header .navbar__search #views-exposed-form-acquia-search-page:hover label,
#header .navbar__search #views-exposed-form-acquia-search-page:focus label {
  color: #6e6f72; }

#header #block-exposedformacquia-searchpage-2 #views-exposed-form-acquia-search-page input[type="text"],
#header #views-exposed-form-acquia-search-page.expanded input[data-drupal-selector="edit-search"],
#header #views-exposed-form-acquia-search-page:hover input[data-drupal-selector="edit-search"],
#header #views-exposed-form-acquia-search-page:focus input[data-drupal-selector="edit-search"] {
  background: #fff url("/themes/custom/matson/img/source/search.svg") no-repeat 15px 9px !important;
  background-size: 14px !important; }

#header #views-exposed-form-acquia-search-page input[type="submit"] {
  visibility: hidden;
  background: #6e6f72;
  display: block; }

#header #views-exposed-form-acquia-search-page.expanded input[type="submit"]#edit-submit-acquia-search,
#header #views-exposed-form-acquia-search-page.expanded input[type="submit"]#edit-submit-acquia-search--2 {
  visibility: visible;
  background: #6e6f72; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page #edit-actions,
  #header #views-exposed-form-acquia-search-page #edit-actions--2 {
    margin-top: 0;
    position: relative;
    max-height: 35px; }
  #header #views-exposed-form-acquia-search-page.expanded #edit-actions,
  #header #views-exposed-form-acquia-search-page.expanded #edit-actions--2 {
    margin: 0; }
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search,
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search--2 {
    display: block;
    height: 33px;
    position: relative;
    padding: 5px 15px 5px;
    min-width: 120px;
    border: 0;
    z-index: auto;
    font-size: 0.75em;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.11875em;
    color: #fff;
    text-transform: uppercase; }
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search,
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search--2 {
    background-color: transparent; } }

#header #views-exposed-form-acquia-search-page input::-webkit-search-cancel-button,
#header #views-exposed-form-acquia-search-page input::-webkit-search-decoration {
  display: none; }

#header #views-exposed-form-acquia-search-page input[type="text"]:focus {
  background-color: #6e6f72;
  border: 0; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page input[type="text"]:focus {
    background-position: 9px center;
    background-color: #fff;
    color: #6e6f72;
    color: #6e6f72;
    width: 520px; } }

#header #views-exposed-form-acquia-search-page input::-moz-placeholder {
  color: #fff; }

#header #views-exposed-form-acquia-search-page input::-webkit-input-placeholder {
  color: #fff; }

input#edit-search::placeholder,
input#edit-search--2::placeholder {
  color: #666; }

.main-container .search-results--search-form h2.block__title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px; }

.main-container #views-exposed-form-acquia-search-page .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search {
  display: flex;
  flex-wrap: wrap; }

.main-container #views-exposed-form-acquia-search-page label[for=edit-search] {
  display: none; }

.main-container #views-exposed-form-acquia-search-page input#edit-search {
  background: #fff url("/themes/custom/matson/img/source/search.svg") no-repeat 12px 18px;
  background-size: 17px; }

.main-container #views-exposed-form-acquia-search-page #edit-actions {
  margin: 0 0 20px 0; }

.main-container #views-exposed-form-acquia-search-page input[type="submit"] {
  text-align: center;
  font-size: 14px;
  display: block;
  padding: 10px;
  margin: 0 0 30px 0;
  min-width: 150px;
  background: #017c92;
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px; }

.main-container #views-exposed-form-acquia-search-page #block-exposedformacquia-searchpage-2 #views-exposed-form-acquia-search-page input[type="text"] {
  background: url("/themes/custom/matson/img/source/search.svg") no-repeat 15px 9px;
  background-size: 14px; }

.main-container .search-result--wrapper.view.acquia-search.page .views-field.views-field-title,
.main-container .search-result--wrapper.view.acquia-search.page .field-content.search-result--display-name {
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  margin: 0 10px 25px; }

.main-container .search-result--line-2 {
  padding: 0 0 30px 25px; }

.main-container .js .search-result--paragraph-component .paragraphs-description .paragraphs-content-wrapper {
  float: left; }

.main-container .js .search-result--paragraph-component .paragraphs-description .paragraphs-content-wrapper::after {
  color: gray;
  background: #fff;
  content: "...";
  display: inline; }

.main-container .search-result--wrapper .views-field-field-s-page-ft-img-media,
.main-container .complex-slat__super-heading:empty {
  display: none; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.katria-test {
  background: purple; }

.search-toggle__icon {
  position: absolute;
  left: 12px;
  top: 12px; }
  .search-toggle__icon .i-svg {
    height: 1.0625em;
    width: 1.0625em;
    margin-bottom: -2px; }
    .search-toggle__icon .i-svg use {
      fill: #fff; }

#views-exposed-form-acquia-search-page {
  position: relative; }
  #views-exposed-form-acquia-search-page input {
    outline: none;
    margin: 13px 0; }
  #views-exposed-form-acquia-search-page input#edit-reset {
    display: none; }
  #views-exposed-form-acquia-search-page input[type="submit"] {
    background: #6e6f72 url("/themes/custom/matson/img/source/search-white.svg") no-repeat 9px center;
    background-size: 17px 17px;
    box-sizing: border-box;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-family: inherit;
    font-size: 100%;
    padding: 10px 10px 10px 40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    @media only screen and (min-width: 860px) {
      #views-exposed-form-acquia-search-page input[type="submit"] {
        background-color: transparent;
        background-position: center center;
        border: 0;
        width: 0; } }
  #views-exposed-form-acquia-search-page input::-webkit-search-cancel-button,
  #views-exposed-form-acquia-search-page input::-webkit-search-decoration {
    display: none; }
  #views-exposed-form-acquia-search-page input[type="text"]:focus {
    background-color: #6e6f72;
    border: 0; }
    @media only screen and (min-width: 860px) {
      #views-exposed-form-acquia-search-page input[type="text"]:focus {
        background-position: 9px center;
        background-color: #6e6f72;
        width: 620px; } }
  #views-exposed-form-acquia-search-page input::-moz-placeholder {
    color: #fff; }
  #views-exposed-form-acquia-search-page input::-webkit-input-placeholder {
    color: #fff; }

.search-toggle__text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.section-expandable-banner {
  color: #fff;
  min-height: 300px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .section-expandable-banner .section-header {
      text-align: left; } }
  .section-expandable-banner .section-header h2,
  .section-expandable-banner .section-header h3 {
    color: #fff; }
  .section-expandable-banner .section-header ul li {
    color: #fff; }
  .section-expandable-banner .section-header a {
    color: #fff;
    opacity: .8; }
    .section-expandable-banner .section-header a:hover {
      opacity: 1; }
  .section-expandable-banner .section-header p {
    color: #fff;
    letter-spacing: .5px;
    line-height: 2em; }
  .section-expandable-banner .section-header .drop-cap-title__name {
    color: #fff; }
  .section-expandable-banner .section-header .drop-cap-title__drop-cap {
    opacity: .35; }

.section-highlight-banner {
  color: #fff; }
  .section-highlight-banner::before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
    @media only screen and (min-width: 1024px) {
      .section-highlight-banner::before {
        top: 45px;
        bottom: 45px; } }
  @media only screen and (min-width: 1024px) {
    .section-highlight-banner.is-single::before {
      left: calc(50% - (450px - 30px));
      right: calc(50% - (450px - 30px));
      top: 0;
      bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .section-highlight-banner .section-header {
      text-align: left; } }
  .section-highlight-banner .section-header .drop-cap-title__name {
    color: #fff; }
  .section-highlight-banner .section-header .drop-cap-title__drop-cap {
    opacity: 0.35; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.highlight-card__action:hover {
  color: #016779; }

.section-highlight-cards__container .highlight-cards .highlight-card {
  box-shadow: none; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.section-header {
  color: #4d4f53;
  padding-bottom: 20px; }
  @media only screen and (min-width: 1024px) {
    .section-header {
      padding-bottom: 0; } }
  .section-header h2.has-dash-under {
    margin-bottom: 1.25em; }
    .section-header h2.has-dash-under::after {
      background-color: #8c1515;
      bottom: -.5em;
      left: 50%;
      transform: translateX(-50%); }
  .section-header h2.has-dash-left {
    margin-bottom: 1.25em; }
    @media only screen and (min-width: 768px) {
      .section-header h2.has-dash-left {
        margin-bottom: .75em; } }
    .section-header h2.has-dash-left::after {
      bottom: -.5em;
      left: 50%;
      transform: translateX(-50%);
      background-color: #8c1515; }
      @media only screen and (min-width: 768px) {
        .section-header h2.has-dash-left::after {
          bottom: auto;
          top: .625em;
          left: -.9em;
          transform: none; } }
  .section-header h2.has-dash-emphasis::after {
    background-color: #f9b002; }
  .section-header p {
    color: #4d4f53;
    line-height: 1.375em;
    letter-spacing: 0.5px; }
  .section-header a {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.15px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.section-feature-blocks.left-aligned .section-header h2.has-dash-under {
  margin-bottom: 1.25em; }
  @media only screen and (min-width: 1024px) {
    .section-feature-blocks.left-aligned .section-header h2.has-dash-under {
      margin-bottom: .75em; } }
  .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after {
    bottom: -.5em;
    left: 50%;
    transform: translateX(-50%);
    background-color: #8c1515; }
    @media only screen and (min-width: 1024px) {
      .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after {
        bottom: auto;
        top: .625em;
        left: -.9em;
        transform: none; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.section-feature-cards .feature-cards__header {
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .section-feature-cards .feature-cards__header::after {
      top: -3.125em;
      bottom: -3.125em;
      right: -3.125em;
      width: 1000px; } }
  @media only screen and (min-width: 1500px) {
    .section-feature-cards .feature-cards__header::after {
      right: 0; } }

.section-feature-cards p {
  color: #9c9d9e; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

@media only screen and (max-width: 575px) {
  .section-photo-mosaic--quotes {
    padding: 1em calc(((50% /12) * 0) + 15px); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-photo-mosaic--quotes {
    padding: 1em calc(((50% /12) * 0) + 15px); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .section-photo-mosaic--quotes {
    padding: 1em calc(((50% /12) * 0) + 30px); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1024px) and (max-width: 1499px) {
  .section-photo-mosaic--quotes {
    padding: 1em calc(((50% /12) * 0) + 30px); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

@media only screen and (min-width: 1500px) {
  .section-photo-mosaic--quotes {
    padding: 1em calc(50% - (750px - 60px)); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

@media only print {
  .section-photo-mosaic--quotes {
    padding: 1em calc(((50% /12) * 0) + 0.25in); }
    .section-photo-mosaic--quotes::after {
      clear: both;
      content: "";
      display: block; } }

.photo-mosaic__header h2.has-dash-under {
  margin-bottom: 1.25em; }
  @media only screen and (min-width: 1024px) {
    .photo-mosaic__header h2.has-dash-under {
      margin-bottom: .75em; } }
  .photo-mosaic__header h2.has-dash-under::after {
    bottom: -.5em;
    left: 50%;
    transform: translateX(-50%);
    background-color: #8c1515; }
    @media only screen and (min-width: 1024px) {
      .photo-mosaic__header h2.has-dash-under::after {
        bottom: auto;
        top: .625em;
        left: -.9em;
        transform: none; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.simple-block__link {
  color: #4d4f53; }
  .simple-block__link:hover, .simple-block__link:active, .simple-block__link:focus {
    color: inherit;
    text-decoration: none; }

.simple-block__thumbnail {
  margin-bottom: .5em; }

.simple-block__content p {
  margin: 0 0 0 0; }

.simple-block__tag {
  background-color: rgba(0, 0, 0, 0.5);
  padding: .625em 1em; }
  .simple-block__tag h6 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1;
    margin: 0; }

.simple-block__description {
  color: #4d4f53;
  letter-spacing: .5px;
  margin-bottom: 4px; }

.simple-block__arrow svg {
  margin-left: .5em; }
  .simple-block__arrow svg use {
    fill: #8c1515; }

.simple-block__more {
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: .15px; }
  .simple-block__more:hover, .simple-block__more:active, .simple-block__more:focus {
    text-decoration: none; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.simple-columns {
  color: #4d4f53;
  vertical-align: top; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.social-actions {
  position: relative;
  padding: 10px;
  margin-top: 10px; }
  .social-actions a {
    color: #4d4f53;
    padding: 0 10px 0 0; }
  .social-actions svg {
    height: 1.6em;
    color: #017c92;
    vertical-align: middle;
    display: inline;
    margin-top: -3px; }
    .social-actions svg:hover {
      opacity: .8; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.social-card {
  border: 1px solid #ccc;
  padding: 2em;
  font-size: 1.25em;
  font-weight: 300;
  color: #4d4f53;
  position: relative; }
  .social-card a {
    color: #8c1515; }
    .social-card a:hover, .social-card a:active, .social-card a:focus {
      text-decoration: none; }
  .social-card .i-svg use {
    fill: #65BBF2; }

.social-card__name {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1em; }

@media only screen and (min-width: 1024px) {
  .social-card__content {
    position: absolute;
    top: 50%;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 2em; } }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.spotlight-card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.spotlight-card__quote p {
  font-size: 1.125em;
  letter-spacing: .5px;
  line-height: 1.3em; }

.spotlight-card__source {
  position: relative; }
  .spotlight-card__source strong {
    color: #8c1414;
    display: block;
    font-style: normal;
    font-size: 0.75em;
    letter-spacing: .9px;
    text-transform: uppercase; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

html {
  position: relative;
  min-height: 100%; }

body {
  min-height: auto;
  margin: 0 0 1049px; }
  @media only screen and (min-width: 576px) {
    body {
      margin-bottom: 959px; } }
  @media only screen and (min-width: 768px) {
    body {
      margin-bottom: 487px; } }
  @media only screen and (min-width: 1024px) {
    body {
      margin-bottom: 457px; } }

#footer__container {
  position: absolute;
  left: 0;
  height: 1049px;
  width: 100%; }
  @media only screen and (min-width: 576px) {
    #footer__container {
      height: 959px; } }
  @media only screen and (min-width: 768px) {
    #footer__container {
      height: 487px; } }
  @media only screen and (min-width: 1024px) {
    #footer__container {
      height: 457px; } }

ul.tabs {
  background-color: #FBFBFB;
  border-bottom: 1px solid #dad7cb;
  margin: 0 10px; }

.tabs__tab {
  display: inline-block;
  margin-bottom: 0; }
  .tabs__tab a {
    border: 0;
    color: #4d4f53;
    display: block;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 1.25em 1em 1em;
    text-transform: uppercase; }
    .tabs__tab a:hover, .tabs__tab a:active, .tabs__tab a:focus {
      box-shadow: inset 0 -3px 0 0 #dad7cb;
      color: #4d4f53;
      text-decoration: none; }

.tabs__tab--active a {
  box-shadow: inset 0 -3px 0 0 #8c1515; }
  .tabs__tab--active a:hover, .tabs__tab--active a:active, .tabs__tab--active a:focus {
    box-shadow: inset 0 -3px 0 0 #8c1515; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.tag-item {
  border: 1px solid #017c92;
  padding: 0.5em 1em;
  color: #017c92;
  font-size: 0.75em;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  margin-right: .5em;
  margin-bottom: .5em; }
  .tag-item:hover, .tag-item:active, .tag-item:focus {
    background-color: #017c92;
    text-decoration: none;
    color: white; }

.webform-submission-form .form-required::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../img/optimized/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block--lockup__site-name-and-slogan, .block--lockup__site-slogan {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.section-header h2.has-dash-under::after, .section-header h2.has-dash-left::after, .section-feature-blocks.left-aligned .section-header h2.has-dash-under::after, .photo-mosaic__header h2.has-dash-under::after, .field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.field-p-wysiwyg {
  padding-bottom: 2.875em;
  color: #4d4f53; }
  .field-p-wysiwyg > :last-child {
    margin-bottom: 0; }
  .field-p-wysiwyg p {
    margin-bottom: 1em; }
  .field-p-wysiwyg p + h2 {
    margin-top: 25px; }
  .field-p-wysiwyg blockquote + h1,
  .field-p-wysiwyg blockquote + h2,
  .field-p-wysiwyg blockquote + h3,
  .field-p-wysiwyg blockquote + h4,
  .field-p-wysiwyg blockquote + h5,
  .field-p-wysiwyg blockquote + h6 {
    margin-top: 1em; }
  .field-p-wysiwyg h2 {
    position: relative;
    padding-left: .9em;
    font-size: 1.8em; }
    .field-p-wysiwyg h2::after {
      top: .7em;
      margin-top: auto;
      margin-bottom: auto;
      background-color: #8c1515;
      left: 0; }
    .field-p-wysiwyg h2::after {
      top: 0.7em; }
  .field-p-wysiwyg h3 {
    font-size: 1.6em; }
  .field-p-wysiwyg figure {
    display: table;
    margin-bottom: 10px;
    margin-top: 10px; }
    .field-p-wysiwyg figure.align-right {
      margin-left: 15px; }
    .field-p-wysiwyg figure.align-left {
      margin-right: 15px; }
  .field-p-wysiwyg figure.align-left img[data-responsive-image-style="landscape"],
  .field-p-wysiwyg figure.align-left img[data-responsive-image-style="portrait"],
  .field-p-wysiwyg figure.align-right img[data-responsive-image-style="landscape"],
  .field-p-wysiwyg figure.align-right img[data-responsive-image-style="portrait"] {
    width: 100%; }
  .field-p-wysiwyg figcaption {
    display: table-caption;
    caption-side: bottom;
    color: #4d4f53;
    text-align: left;
    font-size: 16px; }
  .field-p-wysiwyg img {
    margin-bottom: 5px; }
    .field-p-wysiwyg img.align-right {
      margin-left: 20px; }
    .field-p-wysiwyg img.align-left {
      margin-right: 20px; }
  .field-p-wysiwyg img[data-responsive-image-style="landscape"],
  .field-p-wysiwyg img[data-responsive-image-style="portrait"] {
    width: calc(50% - 20px); }
  .field-p-wysiwyg img[data-responsive-image-style="wide"] {
    width: 100%;
    min-width: 100%; }
    .field-p-wysiwyg img[data-responsive-image-style="wide"].align-right {
      margin-left: 0; }
    .field-p-wysiwyg img[data-responsive-image-style="wide"].align-left {
      margin-right: 0; }
  .field-p-wysiwyg h2,
  .field-p-wysiwyg h3,
  .field-p-wysiwyg h4,
  .field-p-wysiwyg h5,
  .field-p-wysiwyg h6 {
    clear: both; }
  .field-p-wysiwyg h3.teal,
  .field-p-wysiwyg h2.teal {
    color: #017c92; }
  .field-p-wysiwyg h2.cardinal,
  .field-p-wysiwyg h3.cardinal {
    color: #8c1515; }
  .field-p-wysiwyg div.well-insert {
    background-color: #F9F6EF;
    float: left;
    clear: none;
    width: 30%;
    padding: 15px;
    margin: 15px; }
  .field-p-wysiwyg div.well-insert-right {
    background-color: #f9f6ef;
    float: right;
    clear: none;
    width: 30%;
    padding: 15px;
    margin: 15px; }

.stanford-wysiwyg .align-right .media--type-image picture {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px; }

.stanford-wysiwyg .align-left .media--type-image picture {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px; }

.stanford-wysiwyg .align-center .media--type-image picture {
  margin-top: 10px;
  margin-bottom: 10px; }

.main-container .search-results--search-form h2.block__title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px; }

.main-container #views-exposed-form-acquia-search-page .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search {
  display: flex;
  flex-wrap: wrap; }

.main-container #views-exposed-form-acquia-search-page label[for=edit-search] {
  display: none; }

.main-container #views-exposed-form-acquia-search-page input#edit-search {
  background: #fff url("/themes/custom/matson/img/source/search.svg") no-repeat 12px 18px;
  background-size: 17px; }

.main-container #views-exposed-form-acquia-search-page #edit-actions {
  margin: 0 0 20px 0; }

.main-container #views-exposed-form-acquia-search-page input[type="submit"] {
  text-align: center;
  font-size: 14px;
  display: block;
  padding: 10px;
  margin: 0 0 30px 0;
  min-width: 150px;
  background: #017c92;
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px; }

.main-container #views-exposed-form-acquia-search-page #block-exposedformacquia-searchpage-2 #views-exposed-form-acquia-search-page input[type="text"] {
  background: url("/themes/custom/matson/img/source/search.svg") no-repeat 15px 9px;
  background-size: 14px; }

.main-container .search-result--wrapper.view.acquia-search.page .views-field.views-field-title,
.main-container .search-result--wrapper.view.acquia-search.page .field-content.search-result--display-name {
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  margin: 0 10px 25px; }

.main-container .search-result--line-2 {
  padding: 0 0 30px 25px; }

.main-container .js .search-result--paragraph-component .paragraphs-description .paragraphs-content-wrapper {
  float: left; }

.main-container .js .search-result--paragraph-component .paragraphs-description .paragraphs-content-wrapper::after {
  color: gray;
  background: #fff;
  content: "...";
  display: inline; }

.main-container .search-result--wrapper .views-field-field-s-page-ft-img-media,
.main-container .complex-slat__super-heading:empty {
  display: none; }

@media only screen and (min-width: 860px) {
  .navbar__group {
    float: right;
    padding-bottom: 0;
    padding-top: 0;
    display: flex; } }

.navbar__search {
  position: relative;
  min-width: 5em;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5; }

@media only screen and (min-width: 860px) {
  .navbar__search {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px; } }

@media only screen and (max-width: 1023px) {
  .navbar__search {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 1px; } }

.navbar__search label {
  border: 0;
  clip: unset;
  clip-path: unset;
  height: auto;
  padding: 0;
  width: auto;
  margin-left: 38px;
  margin-bottom: 0;
  font-size: 0.75em;
  font-weight: 500;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.11875em;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase; }

.navbar__search .expanded label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(100%);
  display: none; }

#header #views-exposed-form-acquia-search-page {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 17px; }

#header #views-exposed-form-acquia-search-page.expanded {
  margin-top: 15px; }

#header #views-exposed-form-acquia-search-page > * {
  display: flex;
  align-items: center;
  margin: 0; }

#header #views-exposed-form-acquia-search-page > .form-item.form-item-search {
  max-height: 35px; }

#header .views-exposed-filter-block.acquia-search-page .block__title {
  display: none; }

#header #views-exposed-form-acquia-search-page input {
  outline: none;
  margin: 13px 0; }

#header #views-exposed-form-acquia-search-page input[type="text"] {
  background: transparent url("/themes/custom/matson/img/source/search-white.svg") no-repeat 9px center;
  background-size: 14px 14px;
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-size: 100%;
  padding: 6px 75px 7px 40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page input[type="text"] {
    background-position: 15px 9px;
    border: 0;
    width: 0; } }

#header #views-exposed-form-acquia-search-page:hover > .form-item-search,
#header #views-exposed-form-acquia-search-page:focus > .form-item-search,
#header #views-exposed-form-acquia-search-page:hover #views-exposed-form-acquia-search-page input[type="text"],
#header #views-exposed-form-acquia-search-page:focus #views-exposed-form-acquia-search-page input[type="text"] {
  background: #fff;
  color: #6e6f72;
  transition: 0.3s; }

#header .navbar__search:hover label,
#header .navbar__search:focus label {
  text-shadow: none; }

#header .navbar__search #views-exposed-form-acquia-search-page:hover label,
#header .navbar__search #views-exposed-form-acquia-search-page:focus label {
  color: #6e6f72; }

#header #block-exposedformacquia-searchpage-2 #views-exposed-form-acquia-search-page input[type="text"],
#header #views-exposed-form-acquia-search-page.expanded input[data-drupal-selector="edit-search"],
#header #views-exposed-form-acquia-search-page:hover input[data-drupal-selector="edit-search"],
#header #views-exposed-form-acquia-search-page:focus input[data-drupal-selector="edit-search"] {
  background: #fff url("/themes/custom/matson/img/source/search.svg") no-repeat 15px 9px !important;
  background-size: 14px !important; }

#header #views-exposed-form-acquia-search-page input[type="submit"] {
  visibility: hidden;
  background: #6e6f72;
  display: block; }

#header #views-exposed-form-acquia-search-page.expanded input[type="submit"]#edit-submit-acquia-search,
#header #views-exposed-form-acquia-search-page.expanded input[type="submit"]#edit-submit-acquia-search--2 {
  visibility: visible;
  background: #6e6f72; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page #edit-actions,
  #header #views-exposed-form-acquia-search-page #edit-actions--2 {
    margin-top: 0;
    position: relative;
    max-height: 35px; }
  #header #views-exposed-form-acquia-search-page.expanded #edit-actions,
  #header #views-exposed-form-acquia-search-page.expanded #edit-actions--2 {
    margin: 0; }
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search,
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search--2 {
    display: block;
    height: 33px;
    position: relative;
    padding: 5px 15px 5px;
    min-width: 120px;
    border: 0;
    z-index: auto;
    font-size: 0.75em;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.11875em;
    color: #fff;
    text-transform: uppercase; }
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search,
  #header #views-exposed-form-acquia-search-page input[type="submit"]#edit-submit-acquia-search--2 {
    background-color: transparent; } }

#header #views-exposed-form-acquia-search-page input::-webkit-search-cancel-button,
#header #views-exposed-form-acquia-search-page input::-webkit-search-decoration {
  display: none; }

#header #views-exposed-form-acquia-search-page input[type="text"]:focus {
  background-color: #6e6f72;
  border: 0; }

@media only screen and (min-width: 860px) {
  #header #views-exposed-form-acquia-search-page input[type="text"]:focus {
    background-position: 9px center;
    background-color: #fff;
    color: #6e6f72;
    color: #6e6f72;
    width: 520px; } }

#header #views-exposed-form-acquia-search-page input::-moz-placeholder {
  color: #fff; }

#header #views-exposed-form-acquia-search-page input::-webkit-input-placeholder {
  color: #fff; }

input#edit-search::placeholder,
input#edit-search--2::placeholder {
  color: #666; }

/*# sourceMappingURL=components.css.map */