/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {@include fontSize(12px);}
 * 
 */
html {
  font-size: 112.5%;
  line-height: 1.5;
  min-height: 100%;
  text-size-adjust: 100%; }

body {
  color: #272727;
  font-family: canada-type-gibson, sans-serif; }

img, picture, object, figure, input, svg {
  max-width: 100%;
  height: auto; }

a {
  color: #0066dc; }

.layout-container {
  background-color: #f8f8f8; }

h1, h2, h3, .header1-style, .header2-style {
  font-family: canada-type-gibson, sans-serif; }

ul.menu, .menu li {
  margin: 0;
  padding: 0; }

h1.page-title, .header1-style, .home-learn-more .field--name-node-title h3 a {
  font-weight: 300;
  margin: 0; }
  h1.page-title:after, .header1-style:after, .home-learn-more .field--name-node-title h3 a:after {
    content: " ";
    display: block;
    width: 96px;
    width: 5.33333rem;
    max-width: 100%;
    height: 5px;
    background-color: #a6d404;
    margin-top: 0.25em; }

.language-switcher-language-url a.language-link, .field--name-field-donate-cta .field--name-field-button-link a, .button, a.button-link-primary, div.button-link-primary a {
  display: inline-block;
  border-radius: 2em;
  padding: 0.25em 3em;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #9957a2;
  color: #fff;
  background-color: #9957a2;
  letter-spacing: 0.0333em;
  text-decoration: none !important;
  transition: 200ms background-color ease, 200ms color ease; }
  @media (min-width: 39.6875em) {
    .language-switcher-language-url a.language-link, .field--name-field-donate-cta .field--name-field-button-link a, .button, a.button-link-primary, div.button-link-primary a {
      white-space: nowrap; } }
  .language-switcher-language-url a.language-link:hover, .field--name-field-donate-cta .field--name-field-button-link a:hover, .language-switcher-language-url a.language-link:focus, .field--name-field-donate-cta .field--name-field-button-link a:focus, .button:hover, .button:focus, a.button-link-primary:hover, a.button-link-primary:focus, div.button-link-primary a:hover, div.button-link-primary a:focus {
    background-color: transparent;
    color: #9957a2;
    text-decoration: none !important; }

#footer .button-link-secondary p > a, .page-node-type-staff .view-staff-publications .view-header a, .updates-list .more-link a, .view-filters input[type="submit"], .button-secondary, a.button-link-secondary, div.button-link-secondary a {
  font-size: 16px;
  font-size: 0.88889rem;
  text-decoration: none;
  display: inline-block;
  padding: 0.75em 1.25em;
  color: #3154a3;
  background-color: transparent;
  font-weight: 600;
  border: 1px solid #3154a3;
  border-radius: 0;
  letter-spacing: 0.04861rem;
  transition: 200ms color ease, 200ms background-color ease; }
  #footer .button-link-secondary p > a:hover, .page-node-type-staff .view-staff-publications .view-header a:hover, .updates-list .more-link a:hover, .view-filters input:hover[type="submit"], #footer .button-link-secondary p > a:focus, .page-node-type-staff .view-staff-publications .view-header a:focus, .updates-list .more-link a:focus, .view-filters input:focus[type="submit"], .button-secondary:hover, .button-secondary:focus, a.button-link-secondary:hover, a.button-link-secondary:focus, div.button-link-secondary a:hover, div.button-link-secondary a:focus {
    color: #fff;
    background-color: #3154a3;
    text-decoration: none !important; }

.page-node-type-project .region-content img.image-style-inline-image-square, .page-node-type-project .region-content img.image-style-large-image, .page-node-type-project .region-content img.align-right, .page-node-type-project .region-content img.align-left,
.page-node-type-special-page .region-content img.image-style-inline-image-square,
.page-node-type-special-page .region-content img.image-style-large-image,
.page-node-type-special-page .region-content img.align-right,
.page-node-type-special-page .region-content img.align-left, .page-node-type-project .region-content .caption-img img,
.page-node-type-special-page .region-content .caption-img img {
  -moz-box-shadow: 10px 10px 0 0 #dbdbdb;
  -webkit-box-shadow: 10px 10px 0 0 #dbdbdb;
  box-shadow: 10px 10px 0 0 #dbdbdb;
  box-shadow: 0.55556rem 0.55556rem 0 0 #dbdbdb; }

a.link-compact, div.read-more-standard a:after, a.read-more-standard:after, #block-entityviewcontent-8 .field--name-node-link a:after, .link-back-to-parent .field-content > a:before, .read-more__icon {
  display: inline-block;
  width: 1.89em;
  height: 1.89em;
  background-color: #9957a2;
  background-image: url("../images/white-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 100%;
  transition: 200ms background-color ease; }
  a.link-compact:hover, div.read-more-standard a:hover:after, a.read-more-standard:hover:after, #block-entityviewcontent-8 .field--name-node-link a:hover:after, .link-back-to-parent .field-content > a:hover:before, .read-more__icon:hover, a.link-compact:focus, div.read-more-standard a:focus:after, a.read-more-standard:focus:after, #block-entityviewcontent-8 .field--name-node-link a:focus:after, .link-back-to-parent .field-content > a:focus:before, .read-more__icon:focus {
    background-color: #3a2266; }
  .no-svg a.link-compact, .no-svg div.read-more-standard a:after, div.read-more-standard .no-svg a:after, .no-svg a.read-more-standard:after, .no-svg #block-entityviewcontent-8 .field--name-node-link a:after, #block-entityviewcontent-8 .field--name-node-link .no-svg a:after, .no-svg .link-back-to-parent .field-content > a:before, .link-back-to-parent .no-svg .field-content > a:before, .no-svg .read-more__icon {
    background-image: url("../images/white-arrow.png"); }

a.link-compact {
  display: inline-block;
  color: transparent;
  overflow: hidden;
  flex: 0 0 auto; }
  a.link-compact span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal; }
  .no-svg a.link-compact {
    display: none; }

.full-width {
  --toolbar-offset: var(--drupal-displace-offset-left, 0px);
  width: calc(100vw - var(--toolbar-offset));
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + (var(--toolbar-offset) / 2));
  margin-right: calc(-50vw + (var(--toolbar-offset) / 2)); }

div.read-more-standard a, a.read-more-standard, #block-entityviewcontent-8 .field--name-node-link a {
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: 600;
  color: #9957a2;
  transition: 200ms color ease;
  line-height: 1; }
  div.read-more-standard a:hover, div.read-more-standard a:focus, a.read-more-standard:hover, a.read-more-standard:focus, #block-entityviewcontent-8 .field--name-node-link a:hover, #block-entityviewcontent-8 .field--name-node-link a:focus {
    color: #3a2266; }
  div.read-more-standard a:after, a.read-more-standard:after, #block-entityviewcontent-8 .field--name-node-link a:after {
    content: " ";
    margin-left: 0.5em;
    position: relative;
    top: 0.2em;
    display: inline-block;
    width: 17px;
    width: 0.94444rem;
    height: 17px;
    height: 0.94444rem;
    background-size: 8px 7px;
    background-size: 0.44444rem auto; }
  @supports (display: flex) {
    div.read-more-standard a, a.read-more-standard, #block-entityviewcontent-8 .field--name-node-link a {
      display: flex;
      align-items: center; }
      div.read-more-standard a:after, a.read-more-standard:after, #block-entityviewcontent-8 .field--name-node-link a:after {
        position: unset;
        top: 0; } }
  .no-svg div.read-more-standard a, .no-svg a.read-more-standard, .no-svg #block-entityviewcontent-8 .field--name-node-link a, #block-entityviewcontent-8 .field--name-node-link .no-svg a {
    display: none; }

.hero-wrapper:after, .header-primary-color .hero-wrapper:after, .view-sidebar-ad-block .field-content > a.gradient-primary, a.ad-left.gradient-primary, a.ad-right.gradient-primary,
.view-sidebar-cta-block .field-content > a.gradient-primary, a.cta-left.gradient-primary, a.cta-right.gradient-primary {
  background-image: linear-gradient(to left, #1D3F8A, #2a64a8); }

.header-secondary-color .hero-wrapper:after, .view-sidebar-ad-block .field-content > a.gradient-secondary, a.ad-left.gradient-secondary, a.ad-right.gradient-secondary,
.view-sidebar-cta-block .field-content > a.gradient-secondary, a.cta-left.gradient-secondary, a.cta-right.gradient-secondary {
  background-image: linear-gradient(to right, #03362E, #449E7E); }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box; }

.layout-container {
  padding-bottom: 0; }

.container, .layout-content {
  max-width: 61.11111em;
  margin: 0 auto; }

.region {
  padding: 16px 0;
  padding: 0.88889rem 0; }

.region-sidebar-second {
  margin: 0 20px;
  margin: 0 1.11111rem; }

.container {
  padding: 0 20px;
  padding: 0 1.11111rem; }

@media (min-width: 60em) {
  .region-sidebar-second {
    max-width: 19.16667em; }
  .no-cssgrid .layout-content.with-sidebar-second, .cssgridlegacy .layout-content.with-sidebar-second {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .no-cssgrid .layout-content.with-sidebar-second .region-content-top, .cssgridlegacy .layout-content.with-sidebar-second .region-content-top {
      flex: 1 0 100%;
      width: 100%; }
    .no-cssgrid .layout-content.with-sidebar-second .layout-sidebar-second, .cssgridlegacy .layout-content.with-sidebar-second .layout-sidebar-second {
      flex: 0 0 26%; }
    .no-cssgrid .layout-content.with-sidebar-second .region-content, .cssgridlegacy .layout-content.with-sidebar-second .region-content {
      flex: 0 0 67%;
      padding-right: 4em; }
  .layout-content.with-sidebar-second {
    display: grid;
    grid-template-columns: auto 19.16667rem;
    grid-gap: 1.5em; }
    .layout-content.with-sidebar-second .region-content-top {
      grid-row: 1;
      grid-column: 1 / 3; }
    .layout-content.with-sidebar-second .layout-sidebar-second {
      grid-row: 1;
      grid-column: 2; }
    .layout-content.with-sidebar-second .region-content-top ~ .layout-sidebar-second {
      grid-row: 2; } }

@media (min-width: 71.25em) {
  .region-sidebar-second {
    margin: 0; }
  .container {
    padding: 0; }
  .page-node-type-our-impact.content-wide .region-content .container,
  .page-node-type-special-page.content-wide .region-content .container,
  .page-node-type-support-our-work.content-wide .region-content .container,
  .page-node-type-staff.content-wide .region-content .container,
  .page-node-type-research-area.content-wide .region-content .container,
  .page-node-type-page-basic.content-wide .region-content .container,
  .page-node-type-news.content-wide .region-content .container {
    padding: 0; }
  .page-node-type-our-impact .region-content .container,
  .page-node-type-special-page .region-content .container,
  .page-node-type-support-our-work .region-content .container,
  .page-node-type-staff .region-content .container,
  .page-node-type-research-area .region-content .container,
  .page-node-type-page-basic .region-content .container,
  .page-node-type-news .region-content .container {
    padding: 0 78px;
    padding: 0 4.33333rem; }
  .page-node-type-support-our-work .region-content-upper .container,
  .page-node-type-research-area .field--name-field-description {
    padding: 0 78px;
    padding: 0 4.33333rem; } }

#header {
  width: 100%;
  background-color: #fff; }

.region-header {
  margin: 0;
  padding: 1.11111rem 0; }
  .region-header .container {
    display: grid;
    grid-template-columns: 1fr min-content;
    gap: 0.88889rem;
    align-items: center; }
  .region-header #block-ssi2019-branding {
    grid-row: 2;
    grid-column: 1 / span 2; }
  @media (max-width: 399px) {
    .region-header #block-ssi2019-mobilenav .dc-offcanvas-tray__button .label {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
      word-wrap: normal; }
    .region-header .search-api-form label {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
      word-wrap: normal; } }
  @media (min-width: 720px) {
    .region-header .container {
      grid-template-columns: min-content 1fr min-content;
      gap: 2rem; }
    .region-header #block-ssi2019-branding {
      grid-row: unset;
      grid-column: unset; }
      .region-header #block-ssi2019-branding .site-logo {
        margin: 0 auto; } }
  @media (min-width: 60em) {
    .region-header {
      padding: 2.22222rem 0 0; }
      .region-header .container {
        grid-template-columns: min-content 1fr min-content min-content;
        gap: 2rem; }
      .region-header #block-ssi2019-branding {
        grid-column: 1 / span 2; }
        .region-header #block-ssi2019-branding .site-logo {
          margin: 0; }
      .region-header #block-ssi2019-mobilenav {
        display: none; } }

.site-logo {
  display: block;
  width: fit-content; }
  .site-logo img {
    display: block; }

.search-api-form {
  margin: 0;
  padding: 0; }

.template-block--donate-button {
  display: none; }
  @media (min-width: 60em) {
    .template-block--donate-button {
      display: block; } }
  .template-block--donate-button .button--donate {
    padding: 0.44444rem 0.88889rem;
    margin: 0;
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 1; }

.region-main-menu {
  margin: 0;
  margin-top: 0.88889rem;
  padding: 0;
  display: none; }
  @media (min-width: 60em) {
    .region-main-menu {
      display: block; } }

.search-api-form form {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

.search-api-form .form-item-keyword {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.55556rem;
  margin: 0;
  padding: 0; }
  .search-api-form .form-item-keyword label {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 1;
    text-transform: uppercase;
    color: #3154a3; }
  .search-api-form .form-item-keyword input {
    width: 9.22222rem;
    height: 0.83333rem;
    padding: 0.44444rem 0.88889rem;
    border: 1px solid #3154a3;
    border-radius: 2em;
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 1; }

.search-api-form .form-actions {
  margin: 0;
  padding: 0;
  margin-left: -2rem; }
  .search-api-form .form-actions .button {
    display: block;
    width: 2rem;
    height: 1.83333rem;
    padding: 0;
    border-radius: 0 2em 2em 0;
    background-color: #3154a3;
    background-image: url("../images/white-arrow.svg");
    background-size: 0.88889rem;
    background-position: calc(50% - 1px) 50%;
    background-repeat: no-repeat;
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 1;
    overflow: hidden;
    text-indent: -9999px; }
    .search-api-form .form-actions .button:hover, .search-api-form .form-actions .button:focus {
      background-color: #3a2266; }

.main-site-navigation ul.menu.horizontal {
  border-top: 1px solid #d0d0d0;
  width: 100%;
  gap: clamp(1.33333rem, 2.5vw, 2rem); }

.main-site-navigation ul.menu .menu__item--level-1 {
  padding: 0; }
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a,
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > span {
    position: relative;
    padding: 0.83333rem 0;
    font-size: 22px;
    font-size: 1.22222rem;
    line-height: normal;
    font-weight: 500;
    color: #3154a3; }
    .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a:after,
    .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > span:after {
      content: "";
      display: block;
      height: 0.27778rem;
      position: absolute;
      bottom: 0.27778rem;
      left: 0;
      right: 0;
      background-color: #142e68;
      transition: 200ms all ease-in-out;
      visibility: hidden;
      transform: scaleX(0); }
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a:hover,
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a:focus {
    text-decoration: none;
    color: #142e68; }
    .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a:hover:after,
    .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container > a:focus:after {
      transform: scaleX(1);
      visibility: visible; }
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__item-container a.is-active {
    color: #142e68; }
  .main-site-navigation ul.menu .menu__item--level-1 > .menu__submenu-container {
    margin-top: -0.27778rem; }

.main-site-navigation ul.menu .menu__submenu--disclosure {
  width: 22.22222rem;
  padding: 1.16667rem 2rem 2rem;
  background-color: #142e68; }
  .main-site-navigation ul.menu .menu__submenu--disclosure .menu__item-container {
    display: block;
    width: 100%; }

.main-site-navigation ul.menu .menu__item--level-2 {
  display: block;
  padding: 0;
  border-bottom: 1px solid #3154a3; }
  .main-site-navigation ul.menu .menu__item--level-2 > .menu__item-container > a {
    display: block;
    width: 100%;
    padding: 0.72222rem 0 0.44444rem;
    font-size: 19px;
    font-size: 1.05556rem;
    line-height: normal;
    font-weight: normal;
    color: white;
    border-bottom: 5px solid transparent; }
    .main-site-navigation ul.menu .menu__item--level-2 > .menu__item-container > a:hover {
      text-decoration: none;
      border-bottom: 5px solid #3154a3; }

:root {
  --dc-offcanvas-tray-width: min(280px, 80%); }

#block-ssi2019-mobilenav .dc-offcanvas-tray__button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

#block-ssi2019-mobilenav .dc-offcanvas-tray__button {
  border: none;
  background: none;
  margin: 0;
  padding: 0; }
  #block-ssi2019-mobilenav .dc-offcanvas-tray__button .label {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 1;
    text-transform: uppercase;
    color: #3154a3; }

#block-ssi2019-mobilenav .dc-offcanvas-tray__content {
  background-color: #142e68;
  margin: 0; }
  #block-ssi2019-mobilenav .dc-offcanvas-tray__content .menu-label {
    padding: 0.55556rem;
    text-align: center;
    font-size: 14px;
    font-size: 0.77778rem;
    line-height: 1.71;
    letter-spacing: 1.01px;
    color: #719beb; }
  #block-ssi2019-mobilenav .dc-offcanvas-tray__content a,
  #block-ssi2019-mobilenav .dc-offcanvas-tray__content span {
    color: white; }

.tofuburger-icon {
  display: block;
  padding: 0.33333rem; }
  .tofuburger-icon:hover {
    cursor: pointer; }
  .tofuburger-icon__line {
    display: block;
    width: 1.11111rem;
    height: 0.16667rem;
    background-color: #3154a3;
    margin: 0.16667rem auto;
    transition: all 200ms ease-in-out; }

button[aria-expanded="true"] > .tofuburger-icon .tofuburger-icon__line:nth-child(1) {
  transform: translateY(6px) rotate(45deg); }

button[aria-expanded="true"] > .tofuburger-icon .tofuburger-icon__line:nth-child(2) {
  opacity: 0; }

button[aria-expanded="true"] > .tofuburger-icon .tofuburger-icon__line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg); }

#block-ssi2019-mobilenav ul.menu {
  display: flex;
  flex-flow: column nowrap;
  gap: 0;
  border-top: 1px solid #092157;
  border-bottom: 1px solid #092157; }
  #block-ssi2019-mobilenav ul.menu .menu__item-container {
    display: flex;
    flex-flow: row nowrap;
    gap: 0.55556rem;
    margin: 0;
    padding: 0; }
  #block-ssi2019-mobilenav ul.menu .menu__submenu-toggle {
    width: 1.77778rem;
    flex-shrink: 0; }
    #block-ssi2019-mobilenav ul.menu .menu__submenu-toggle svg path {
      width: 1.77778rem;
      height: auto;
      fill: white; }
  #block-ssi2019-mobilenav ul.menu .menu__submenu--disclosure {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.11111rem; }
  #block-ssi2019-mobilenav ul.menu .menu__item--level-1 {
    padding: 0 0.66667rem;
    border-top: 1px solid #092157; }
    #block-ssi2019-mobilenav ul.menu .menu__item--level-1:first-child {
      border-top: none; }
    #block-ssi2019-mobilenav ul.menu .menu__item--level-1 .menu__item-link {
      padding: 0.55556rem;
      font-size: 22px;
      font-size: 1.22222rem;
      line-height: normal;
      font-weight: 500; }
  #block-ssi2019-mobilenav ul.menu .menu__item--level-2 {
    border-bottom: 1px solid #3154a3;
    margin: 0 0.55556rem; }
    #block-ssi2019-mobilenav ul.menu .menu__item--level-2 .menu__submenu-item-link {
      padding: 0.55556rem 0;
      font-size: 17px;
      font-size: 0.94444rem;
      line-height: normal;
      font-weight: normal; }

.region-footer {
  padding-top: 2.77778em; }

#footer {
  clear: both;
  background-image: url("../images/footer-graphic-mobile.png");
  background-repeat: no-repeat;
  background-position: 100% 100%; }
  #footer .container {
    border-top: 5px solid #d0d0d0; }
  #footer p, #footer address, #footer ul.menu {
    font-size: 16px;
    font-size: 0.88889rem; }
  #footer h2 {
    font-weight: 600;
    font-size: 18px;
    font-size: 1rem;
    color: #3154a3; }

#block-ssi2019-socialmedia {
  margin-bottom: 1.77778rem; }
  #block-ssi2019-socialmedia ul.menu {
    display: flex;
    align-items: center;
    gap: 0.88889rem; }
    #block-ssi2019-socialmedia ul.menu li {
      display: block; }
  #block-ssi2019-socialmedia a.social {
    display: block;
    overflow: hidden;
    width: 1.55556rem;
    height: 1.55556rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent; }
  #block-ssi2019-socialmedia .menu li:last-child a.social {
    margin-right: 0; }
  #block-ssi2019-socialmedia a.social.twitter {
    background-image: url("../images/twitter_icon.svg");
    width: 1.33333rem; }
    #block-ssi2019-socialmedia a.social.twitter:hover, #block-ssi2019-socialmedia a.social.twitter:focus, #block-ssi2019-socialmedia a.social.twitter:active {
      background-image: url("../images/twitter_focus.svg"); }
  #block-ssi2019-socialmedia a.social.facebook {
    background-image: url("../images/facebook_icon.svg"); }
    #block-ssi2019-socialmedia a.social.facebook:hover, #block-ssi2019-socialmedia a.social.facebook:focus, #block-ssi2019-socialmedia a.social.facebook:active {
      background-image: url("../images/facebook_focus.svg"); }
  #block-ssi2019-socialmedia a.social.youtube {
    background-image: url("../images/youtube_icon.svg");
    width: 1.77778rem; }
    #block-ssi2019-socialmedia a.social.youtube:hover, #block-ssi2019-socialmedia a.social.youtube:focus, #block-ssi2019-socialmedia a.social.youtube:active {
      background-image: url("../images/youtube_focus.svg"); }
  #block-ssi2019-socialmedia a.social.linkedin {
    background-image: url("../images/linkedin_icon.svg"); }
    #block-ssi2019-socialmedia a.social.linkedin:hover, #block-ssi2019-socialmedia a.social.linkedin:focus, #block-ssi2019-socialmedia a.social.linkedin:active {
      background-image: url("../images/linkedin_focus.svg"); }
  #block-ssi2019-socialmedia a.social.instagram {
    background-image: url("../images/instagram_icon.svg"); }
    #block-ssi2019-socialmedia a.social.instagram:hover, #block-ssi2019-socialmedia a.social.instagram:focus, #block-ssi2019-socialmedia a.social.instagram:active {
      background-image: url("../images/instagram_focus.svg"); }

.no-svg #block-ssi2019-socialmedia ul.menu, .no-svg #block-ssi2019-socialmedia .menu li {
  display: block; }

.no-svg #block-ssi2019-socialmedia a.social {
  display: inline;
  width: inherit !important;
  height: inherit !important;
  overflow: visible !important;
  color: inherit !important;
  background: none !important; }

@media (max-width: 39.6875em) {
  #block-ssi2019-copyright {
    padding-right: 50%; } }

@media (min-width: 71.25em) {
  #footer {
    background-image: url("../images/footer-graphic.png"); }
  .flexbox #footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .flexbox #block-ssi2019-copyright {
    flex: 100% 1 0; } }

.hero-wrapper {
  padding: 32px 0;
  padding: 1.77778rem 0; }
  .hero-wrapper .region-hero, .hero-wrapper .region-breadcrumb {
    padding: 0; }
  .hero-wrapper * {
    color: #fff; }
  .hero-wrapper .breadcrumb {
    font-size: 14px;
    font-size: 0.77778rem; }
    .hero-wrapper .breadcrumb a {
      text-decoration: none; }
      .hero-wrapper .breadcrumb a:hover, .hero-wrapper .breadcrumb a:focus {
        text-decoration: underline; }

.hero-wrapper {
  position: relative;
  background: none;
  z-index: 0; }
  .hero-wrapper:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.86; }
  .hero-wrapper .container {
    position: relative;
    z-index: 1; }

h1.page-title, .header1-style {
  font-size: 40px;
  font-size: 2.22222rem; }

@media (min-width: 48em) {
  .hero-wrapper {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-image: url("../images/hero/hero-plant-cells-micrograph.jpg"); }
  .header-about-section .hero-wrapper {
    background-image: url("../images/hero/hero-grass.jpg"); }
  .header-our-science .hero-wrapper {
    background-image: url("../images/hero/hero-fish-scales.jpg"); }
  .header-our-impact .hero-wrapper {
    background-image: url("../images/hero/hero-water.jpg"); }
  .header-resources .hero-wrapper {
    background-image: url("../images/hero/hero-tree-rings.jpg"); }
  .header-the-latest .hero-wrapper {
    background-image: url("../images/hero/hero-dandelion-seeds.jpg"); }
  .header-support-our-work .hero-wrapper {
    background-image: url("../images/hero/hero-abalone-shell.jpg"); }
  .header-search .hero-wrapper {
    background-image: url("../images/hero/hero-plant-cells-micrograph.jpg"); }
  .header-subscribe .hero-wrapper {
    background-image: url("../images/hero/hero-palm-fronds.jpg"); }
  .header-breast-cancer .hero-wrapper {
    background-image: url("../images/hero/hero-breast-cancer.jpg"); } }

@media (min-width: 71.25em) {
  .hero-wrapper {
    padding: 32px 0;
    padding: 1.77778rem 0;
    min-height: 268px;
    min-height: 14.88889rem; }
  h1.page-title, .header1-style {
    margin: 60px 0 0 0;
    margin: 3.33333rem 0 0 0; } }

.no-cssgradients .hero-wrapper:after {
  display: none; }

.no-cssgradients .hero-wrapper {
  background: #3154a3 !important; }

.no-cssgradients .header-secondary-color .hero-wrapper {
  background: #084536 !important; }

/**
 * @file
 * Language switcher styles.
 */
.language-switcher-language-url {
  margin: 0;
  padding: 0; }
  .language-switcher-language-url li.is-active {
    display: none; }
  .language-switcher-language-url ul.links {
    padding: 0 0 2em 0;
    margin: 0; }
  .language-switcher-language-url li {
    list-style-type: none; }
  .language-switcher-language-url a.language-link {
    /* see /sass/styles/components/_buttons.scss */ }
    .language-switcher-language-url a.language-link::before {
      content: url("../images/icon-globe--white.svg");
      display: inline-block;
      width: 16px;
      height: 16px;
      position: relative;
      top: 2px;
      margin-right: .3em; }
    .language-switcher-language-url a.language-link:hover::before, .language-switcher-language-url a.language-link:active::before {
      content: url("../images/icon-globe--purple.svg"); }

.block-languageswitchercontent ul.links {
  margin: 0.88889rem 0.88889rem 1.77778rem;
  padding: 0;
  list-style-type: none; }

.main-content-wrapper h2, .main-content-wrapper h2 a, .main-content-wrapper .header2-style, .main-content-wrapper .header2-style a {
  font-size: 26px;
  font-size: 1.44444rem;
  font-weight: 600;
  color: #9957a2; }

.main-content-wrapper h3 {
  font-size: 21px;
  font-size: 1.16667rem;
  color: #3154a3; }

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

.field--name-field-intro-text {
  font-size: 26px;
  font-size: 1.44444rem;
  line-height: 1.31;
  color: #3154a3; }

/**
* 1. Align figcaption to width of the figure when centered
*/
figure {
  display: table; }
  figure figcaption {
    font-size: 16px;
    font-size: 0.88889rem;
    font-style: italic;
    margin-top: 0.88889rem; }
  figure.align-center figcaption {
    display: table-caption;
    caption-side: bottom; }

.quote-right, .quote-left {
  margin: 2em 0; }

blockquote {
  font-size: 22px;
  font-size: 1.22222rem;
  color: #142e68;
  line-height: 1.29;
  font-weight: 300; }
  blockquote:before {
    content: " ";
    display: block;
    width: 96px;
    width: 5.33333rem;
    max-width: 100%;
    height: 5px;
    background-color: #a6d404;
    margin-top: 0.25em; }

.link-back-to-parent .field-content > a {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-size: 0.94444rem;
  font-weight: 600;
  color: #9957a2; }
  .link-back-to-parent .field-content > a:before {
    content: " ";
    width: 17px;
    width: 0.94444rem;
    height: 17px;
    height: 0.94444rem;
    background-size: 8px 7px;
    background-size: 0.44444rem auto;
    background-image: url("../images/white_arrow_left.svg");
    margin-right: 0.5em;
    background-size: inherit; }
    .no-svg .link-back-to-parent .field-content > a:before {
      display: none; }

.funded-by-callout {
  display: flex; }
  .funded-by-callout h2 {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-size: 0.88889rem;
    color: #3154a3;
    text-transform: uppercase; }
  .funded-by-callout ul {
    border-left: 1px solid #a6d404;
    margin-left: 1em; }
  .funded-by-callout li {
    margin: 0.125em 0; }

.field--name-field-donate-cta {
  margin-bottom: 3em; }
  .field--name-field-donate-cta blockquote {
    font-size: 26px;
    font-size: 1.44444rem;
    padding: 0;
    margin: 2em 0; }
    .field--name-field-donate-cta blockquote p:last-of-type {
      display: inline;
      margin-bottom: 0; }
    .field--name-field-donate-cta blockquote:before {
      margin: 0 auto 38px auto;
      margin: 0 auto 2.11111rem auto;
      width: 38%;
      height: 2px; }
  .field--name-field-donate-cta cite {
    font-size: 18px;
    font-size: 1rem;
    font-weight: normal;
    display: inline; }
  .field--name-field-donate-cta .field--name-field-button-link {
    text-align: center; }
    .field--name-field-donate-cta .field--name-field-button-link a {
      font-size: 17px;
      font-size: 0.94444rem; }

div.button-link-primary {
  text-align: center;
  margin-bottom: 3em; }

div.button-link-secondary > a {
  margin-bottom: 1em; }

.paragraph--type-testimonial {
  margin: 5em 0 3em;
  padding: 1.5em 2em;
  background-color: #fff; }
  .paragraph--type-testimonial > div {
    margin-top: -5em; }
  .paragraph--type-testimonial blockquote {
    margin: 0; }
    .paragraph--type-testimonial blockquote:before {
      display: none; }
    .paragraph--type-testimonial blockquote p:first-child {
      margin-top: 0; }
      .paragraph--type-testimonial blockquote p:first-child:before {
        content: "\201C"; }
    .paragraph--type-testimonial blockquote p:last-child {
      margin-bottom: 0; }
      .paragraph--type-testimonial blockquote p:last-child:after {
        content: "\201D"; }
  .paragraph--type-testimonial .field--name-field-quote {
    margin-bottom: 1em; }
  .paragraph--type-testimonial cite {
    text-align: center; }
  .paragraph--type-testimonial .field--name-field-attribution-name {
    font-size: 18px;
    font-size: 1rem;
    font-weight: 600;
    color: #3154a3; }
  .paragraph--type-testimonial .field--name-field-attribution-other {
    font-size: 15px;
    font-size: 0.83333rem;
    font-style: italic; }
  .paragraph--type-testimonial img {
    display: block;
    margin: 0 auto 1em;
    width: 6.66667rem;
    height: 6.66667rem;
    border-radius: 100%; }

.img-with-desc img {
  width: 100px;
  height: 100px;
  margin-bottom: 1em;
  border-radius: 100%; }

#block-addtoanybuttons {
  margin-top: 2em; }

figure.align-left, .align-left, figure.align-right, .align-right {
  float: none;
  margin: 1em 0; }
  figure.align-left:first-child, .align-left:first-child, figure.align-right:first-child, .align-right:first-child {
    margin-top: 0; }

figure {
  margin: 0 0 1em 0; }

.content-top-related {
  display: flex;
  margin: 1em 0 2em 0;
  padding: 1em 0;
  border-top: 2px solid #d0d0d0;
  border-bottom: 2px solid #d0d0d0; }
  .content-top-related h3, .content-top-related ul {
    display: inline-block; }
  .content-top-related h3 {
    margin: 0 0.5em 0 0;
    line-height: 1.9;
    font-size: 13px;
    font-size: 0.72222rem;
    color: #4a4a4a;
    text-transform: uppercase;
    letter-spacing: 0.05rem; }
  .content-top-related ul, .content-top-related li {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .content-top-related li {
    font-size: 16px;
    font-size: 0.88889rem; }

.page-node-type-staff .field--name-field-job-title {
  font-weight: 600;
  color: #3154a3; }

.page-node-type-staff .staff-img-header img {
  border-radius: 100%; }

@media (min-width: 71.25em) {
  .page-node-type-staff .view-staff-publications {
    padding-right: 22.66667rem; } }

.page-node-type-staff .view-staff-publications > h2 {
  display: none; }

.page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li {
  display: none; }
  .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:nth-child(1), .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:nth-child(2), .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:nth-child(3), .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:nth-child(4), .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:nth-child(5) {
    display: list-item; }
  .page-node-type-staff .view-staff-publications .view-content ul:not(.show-all) li:focus:not(:focus-visible) {
    outline: none; }

@media (min-width: 40.625em) {
  .page-node-type-staff .view-staff-publications .view-header {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between; } }

.page-node-type-staff .view-staff-publications .view-header a {
  margin-bottom: .25rem; }

@media (min-width: 48em) {
  figure.align-left, .align-left {
    float: left;
    margin: 0 2em 1em 0; }
  figure.align-right, .align-right {
    float: right;
    margin: 0 0 1em 2em; }
  .page-node-type-project .region-content .field--name-field-image img {
    float: left;
    margin: 0 30px 30px 0;
    margin: 0 1.66667rem 1.66667rem 0; }
  .img-with-desc img {
    float: left;
    margin-right: 1em; } }

@media (min-width: 71.25em) {
  blockquote {
    font-size: 28px;
    font-size: 1.55556rem; }
  .quote-right .layout__region,
  .quote-left .layout__region {
    grid-auto-flow: column;
    grid-column-gap: 40px;
    justify-content: space-between;
    display: grid; }
    .quote-right .layout__region blockquote,
    .quote-left .layout__region blockquote {
      margin: 0;
      max-width: 400px; }
  .quote-left {
    margin-left: -78px;
    margin-left: -4.33333rem; }
    .quote-left blockquote {
      margin-right: 74px;
      margin-right: 4.11111rem; }
  .quote-right {
    margin-right: -78px;
    margin-right: -4.33333rem; }
    .quote-right blockquote {
      order: 1; }
    .quote-right .field--name-field-text {
      order: 0;
      margin-right: 3em; }
  .field--name-field-donate-cta {
    padding: 0 78px;
    padding: 0 4.33333rem; }
  .page-node-type-staff #block-ssi2019-content {
    position: relative;
    padding-right: 408px;
    padding-right: 22.66667rem; }
    .page-node-type-staff #block-ssi2019-content .staff-img-header {
      float: right;
      margin-top: 143px;
      margin-right: -22.66667rem;
      text-align: center;
      width: 19.16667rem;
      background-color: #fff;
      padding: 0 1em 2em 1em; }
      .page-node-type-staff #block-ssi2019-content .staff-img-header .field--name-field-job-title {
        margin-top: 1em; }
      .page-node-type-staff #block-ssi2019-content .staff-img-header img {
        margin-top: -143px; }
  .page-node-type-special-page .video-embed-field-responsive-video {
    max-width: 80%; } }

.paragraph--type-thumbnail-with-title {
  margin-bottom: 1.38889rem; }
  .paragraph--type-thumbnail-with-title .list-of-links--list-style-primary {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.38889rem; }
    .paragraph--type-thumbnail-with-title .list-of-links--list-style-primary li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    @media (min-width: 30em) {
      .paragraph--type-thumbnail-with-title .list-of-links--list-style-primary {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 45em) {
      .paragraph--type-thumbnail-with-title .list-of-links--list-style-primary {
        grid-template-columns: repeat(3, 1fr); } }
  .paragraph--type-thumbnail-with-title .list-of-links--list-style-secondary {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.38889rem; }
    .paragraph--type-thumbnail-with-title .list-of-links--list-style-secondary li {
      margin: 0;
      padding: 0;
      list-style-type: none; }

.node--view-mode-list-of-links-grid.dc-card {
  height: 100%;
  background-color: white; }
  .node--view-mode-list-of-links-grid.dc-card .dc-card__content {
    padding: 1.11111rem; }
  .node--view-mode-list-of-links-grid.dc-card h3 {
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 500;
    color: #0066dc;
    margin: 0; }
  .node--view-mode-list-of-links-grid.dc-card h3 a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 0.55556rem;
    justify-content: space-between;
    text-decoration: none; }

.node--view-mode-list-of-links-stacked.dc-card {
  background-color: white;
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }
  .node--view-mode-list-of-links-stacked.dc-card .dc-card__media {
    flex-shrink: 0;
    max-width: 6.66667rem; }
    @media (min-width: 30em) {
      .node--view-mode-list-of-links-stacked.dc-card .dc-card__media {
        max-width: 100%; } }
  .node--view-mode-list-of-links-stacked.dc-card .dc-card__content {
    flex-grow: 1;
    padding: 0 1.11111rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.55556rem; }
  .node--view-mode-list-of-links-stacked.dc-card h3 {
    margin: 0;
    font-size: clamp(1rem, 3.75vw, 1.27778rem);
    line-height: 1.35;
    font-weight: normal;
    color: #0066dc; }
  .node--view-mode-list-of-links-stacked.dc-card .read-more__text {
    display: none; }
  .node--view-mode-list-of-links-stacked.dc-card .read-more {
    display: none; }
    @media (min-width: 30em) {
      .node--view-mode-list-of-links-stacked.dc-card .read-more {
        display: block; } }

.region-content-upper .node--view-mode-list-of-links-grid.dc-card,
.region-content-upper .node--view-mode-list-of-links-stacked.dc-card {
  background-color: #f8f8f8; }

.paragraph--type-latest-news h2 {
  margin: 0 0 2.22222rem; }

.paragraph--type-latest-news .see-all-wrapper {
  margin-top: 1.33333rem;
  padding: 2.22222rem 0;
  border-top: 1px solid #d0d0d0;
  text-align: center; }

.more-link {
  text-align: inherit !important; }

ul.list-style-primary, ul.list-style-secondary {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.list-style-primary li, ul.list-style-secondary li {
    list-style-type: none;
    margin: 0;
    padding: 0; }

ul.list-style-primary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  ul.list-style-primary li {
    margin-bottom: 1em;
    max-width: 100%;
    width: 300px;
    width: 16.66667rem;
    flex: 0 1 16.66667rem; }
    ul.list-style-primary li a {
      text-decoration: none;
      font-weight: 700; }
      ul.list-style-primary li a:hover, ul.list-style-primary li a:focus, ul.list-style-primary li a:active {
        text-decoration: underline; }

ul.list-style-secondary {
  margin-bottom: 2em; }
  ul.list-style-secondary li {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-size: 1rem;
    padding-right: 0.5em;
    margin-bottom: 1em; }
    ul.list-style-secondary li div:first-child, ul.list-style-secondary li > a:first-child {
      display: inline-block;
      line-height: 0;
      flex: 2 2 40%; }
      ul.list-style-secondary li div:first-child a, ul.list-style-secondary li > a:first-child a {
        line-height: 0;
        margin-right: 1em; }
    ul.list-style-secondary li div:first-child + div, ul.list-style-secondary li div:first-child + div a, ul.list-style-secondary li a:first-child + a {
      display: inline-block; }
    ul.list-style-secondary li a:first-child + a, ul.list-style-secondary li div:first-child + div {
      padding: 0.25em 0 0.25em 1em;
      flex: 1 1 60%; }
    ul.list-style-secondary li .link-compact, ul.list-style-secondary li > div:last-child {
      display: none; }

.updates-list .field--name-field-date-published,
.updates-list .views-field-field-date-published-1, .updates-list-compact .field--name-field-date-published,
.updates-list-compact .views-field-field-date-published-1 {
  font-size: 16px;
  font-size: 0.88889rem; }

.updates-list h3 {
  font-size: 18px;
  font-size: 1rem;
  font-weight: 600; }
  .updates-list h3 a {
    color: #3154a3; }

.updates-list h3, .updates-list p {
  margin: 0; }

.updates-list .views-row {
  padding: 1em 0 2em 0;
  border-bottom: 1px solid #d0d0d0;
  margin: 1em 0; }
  .updates-list .views-row:first-child {
    padding-top: 1.5em;
    margin-top: 0;
    border-top: 1px solid #d0d0d0; }

.updates-list .views-field {
  margin-bottom: 1em; }
  .updates-list .views-field:last-child {
    margin-bottom: 0; }

.updates-list .views-field-field-related-project {
  font-size: 16px;
  font-size: 0.88889rem; }

.updates-list .views-label-field-related-project {
  font-size: 13px;
  font-size: 0.72222rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  color: #4a4a4a;
  text-transform: uppercase; }

.updates-list.updates-list-full-page .views-row:last-child {
  border-bottom: none !important; }

ul.updates-list-compact {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.updates-list-compact li {
    list-style-type: none;
    margin: 1em 0;
    padding: 1em 0;
    border-bottom: 1px solid #d0d0d0; }
    ul.updates-list-compact li:first-child {
      padding-top: 0;
      margin-top: 0; }
  ul.updates-list-compact .field--name-node-title {
    font-weight: 600;
    line-height: 1.44; }
    ul.updates-list-compact .field--name-node-title a {
      color: #3154a3; }
  ul.updates-list-compact .link-compact {
    width: 17px;
    width: 0.94444rem;
    height: 17px;
    height: 0.94444rem;
    background-size: 8px 7px;
    background-size: 0.44444rem auto;
    display: none; }

.grid-list.events-list ul, .grid-list.events-list li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.grid-list.events-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: space-between;
  width: 100%; }

.grid-list.events-list li {
  display: block;
  max-width: 360px;
  max-width: 20rem;
  padding: 2.35em;
  padding-top: 3.75em;
  flex: 0 1 360px;
  flex: 0 1 20rem;
  background-color: #fff;
  margin-bottom: 1em; }

.grid-list.events-list a {
  color: #3154a3;
  text-decoration: none; }

.grid-list.events-list h3, .grid-list.events-list p {
  margin: 0; }

.grid-list.events-list h3 {
  position: relative;
  width: 100%;
  padding-top: 55px;
  padding-top: 3.05556rem;
  border-top: 1px solid #3a2266; }
  .grid-list.events-list h3:before {
    content: " ";
    display: block;
    position: absolute;
    width: 77px;
    width: 4.27778rem;
    height: 77px;
    height: 4.27778rem;
    background-color: #3a2266;
    top: -39px;
    top: -2.16667rem;
    left: 50%;
    margin-left: -39px;
    margin-left: -2.16667rem;
    border-radius: 100%;
    background-image: url("../images/calendar-icon.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%; }

.no-svg .grid-list.events-list h3:before {
  background-image: url("../images/calendar-icon.png"); }

.grid-list.events-list div.field-content {
  font-size: 16px;
  font-size: 0.88889rem; }

.related-features {
  margin-bottom: 2em; }

.related-project {
  position: relative;
  max-width: 340px;
  max-width: 18.88889rem;
  background-color: #fff;
  padding: 0 30px 30px 30px;
  padding: 0 1.66667rem 1.66667rem 1.66667rem; }
  .related-project a.link-compact {
    width: 34px;
    width: 1.88889rem;
    height: 34px;
    height: 1.88889rem; }
  .related-project .field-name-node-title, .related-project a.link-compact {
    margin-top: 30px;
    margin-top: 1.66667rem; }
  .related-project .field-name-node-title {
    display: inline-block;
    font-size: 23px;
    font-size: 1.27778rem;
    max-width: 80%; }
  .related-project .field--name-field-image {
    margin: 0 -30px; }
  .related-project img {
    width: 100%; }

.list-full-teasers .views-row {
  clear: both;
  margin-bottom: 2em; }

.list-full-teasers h3, .list-full-teasers h4 {
  font-size: 26px;
  font-size: 1.44444rem;
  font-weight: 300; }

.list-full-teasers.block-views-blockprojects-block-3 h3 {
  font-size: 15px;
  font-size: 0.83333rem;
  color: #4a4a4a;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-bottom: 1.11111rem; }

.pubs-list-filter-tabs h2 {
  font-size: 13px;
  font-size: 0.72222rem;
  color: #4a4a4a;
  text-transform: uppercase;
  font-weight: 600; }

.pubs-list-filter-tabs.button-link-secondary .tabs a {
  font-size: 12px;
  font-size: 0.66667rem;
  text-transform: uppercase;
  margin-bottom: 1em; }
  .pubs-list-filter-tabs.button-link-secondary .tabs a.is-active {
    background-color: #3154a3;
    color: #fff; }

.pubs-list-filter-tabs label {
  color: #4a4a4a;
  font-size: 15px;
  font-size: 0.83333rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.9px; }

.pubs-list-filter-tabs .search-form-controls--compact {
  width: 21.94444rem; }
  .pubs-list-filter-tabs .search-form-controls--compact input {
    margin: 0 0 1em 0; }
  .pubs-list-filter-tabs .search-form-controls--compact input#edit-combine {
    border: 1px solid #3154a3;
    border-radius: 0; }
  .pubs-list-filter-tabs .search-form-controls--compact input#edit-submit-all-publications-presentations, .pubs-list-filter-tabs .search-form-controls--compact input#edit-reset {
    font-size: 16px;
    font-size: 0.88889rem;
    padding: 0.15em 2em; }

.view-all-publications-presentations .item-list ul, .view-all-publications-presentations .item-list li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.view-all-publications-presentations .item-list li {
  margin-bottom: 2em; }

.view-search .view-header {
  margin-bottom: 2.77778em; }

.view-search .view-content {
  margin-bottom: 40px;
  margin-bottom: 2.22222rem; }

.view-search .views-row {
  margin: 2.5em 0; }
  .view-search .views-row:first-child {
    margin-top: 0; }
  .view-search .views-row:last-child {
    margin-bottom: 0; }
  .view-search .views-row h3 {
    margin-bottom: 0.55556em; }

nav.pager ul {
  border-top: 1px solid #d0d0d0; }

nav.pager li {
  font-size: 16px;
  font-size: 0.88889rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  color: #4a4a4a; }
  nav.pager li a {
    color: #4a4a4a;
    display: inline-block; }
    nav.pager li a:hover, nav.pager li a:focus, nav.pager li a:active {
      color: #0066dc;
      text-decoration: none; }
  nav.pager li.pager__item.is-active {
    display: inline-block;
    border-top: 2px solid #0066dc; }
  nav.pager li.pager__item.is-active a {
    font-weight: 600;
    color: #0066dc;
    position: relative; }
  nav.pager li.pager__item--first span[aria-hidden="true"], nav.pager li.pager__item--last span[aria-hidden="true"] {
    font-size: 13px;
    font-size: 0.72222rem;
    font-weight: 600;
    letter-spacing: 0.05em; }
  nav.pager li.pager__item--next span[aria-hidden="true"], nav.pager li.pager__item--previous span[aria-hidden="true"] {
    display: none; }
  nav.pager li.pager__item--next a, nav.pager li.pager__item--previous a {
    display: inline-block;
    width: 0.38889em;
    height: 0.66667em;
    background-size: 0.38889em 0.66667em;
    background-repeat: no-repeat; }
  nav.pager li.pager__item--previous a {
    background-image: url("../images/pager_arrow_left.svg"); }
    nav.pager li.pager__item--previous a:focus, nav.pager li.pager__item--previous a:hover, nav.pager li.pager__item--previous a:active {
      background-image: url("../images/pager_arrow_left_focus.svg"); }
  nav.pager li.pager__item--next a {
    background-image: url("../images/pager_arrow_right.svg"); }
    nav.pager li.pager__item--next a:focus, nav.pager li.pager__item--next a:hover, nav.pager li.pager__item--next a:active {
      background-image: url("../images/pager_arrow_right_focus.svg"); }

.no-svg nav.pager li.pager__item--next span[aria-hidden="true"], .no-svg nav.pager li.pager__item--previous span[aria-hidden="true"] {
  display: inline !important; }

.no-svg nav.pager li.pager__item--next a, .no-svg nav.pager li.pager__item--previous a {
  width: inherit !important;
  height: inherit !important;
  background: none !important; }

.view-staff .views-field-field-image img {
  border-radius: 100%; }

.view-staff .views-view-grid .views-col {
  float: none;
  width: 100% !important;
  padding: 2em 0; }

.view-staff h4 {
  margin-bottom: 0; }

.view-staff h3 {
  font-size: 26px;
  font-size: 1.44444rem;
  color: #9957a2; }

.view-staff h4 a {
  color: #3154a3; }

.list-basic .views-row {
  margin-bottom: 2em; }
  .list-basic .views-row h2, .list-basic .views-row h3, .list-basic .views-row p {
    margin: 0; }
  .list-basic .views-row h2 a, .list-basic .views-row h3 a {
    text-decoration: none; }
    .list-basic .views-row h2 a:hover, .list-basic .views-row h2 a:focus, .list-basic .views-row h2 a:active, .list-basic .views-row h3 a:hover, .list-basic .views-row h3 a:focus, .list-basic .views-row h3 a:active {
      text-decoration: underline; }

@media (min-width: 26.5625em) {
  .updates-list .views-row {
    display: grid;
    grid-template-columns: 5.83333rem auto;
    grid-template-rows: repeat(2);
    grid-gap: 0.5em 1.5em; }
  .updates-list .views-field {
    margin-bottom: 0; }
  .updates-list .views-field-field-date-published-1, .updates-list .views-field-field-date-published {
    grid-column: 1;
    grid-row: 1 / 4; }
  .updates-list .views-field-title, .updates-list .views-field-field-summary {
    grid-column: 2 / 3; }
  .updates-list .views-field-title {
    grid-row: 1; }
  .updates-list .views-field-field-summary {
    grid-row: 2; }
  .updates-list .views-field-field-related-project {
    grid-column: 2; }
  .no-cssgrid .updates-list .views-field {
    margin-bottom: 1em; }
  .view-staff .views-view-grid .views-col {
    float: left;
    width: 50% !important;
    padding: 2em; }
  ul.list-style-primary {
    justify-content: space-around; }
    @supports (display: grid) {
      ul.list-style-primary {
        display: grid;
        grid-gap: 1em;
        grid-template-columns: repeat(2, 1fr); } }
    ul.list-style-primary li {
      width: auto; }
  ul.list-style-secondary li {
    font-size: 22px;
    font-size: 1.22222rem; }
    ul.list-style-secondary li a:first-child + a, ul.list-style-secondary li div:first-child + div {
      padding-right: 0.5em; }
    ul.list-style-secondary li .link-compact, ul.list-style-secondary li > div:last-child {
      display: inline-block; }
    ul.list-style-secondary li .link-compact {
      width: 17px;
      width: 0.94444rem;
      height: 17px;
      height: 0.94444rem;
      background-size: 8px 7px;
      background-size: 0.44444rem auto; }
  .pubs-list-filter-tabs .search-form-controls--compact {
    display: flex; }
    .pubs-list-filter-tabs .search-form-controls--compact input {
      margin: initial; }
    .pubs-list-filter-tabs .search-form-controls--compact input#edit-submit-all-publications-presentations, .pubs-list-filter-tabs .search-form-controls--compact input#edit-reset {
      margin-left: 1em !important; } }

@media (min-width: 40.625em) {
  @supports (display: grid) {
    ul.list-style-primary {
      grid-template-columns: repeat(3, 1fr); } } }

@media (min-width: 48em) {
  ul.list-style-secondary li {
    position: relative;
    justify-content: flex-start; }
    ul.list-style-secondary li > a, ul.list-style-secondary li div:first-child, ul.list-style-secondary li > div:first-child + div {
      flex: initial !important; }
  ul.list-style-secondary li > div:first-child + div, ul.list-style-secondary li > a:first-child + a {
    padding-right: 1em; }
  ul.list-style-secondary li > div:last-child {
    position: absolute;
    right: 0.5em; }
  @supports (display: grid) {
    .list-full-teasers .views-row {
      display: grid;
      grid-gap: 0 2em;
      grid-template-columns: 19.72222rem auto;
      align-items: start; }
      .list-full-teasers .views-row > div {
        margin-bottom: 1em; }
      .list-full-teasers .views-row .views-field-field-summary {
        margin-bottom: 2em; }
      .list-full-teasers .views-row > div:last-child {
        margin-bottom: 0; }
    .list-full-teasers .views-field-field-image, .list-full-teasers .field--name-field-image {
      grid-row: 1 / 5;
      margin-bottom: 0;
      line-height: 0;
      margin: 0; }
    .list-full-teasers .field--name-field-image, .list-full-teasers p {
      margin: 0 !important; }
    .list-full-teasers h4, .list-full-teasers h3 {
      margin: 0; } } }

@media (min-width: 71.25em) {
  ul.list-style-primary li {
    margin-bottom: 3em; }
  ul.list-style-secondary li > div {
    line-height: 1.15; }
  ul.list-style-secondary > div:last-child, ul.list-style-secondary > a:last-child {
    right: 1em; }
  ul.list-style-secondary a.link-compact {
    width: 17px;
    width: 0.94444rem;
    height: 17px;
    height: 0.94444rem;
    background-size: 8px 7px;
    background-size: 0.44444rem auto; }
  .grid-list.events-list li {
    flex: 0 1 49%; }
  .related-features {
    display: flex; }
    .related-features .updates-list-compact {
      margin-left: 90px;
      margin-left: 5rem; }
  .related-project {
    width: 340px;
    width: 18.88889rem;
    flex: 0 0 18.88889rem; }
    .related-project a.link-compact {
      width: 17px;
      width: 0.94444rem;
      height: 17px;
      height: 0.94444rem;
      background-size: 8px 7px;
      background-size: 0.44444rem auto;
      float: right;
      position: relative;
      top: 8px;
      top: 0.44444rem; }
  .updates-list .views-row {
    padding: 2em 0 3em 0; }
  .updates-list .views-row:first-child {
    padding-top: 2.5em; }
  .updates-list-compact {
    max-width: 472px;
    max-width: 26.22222rem; }
    .updates-list-compact .field--name-field-date-published {
      width: 20%; }
    .updates-list-compact .field--name-node-title {
      width: 64%; }
    .updates-list-compact li {
      display: flex;
      width: 100%;
      justify-content: space-between; }
    .updates-list-compact .link-compact {
      display: inline-block !important;
      align-self: center; }
  .list-full-teasers + .block {
    clear: both; }
  .list-full-teasers .views-field-field-image {
    float: left;
    margin: 0 2em 2em 0; }
  .view-all-publications-presentations, .pubs-list-filter-tabs {
    padding: 0 4.33333rem; }
  .view-staff {
    margin: 0; }
  @supports (display: grid) {
    ul.list-style-primary {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1.22222rem; }
    .view-staff .views-row {
      display: grid;
      grid-template-columns: 45% 45%;
      grid-row-gap: 4em;
      justify-content: space-between; }
    .view-staff .views-view-grid .views-col {
      padding: 0;
      width: unset !important;
      display: grid;
      grid-template-columns: 9.66667rem 10.55556rem;
      grid-column-gap: 2.55556rem; }
    .view-staff .views-field-field-image {
      grid-row: 1 / 3; }
    .view-staff h3 {
      margin-top: 3em; }
      .view-staff h3:first-of-type {
        margin-top: 0; }
    .view-staff h4 {
      margin: 0 0 0.15em 0; }
    .view-staff .views-field-title {
      align-self: end; }
    .view-staff .views-field-field-job-title {
      align-self: start; } } }

.view-sidebar-ad-block .field-content > a, a.ad-left, a.ad-right,
.view-sidebar-cta-block .field-content > a, a.cta-left, a.cta-right {
  text-decoration: none;
  display: block; }
  .view-sidebar-ad-block .field-content > a.gradient-primary, .view-sidebar-ad-block .field-content > a.gradient-secondary, a.ad-left.gradient-primary, a.ad-left.gradient-secondary, a.ad-right.gradient-primary, a.ad-right.gradient-secondary,
  .view-sidebar-cta-block .field-content > a.gradient-primary,
  .view-sidebar-cta-block .field-content > a.gradient-secondary, a.cta-left.gradient-primary, a.cta-left.gradient-secondary, a.cta-right.gradient-primary, a.cta-right.gradient-secondary {
    color: #fff;
    line-height: 1.3; }
  .view-sidebar-ad-block .field-content > a:hover, .view-sidebar-ad-block .field-content > a:focus, .view-sidebar-ad-block .field-content > a:active, a.ad-left:hover, a.ad-left:focus, a.ad-left:active, a.ad-right:hover, a.ad-right:focus, a.ad-right:active,
  .view-sidebar-cta-block .field-content > a:hover,
  .view-sidebar-cta-block .field-content > a:focus,
  .view-sidebar-cta-block .field-content > a:active, a.cta-left:hover, a.cta-left:focus, a.cta-left:active, a.cta-right:hover, a.cta-right:focus, a.cta-right:active {
    text-decoration: none; }
  .view-sidebar-ad-block .field-content > a h2, .view-sidebar-ad-block .field-content > a p, a.ad-left h2, a.ad-left p, a.ad-right h2, a.ad-right p,
  .view-sidebar-cta-block .field-content > a h2,
  .view-sidebar-cta-block .field-content > a p, a.cta-left h2, a.cta-left p, a.cta-right h2, a.cta-right p {
    color: #fff;
    font-weight: normal; }
  .view-sidebar-ad-block .field-content > a .ad-text-wrapper,
  .view-sidebar-ad-block .field-content > a .cta-text-wrapper, a.ad-left .ad-text-wrapper,
  a.ad-left .cta-text-wrapper, a.ad-right .ad-text-wrapper,
  a.ad-right .cta-text-wrapper,
  .view-sidebar-cta-block .field-content > a .ad-text-wrapper,
  .view-sidebar-cta-block .field-content > a .cta-text-wrapper, a.cta-left .ad-text-wrapper,
  a.cta-left .cta-text-wrapper, a.cta-right .ad-text-wrapper,
  a.cta-right .cta-text-wrapper {
    padding: 24px 32px 32px 32px;
    padding: 1.33333rem 1.77778rem 1.77778rem 1.77778rem; }
  .view-sidebar-ad-block .field-content > a .ad-header,
  .view-sidebar-ad-block .field-content > a .cta-header, a.ad-left .ad-header,
  a.ad-left .cta-header, a.ad-right .ad-header,
  a.ad-right .cta-header,
  .view-sidebar-cta-block .field-content > a .ad-header,
  .view-sidebar-cta-block .field-content > a .cta-header, a.cta-left .ad-header,
  a.cta-left .cta-header, a.cta-right .ad-header,
  a.cta-right .cta-header {
    margin-top: 0;
    font-size: 20px;
    font-size: 1.11111rem;
    margin-bottom: 1em;
    line-height: 1.1; }
  .view-sidebar-ad-block .field-content > a .ad-text,
  .view-sidebar-ad-block .field-content > a .cta-text, a.ad-left .ad-text,
  a.ad-left .cta-text, a.ad-right .ad-text,
  a.ad-right .cta-text,
  .view-sidebar-cta-block .field-content > a .ad-text,
  .view-sidebar-cta-block .field-content > a .cta-text, a.cta-left .ad-text,
  a.cta-left .cta-text, a.cta-right .ad-text,
  a.cta-right .cta-text {
    font-size: 17px;
    font-size: 0.94444rem; }

.field--name-field-ad-format .view-content > div,
.field--name-field-cta-format .view-content > div {
  display: flex;
  flex-wrap: wrap; }

.field--name-field-ad-format .ad-left, .field--name-field-ad-format .ad-right,
.field--name-field-ad-format .cta-left, .field--name-field-ad-format .cta-right,
.field--name-field-cta-format .ad-left,
.field--name-field-cta-format .ad-right,
.field--name-field-cta-format .cta-left,
.field--name-field-cta-format .cta-right {
  max-width: 347px;
  max-width: 19.27778rem;
  flex: 0 0 19.27778rem; }
  .field--name-field-ad-format .ad-left img, .field--name-field-ad-format .ad-right img,
  .field--name-field-ad-format .cta-left img, .field--name-field-ad-format .cta-right img,
  .field--name-field-cta-format .ad-left img,
  .field--name-field-cta-format .ad-right img,
  .field--name-field-cta-format .cta-left img,
  .field--name-field-cta-format .cta-right img {
    width: 100%;
    line-height: 0; }
  .field--name-field-ad-format .ad-left > a, .field--name-field-ad-format .ad-right > a,
  .field--name-field-ad-format .cta-left > a, .field--name-field-ad-format .cta-right > a,
  .field--name-field-cta-format .ad-left > a,
  .field--name-field-cta-format .ad-right > a,
  .field--name-field-cta-format .cta-left > a,
  .field--name-field-cta-format .cta-right > a {
    display: block;
    display: flex;
    flex-direction: column; }
  .field--name-field-ad-format .ad-left a, .field--name-field-ad-format .ad-right a,
  .field--name-field-ad-format .cta-left a, .field--name-field-ad-format .cta-right a,
  .field--name-field-cta-format .ad-left a,
  .field--name-field-cta-format .ad-right a,
  .field--name-field-cta-format .cta-left a,
  .field--name-field-cta-format .cta-right a {
    color: #fff; }
  .field--name-field-ad-format .ad-left p, .field--name-field-ad-format .ad-right p,
  .field--name-field-ad-format .cta-left p, .field--name-field-ad-format .cta-right p,
  .field--name-field-cta-format .ad-left p,
  .field--name-field-cta-format .ad-right p,
  .field--name-field-cta-format .cta-left p,
  .field--name-field-cta-format .cta-right p {
    margin: 0; }

.field--name-field-ad-format .text-right, .field--name-field-ad-format .text-left,
.field--name-field-cta-format .text-right,
.field--name-field-cta-format .text-left {
  flex: 1 1 auto; }
  .field--name-field-ad-format .text-right p:first-child, .field--name-field-ad-format .text-left p:first-child,
  .field--name-field-cta-format .text-right p:first-child,
  .field--name-field-cta-format .text-left p:first-child {
    margin-top: 0; }
  .field--name-field-ad-format .text-right p:last-child, .field--name-field-ad-format .text-left p:last-child,
  .field--name-field-cta-format .text-right p:last-child,
  .field--name-field-cta-format .text-left p:last-child {
    margin-bottom: 0; }

@media (min-width: 48em) {
  .field--name-field-ad-format .view-content > div,
  .field--name-field-cta-format .view-content > div {
    flex-wrap: nowrap; }
  .field--name-field-ad-format .text-left,
  .field--name-field-cta-format .text-left {
    margin-right: 1.75em; }
  .field--name-field-ad-format .text-right,
  .field--name-field-cta-format .text-right {
    margin-left: 1.75em; } }

.view-all-media-coverage table {
  border: solid 1px black;
  border-collapse: collapse;
  border-spacing: 0; }
  .view-all-media-coverage table thead th {
    background-color: #DDEFEF;
    border: solid 1px black;
    color: black;
    padding: 10px;
    text-align: left;
    font-size: .9em;
    text-transform: uppercase; }
  .view-all-media-coverage table tbody td {
    border: solid 1px black;
    padding: 10px; }

.paragraph--type--infographic {
  margin-top: 2em; }
  .paragraph--type--infographic .view-content, .paragraph--type--infographic .view-content > div {
    text-align: center; }
  .paragraph--type--infographic figcaption {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal; }
  .paragraph--type--infographic .infographic-medium, .paragraph--type--infographic .infographic-large {
    display: none; }

@media (min-width: 34.375em) {
  .paragraph--type--infographic .infographic-small {
    display: none; }
  .paragraph--type--infographic .infographic-medium {
    display: inline-block; } }

@media (min-width: 56.25em) {
  .paragraph--type--infographic .infographic-medium {
    display: none; }
  .paragraph--type--infographic .infographic-large {
    display: inline-block; } }

.aside-block {
  padding: 1.5em;
  background-color: #fff;
  margin-bottom: 1.5em; }
  .aside-block h2 {
    margin: 0;
    width: 100%;
    font-size: 23px;
    font-size: 1.27778rem;
    color: #3154a3;
    font-weight: normal;
    text-align: center; }
    .aside-block h2:after {
      content: " ";
      display: block;
      width: 75%;
      height: 1px;
      background-color: #a6d404;
      margin: 14px auto 28px auto;
      margin: 0.77778rem auto 1.55556rem auto; }
  .aside-block .node a, .aside-block li a, .aside-block .view-content a {
    text-decoration: none; }
    .aside-block .node a:hover, .aside-block .node a:focus, .aside-block li a:hover, .aside-block li a:focus, .aside-block .view-content a:hover, .aside-block .view-content a:focus {
      text-decoration: underline; }

.aside-block.block-views-blockevents-block-4 h2:before {
  content: " ";
  display: block;
  width: 77px;
  width: 4.27778rem;
  height: 77px;
  height: 4.27778rem;
  background-color: #3a2266;
  margin: 0 auto 0.5em auto;
  border-radius: 100%;
  background-image: url("../images/calendar-icon.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.people-list-block .node--view-mode-teaser {
  display: flex; }
  .people-list-block .node--view-mode-teaser .group-right, .people-list-block .node--view-mode-teaser .group-left {
    width: auto; }

.people-list-block .node {
  margin-bottom: 1em; }

.people-list-block .node p {
  line-height: 1.25;
  margin: 0; }

.people-list-block img {
  border-radius: 100%;
  max-width: 68px;
  height: auto;
  margin-right: 1em; }

.people-list-block .node a {
  font-weight: 600;
  margin-bottom: 0.5em; }

.people-list-block .field--name-field-job-title {
  font-size: 15px;
  font-size: 0.83333rem; }

.list-block ul {
  margin: 0;
  padding: 0 0 0 1.5em; }

.list-block li {
  margin: 0 0 0.5em 0.5em; }

.dc-card {
  display: flex;
  flex-direction: column; }

/* By default, show media first. */
.dc-card__media {
  order: -1; }
  .dc-card__media img {
    display: block;
    width: 100%; }

.dc-card--linked[data-once="dc-card--linked-js"]:hover {
  cursor: pointer; }

@media (min-width: 540px) {
  .dc-card.dc-card--content-first .dc-card__media {
    order: initial; }
  .dc-card--horizontal {
    flex-direction: row; } }

.read-more {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.55556rem;
  align-items: center;
  color: #9957a2;
  font-size: 0.88889rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.02222rem; }
  .read-more__icon {
    display: block;
    height: 0.88889rem;
    width: 0.88889rem;
    background-size: 0.44444rem; }

.dc-card--linked[data-once="dc-card--linked-js"]:hover a,
.dc-card--linked.focus a {
  text-decoration: underline; }

.dc-card--linked[data-once="dc-card--linked-js"]:hover .read-more,
.dc-card--linked.focus .read-more {
  color: #3a2266; }
  .dc-card--linked[data-once="dc-card--linked-js"]:hover .read-more__text,
  .dc-card--linked.focus .read-more__text {
    text-decoration: underline; }
  .dc-card--linked[data-once="dc-card--linked-js"]:hover .read-more__icon,
  .dc-card--linked.focus .read-more__icon {
    background-color: #3a2266; }

.page-node-type-support-our-work .region-content-upper {
  background-color: #fff; }

.page-node-type-support-our-work .list-style-secondary {
  margin-bottom: 3em; }

.landing-child-text {
  max-width: 607px;
  max-width: 33.72222rem;
  background-color: #fff;
  padding: 2.25em;
  margin: 1em 0; }

#block-ssi2019-views-block-child-menu-items-block-1 .views-row, #block-ssi2019-views-block-child-menu-items-block-1 .landing-child-teaser {
  margin-bottom: 2em; }

#block-ssi2019-views-block-child-menu-items-block-1 h2 {
  margin-top: 0; }

.page-node-type-our-impact .region-content h2 {
  font-weight: 300;
  font-size: 32px;
  font-size: 1.77778rem;
  line-height: 1.25;
  margin: 0; }

.page-node-type-our-impact .impact-summary {
  margin-bottom: 2em; }

.page-node-type-our-impact .related-features {
  margin-bottom: 3em; }
  .page-node-type-our-impact .related-features .related-project-title-link {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.page-node-type-our-impact .related-project {
  margin-bottom: 2em; }

.page-node-type-our-impact .field--name-field-intro-text {
  margin: 0; }

.page-node-type-research-area .region-content {
  background-color: #fff; }

.page-node-type-research-area .region-content-top {
  padding: 44px 0 58px 0;
  padding: 2.44444rem 0 3.22222rem 0; }

.page-node-type-research-area .field--name-field-description {
  line-height: 1.6; }

.page-node-type-research-area .field--name-field-intro-text {
  margin-bottom: 46px;
  margin-bottom: 2.55556rem; }

.sideways-text {
  display: none; }

@media (min-width: 40.625em) {
  #block-ssi2019-views-block-child-menu-items-block-1 .views-row > * {
    position: relative; }
  #block-ssi2019-views-block-child-menu-items-block-1 .views-row {
    display: flex;
    align-items: center;
    justify-content: center; }
    #block-ssi2019-views-block-child-menu-items-block-1 .views-row > div {
      flex: 0 1 auto; }
    #block-ssi2019-views-block-child-menu-items-block-1 .views-row .landing-child-text {
      max-width: 398px;
      max-width: 22.11111rem;
      left: -58px;
      left: -3.22222rem;
      z-index: 1;
      box-shadow: -10px 10px 0 0 rgba(255, 255, 255, 0.5);
      box-shadow: -0.55556rem 0.55556rem 0 0 rgba(255, 255, 255, 0.5); }
    #block-ssi2019-views-block-child-menu-items-block-1 .views-row:nth-child(odd) .views-field-field-image {
      order: 2;
      left: -58px;
      left: -3.22222rem; }
    #block-ssi2019-views-block-child-menu-items-block-1 .views-row:nth-child(odd) .landing-child-text {
      order: 1;
      left: 0;
      box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.5);
      box-shadow: 0.55556rem 0.55556rem 0 0 rgba(255, 255, 255, 0.5); } }

@media (min-width: 71.25em) {
  .page-node-type-support-our-work .field--name-field-additional-ways-to-give {
    position: relative; }
    .page-node-type-support-our-work .field--name-field-additional-ways-to-give:after {
      content: " ";
      display: block;
      position: absolute;
      width: 13.44444rem;
      height: 17.38889rem;
      background-image: url("../images/leaf2.svg");
      background-size: contain;
      background-repeat: no-repeat;
      bottom: -6.66667rem;
      right: -3rem; }
  .page-node-type-our-impact .region-content h2 {
    font-size: 46px;
    font-size: 2.55556rem; }
  .page-node-type-our-impact .region-content div.button-link-secondary {
    text-align: center; }
  .impact-details {
    position: relative; }
    .impact-details:before {
      content: " ";
      line-height: 1;
      font-size: 13px;
      display: block;
      position: absolute;
      left: -104px;
      top: 0;
      width: 2px;
      height: 150px;
      background-color: #d2d2d2;
      transform: rotate(-180deg); }
    .impact-details .sideways-text {
      display: block;
      position: absolute;
      left: -110px;
      top: 160px;
      writing-mode: tb-rl;
      transform: rotate(-180deg);
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 1; }
  #block-ssi2019-views-block-child-menu-items-block-1 .views-row > div {
    flex-shrink: 0; } }

.no-flexbox .landing-child-text, .no-flexbox .views-field-field-image {
  left: 0 !important;
  box-shadow: 0 !important; }

.no-flexbox .landing-child-text {
  max-width: 607px !important;
  max-width: 33.72222rem !important; }

.page-node-type-homepage .hero-wrapper {
  background-image: linear-gradient(276deg, #3a2266, #5273b9); }
  .page-node-type-homepage .hero-wrapper * {
    color: #fff; }
  .page-node-type-homepage .hero-wrapper:after {
    display: none; }

.page-node-type-homepage .region-content {
  background-color: #fff;
  padding-top: 70px;
  padding-top: 3.88889rem; }

.home-intro > h2, .home-learn-more > h2 {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

.home-intro {
  position: relative; }
  .home-intro img {
    -moz-box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.21);
    -webkit-box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.21);
    box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.21);
    box-shadow: 0.55556rem 0.55556rem 0 0 rgba(255, 255, 255, 0.21); }
  .home-intro h3 {
    font-weight: 300;
    margin: 0 0 1em 0;
    line-height: 1.25;
    font-size: 32px;
    font-size: 1.77778rem; }
    .home-intro h3:after {
      content: " ";
      display: block;
      width: 96px;
      width: 5.33333rem;
      height: 5px;
      height: 0.27778rem;
      background-color: #a6d404;
      margin-top: 0.5em; }
  .home-intro .field--name-field-homepage-header-text {
    font-size: 21px;
    font-size: 1.16667rem;
    line-height: 1.4;
    font-weight: 300; }
  .home-intro .field--name-field-image {
    margin-bottom: 1em; }

.home-learn-more .field--name-node-title h3 a {
  font-weight: normal;
  font-size: 26px;
  font-size: 1.44444rem;
  margin-bottom: 0.25em;
  text-decoration: none; }
  .home-learn-more .field--name-node-title h3 a:after {
    margin-top: 0.5em;
    width: 85px;
    width: 4.72222rem;
    transition: 200ms width ease; }

#home-info-area {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #d0d0d0; }
  #home-info-area p {
    font-size: 26px;
    font-size: 1.44444rem;
    font-weight: 600;
    color: #9957a2;
    line-height: 1.2; }
  #home-info-area .button-link-primary {
    font-size: 15px;
    font-size: 0.83333rem; }

.home-main-action {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .home-main-action li {
    margin: 1em 0; }

#block-entityviewcontent-8 .list-full-teasers .field--name-field-image {
  margin: 0 2em 2em 0; }

#block-entityviewcontent-8 .list-full-teasers h3 {
  font-weight: normal;
  line-height: 1.2; }

.page-node-type-homepage .field--name-field-ads,
.page-node-type-homepage .field--name-field-cta {
  margin: 1em 0; }
  .page-node-type-homepage .field--name-field-ads .field__item:first-child,
  .page-node-type-homepage .field--name-field-cta .field__item:first-child {
    margin-bottom: 1em; }

@media (max-width: 47.9375em) {
  .page-node-type-homepage #header {
    padding-bottom: 2em; }
  .page-node-type-homepage .hero-wrapper .container {
    margin-top: -3.25em; } }

@media (min-width: 48em) {
  .home-main-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .home-main-action li {
      margin: 0;
      flex: 0 1 32.2%; }
  .page-node-type-homepage .container {
    padding: 0 2em; }
  .page-node-type-homepage #header {
    padding-bottom: 2em; }
  .home-intro .field--name-field-image {
    float: right;
    margin-left: 18px;
    margin-left: 1rem;
    position: relative;
    top: -3.25em; } }

@media (min-width: 48em) and (max-width: 60em) {
  .home-intro .field--name-field-image {
    max-width: 400px;
    max-width: 22.22222rem; } }

@media (min-width: 60em) {
  .page-node-type-homepage .field--name-field-ads,
  .page-node-type-homepage .field--name-field-cta {
    display: flex;
    justify-content: space-between;
    margin: 0; } }

@media (min-width: 71.25em) {
  .page-node-type-homepage #header {
    padding-bottom: 3em; }
  .page-node-type-homepage .container {
    padding: 0; }
  .page-node-type-homepage .hero-wrapper {
    padding-top: 0;
    padding-bottom: 3em; }
    .page-node-type-homepage .hero-wrapper .container {
      position: relative; }
      .page-node-type-homepage .hero-wrapper .container:after {
        content: " ";
        display: block;
        width: 21.44444rem;
        height: 15.88889rem;
        position: absolute;
        background-image: url("../images/leaf1.svg");
        background-repeat: no-repeat;
        background-size: contain;
        left: -6.66667rem;
        bottom: -6.11111rem; }
        .no-svg .page-node-type-homepage .hero-wrapper .container:after {
          display: none; }
  .home-intro h3 {
    font-size: 46px;
    font-size: 2.55556rem;
    line-height: 1.15;
    padding-top: 1.75em; }
  .home-intro .field--name-field-homepage-header-text {
    margin-left: 42px;
    margin-left: 2.33333rem; }
  .home-intro .field--name-field-image {
    float: right;
    margin-left: 85px;
    margin-left: 4.72222rem;
    top: -1em; }
  .home-learn-more {
    padding-bottom: 2em; }
    .home-learn-more h3 a:hover:after, .home-learn-more h3 a:focus:after {
      width: 100%; }
  #home-info-area {
    display: flex;
    padding: 3em 42px;
    padding: 3em 2.33333rem;
    margin-bottom: 3em;
    align-items: center;
    justify-content: space-between; }
    #home-info-area p {
      margin: 0; }
    #home-info-area .button-link-primary {
      font-size: 17px;
      font-size: 0.94444rem;
      padding: 0.975em 2.35em;
      margin-bottom: 0; }
  #block-entityviewcontent-8 {
    position: relative; }
    #block-entityviewcontent-8:before {
      content: " ";
      line-height: 1;
      font-size: 13px;
      display: block;
      position: absolute;
      left: -104px;
      top: 0;
      width: 2px;
      height: 150px;
      background-color: #d2d2d2;
      transform: rotate(-180deg); }
    #block-entityviewcontent-8 .sideways-text {
      display: block;
      position: absolute;
      left: -110px;
      top: 160px;
      writing-mode: tb-rl;
      transform: rotate(-180deg);
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 1; }
    #block-entityviewcontent-8:before {
      height: 219px;
      height: 12.16667rem;
      top: -98px;
      top: -5.44444rem; }
    #block-entityviewcontent-8 h2.sideways-text {
      color: #272727;
      margin: 0;
      top: 135px;
      top: 7.5rem; }
  .page-node-type-homepage .field--name-field-ads,
  .page-node-type-homepage .field--name-field-cta {
    margin: 2.75em 0 2.25em 0; } }

.view-filters .form-row {
  margin-bottom: 1.11111rem; }

.view-filters .form-row--side-by-side {
  display: grid;
  gap: 1.11111rem; }
  @media (min-width: 33.75em) {
    .view-filters .form-row--side-by-side {
      grid-template-columns: 13.33333rem auto; } }

.view-filters .form-item {
  margin: 0;
  padding: 0; }

.view-filters .form-type-textfield,
.view-filters .form-type-select {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.22222rem; }
  .view-filters .form-type-textfield label,
  .view-filters .form-type-select label {
    font-size: 0.88889rem;
    line-height: 1.5;
    font-weight: bold; }

.view-filters .form-composite {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.22222rem; }
  .view-filters .form-composite legend {
    font-size: 0.88889rem;
    line-height: 1.5;
    font-weight: bold; }

.view-filters .form-checkboxes {
  display: flex;
  flex-flow: row wrap;
  gap: 1em; }
  .view-filters .form-checkboxes .form-item {
    display: flex;
    flex-flow: row nowrap;
    gap: 0.5em;
    align-items: center;
    margin: 0;
    padding: 0; }
  .view-filters .form-checkboxes input {
    width: 1em;
    height: 1em; }

.view-filters .form-type-textfield input {
  padding: 0.22222rem 0.44444rem;
  border: 1px solid black;
  font-size: 1rem;
  line-height: 1.5; }

.view-filters .select2-selection--multiple {
  border-radius: 0;
  border: 1px solid black; }

.view-filters .select2-container .select2-selection .select2-search__field {
  padding: 0.22222rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5; }

.view-filters .select2-container .select2-selection .select2-selection__rendered {
  display: block;
  padding: 0 0.22222rem; }

.view-filters .select2-container .select2-selection .select2-selection__choice {
  padding: 0;
  padding-right: 0.5em;
  font-size: 0.88889rem;
  line-height: 1.5;
  border-radius: 0;
  border: 1px solid #d0d0d0;
  background-color: transparent; }

.view-filters .select2-container .select2-selection .select2-selection__choice__remove {
  margin: 0;
  padding: 0 0.4em; }
  .view-filters .select2-container .select2-selection .select2-selection__choice__remove:hover, .view-filters .select2-container .select2-selection .select2-selection__choice__remove:focus {
    color: #3154a3; }

.news-list .views-row {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 1.38889rem;
  margin-bottom: 1.38889rem; }
  .news-list .views-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0; }

.news-list .view-footer {
  border-top: 1px solid #d0d0d0;
  padding-top: 2.22222rem;
  margin-top: 1.38889rem;
  text-align: center; }

.page--path-news .block-system-main-block {
  padding: 0 0 1.38889rem; }
  .page--path-news .block-system-main-block p {
    max-width: 44.44444rem; }
    .page--path-news .block-system-main-block p:last-child {
      margin-bottom: 0; }

.view-news-archive .view-filters {
  margin-bottom: 2.77778rem; }

.node--view-mode-news-archive-teaser.dc-card {
  gap: 0.66667rem; }
  @media (min-width: 540px) {
    .node--view-mode-news-archive-teaser.dc-card {
      gap: clamp(30px, 5.5vw, 80px); } }

.node--view-mode-news-archive-teaser .dc-card__content {
  flex: 2;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.55556rem; }

.node--view-mode-news-archive-teaser .dc-card__media {
  flex: 1; }

.node--view-mode-news-archive-teaser h3 {
  margin: 0;
  font-size: 26px;
  font-size: 1.44444rem;
  line-height: 1.15;
  font-weight: normal; }

.node--view-mode-news-archive-teaser time {
  order: -1;
  font-size: 0.88889rem;
  line-height: 1.5; }

.node--view-mode-news-archive-teaser p {
  margin: 0;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.33; }

.node--view-mode-news-archive-teaser img {
  display: block;
  width: 100%; }

@media (min-width: 71.25em) {
  .page--path-the-latest .region-content .container {
    padding: 0; } }

.page--path-the-latest .block-views,
.page--path-the-latest .block-system-main-block {
  padding: 3.55556rem 0; }
  .page--path-the-latest .block-views h2,
  .page--path-the-latest .block-system-main-block h2 {
    margin: 0;
    margin-bottom: 2.66667rem; }
  .page--path-the-latest .block-views p,
  .page--path-the-latest .block-system-main-block p {
    max-width: 44.44444rem; }
    .page--path-the-latest .block-views p:last-child,
    .page--path-the-latest .block-system-main-block p:last-child {
      margin-bottom: 0; }

.page--path-the-latest .block-system-main-block {
  padding-top: 0; }
  .page--path-the-latest .block-system-main-block h2 {
    margin-bottom: 1.33333rem; }

.page--path-the-latest .block-views-blockthe-latest-news-latest-5 {
  background-color: white; }
  .page--path-the-latest .block-views-blockthe-latest-news-latest-5 h2 {
    margin-bottom: 1.33333rem; }
  .page--path-the-latest .block-views-blockthe-latest-news-latest-5 .news-list .views-row:first-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: clamp(2.77778rem, 7vw, 4.44444rem); }

.page--path-the-latest .block-views-blockthe-latest-media-coverage-latest-9 {
  padding: 4rem 0;
  background-image: linear-gradient(274deg, #3a2266 -11%, #5273b9 110%);
  color: white; }
  .page--path-the-latest .block-views-blockthe-latest-media-coverage-latest-9 h2, .page--path-the-latest .block-views-blockthe-latest-media-coverage-latest-9 h3, .page--path-the-latest .block-views-blockthe-latest-media-coverage-latest-9 a {
    color: white; }

.page--path-the-latest .block-views-blockthe-latest-videos-latest-3 {
  background-color: white; }

@media (min-width: 71.25em) {
  .page--path-the-latest .block-views-blockthe-latest-events-upcoming-events .container {
    padding: 0 78px;
    padding: 0 4.33333rem; } }

.node--type-news.node--view-mode-news-landing-featured.dc-card {
  display: flex;
  flex-flow: column nowrap; }
  @media (min-width: 720px) {
    .node--type-news.node--view-mode-news-landing-featured.dc-card {
      display: grid;
      align-items: center;
      grid-template-columns: 52% 5% 43%; }
      .node--type-news.node--view-mode-news-landing-featured.dc-card .dc-card__media {
        grid-row: 1;
        grid-column: 1 / span 2; }
      .node--type-news.node--view-mode-news-landing-featured.dc-card .dc-card__content {
        grid-row: 1;
        grid-column: 2 / span 2;
        height: fit-content; } }
  @media (min-width: 60em) {
    .node--type-news.node--view-mode-news-landing-featured.dc-card {
      grid-template-columns: 57% 5% 38%; } }

.node--type-news.node--view-mode-news-landing-featured .dc-card__content {
  display: flex;
  flex-flow: column nowrap;
  padding: 1.33333rem 2.22222rem;
  margin: 0;
  background-color: #4b6cb7;
  box-shadow: -0.55556rem 0.55556rem rgba(255, 255, 255, 0.21);
  color: white; }
  @media (max-width: calc(720px - 1px)) {
    .node--type-news.node--view-mode-news-landing-featured .dc-card__content {
      margin: -2.77778rem 1.38889rem 0; } }
  .node--type-news.node--view-mode-news-landing-featured .dc-card__content time {
    order: -1; }

.node--type-news.node--view-mode-news-landing-featured h3 {
  margin: 0 0 0.83333rem;
  font-size: clamp(1.55556rem, 2.5vw, 1.88889rem);
  line-height: 1.1;
  font-weight: normal; }
  .node--type-news.node--view-mode-news-landing-featured h3 a {
    color: white; }

.node--type-news.node--view-mode-news-landing-featured time {
  margin: 0 0 0.83333rem;
  font-size: 0.88889rem;
  line-height: 1.5; }

.node--type-news.node--view-mode-news-landing-featured p {
  font-size: 1rem;
  line-height: 1.33;
  margin: 0 0 1.38889rem; }

.node--type-news.node--view-mode-news-landing-featured img {
  display: block; }

.node--type-news.node--view-mode-news-landing-featured .read-more {
  margin-left: 0;
  transition: all 200ms ease-in-out; }
  .node--type-news.node--view-mode-news-landing-featured .read-more__text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal; }
  .node--type-news.node--view-mode-news-landing-featured .read-more__icon {
    width: 1.55556rem;
    height: 1.55556rem;
    background-size: contain;
    background-color: transparent;
    background-image: url("../images/arrow-right--white.svg");
    transition: all 200ms ease-in-out; }

.node--type-news.node--view-mode-news-landing-featured:hover .read-more, .node--type-news.node--view-mode-news-landing-featured.focus .read-more {
  margin-left: 0.33333rem; }
  .node--type-news.node--view-mode-news-landing-featured:hover .read-more__icon, .node--type-news.node--view-mode-news-landing-featured.focus .read-more__icon {
    background-color: transparent; }

/**
  * Slider defined in js/the-latest-media-coverage.js with settings for 3
  * screen sizes:
  * - Width < 640px: 1 slide per page, 0 gap
  * - Width >= 640px, < 960px: 2 slides per page, 4rem gap
  * - Width >= 960px: 3 slides per page, 4rem gap
  */
.the-latest-media-coverage .section-heading {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.88889rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667rem; }
  .the-latest-media-coverage .section-heading h2 {
    margin-bottom: 0; }

.the-latest-media-coverage .splide__arrows {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.88889rem;
  align-items: center; }

.the-latest-media-coverage .splide__arrow {
  position: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  transform: unset;
  background: none;
  border-radius: 0;
  opacity: unset; }
  .the-latest-media-coverage .splide__arrow svg {
    transform: unset;
    width: 1.88889rem;
    height: 1.88889rem;
    opacity: 1 !important; }
  .the-latest-media-coverage .splide__arrow[disabled] {
    opacity: 0.25; }
  .the-latest-media-coverage .splide__arrow:not([disabled]):hover, .the-latest-media-coverage .splide__arrow:not([disabled]):focus {
    opacity: 0.75; }

@media (min-width: 640px) {
  .the-latest-media-coverage .splide__slide:nth-child(2n+1):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #7a9be5;
    right: calc(0rem - 2rem); } }

@media (min-width: 960px) {
  .the-latest-media-coverage .splide__slide:nth-child(3n+1):after,
  .the-latest-media-coverage .splide__slide:nth-child(3n+2):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #7a9be5;
    right: calc(0rem - 2rem); } }

.node--type-media-coverage.node--view-mode-news-landing-teaser .dc-card__content {
  display: flex;
  flex-flow: column nowrap;
  gap: 1.11111rem; }

.node--type-media-coverage.node--view-mode-news-landing-teaser .publication {
  order: -1; }

.node--type-media-coverage.node--view-mode-news-landing-teaser h3 {
  margin: 0;
  font-size: 1.27778rem;
  line-height: 1.26;
  font-weight: normal; }

.node--type-media-coverage.node--view-mode-news-landing-teaser .publication {
  font-size: 0.88889rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.06667rem;
  text-transform: uppercase; }
  .node--type-media-coverage.node--view-mode-news-landing-teaser .publication p {
    margin: 0; }

.upcoming-events-list .view-content {
  display: grid;
  gap: clamp(1.38889rem, 3.5vw, 2.77778rem); }
  @media (min-width: 40.625em) {
    .upcoming-events-list .view-content {
      grid-template-columns: 1fr 1fr; } }

.node--type-event.node--view-mode-news-landing-teaser {
  height: 100%; }
  .node--type-event.node--view-mode-news-landing-teaser .dc-card__media {
    position: relative;
    margin-bottom: -5.55556rem; }
  .node--type-event.node--view-mode-news-landing-teaser.dc-card--with-media .dc-card__content {
    padding: 6.38889rem 2.22222rem 1.38889rem; }
  .node--type-event.node--view-mode-news-landing-teaser .dc-card__content {
    background-color: white;
    padding: 1.38889rem 2.22222rem;
    display: flex;
    flex-flow: column nowrap;
    height: 100%; }
    .node--type-event.node--view-mode-news-landing-teaser .dc-card__content h3 {
      margin-bottom: 0.44444rem; }
    .node--type-event.node--view-mode-news-landing-teaser .dc-card__content .time,
    .node--type-event.node--view-mode-news-landing-teaser .dc-card__content .summary {
      margin-bottom: 0.83333rem; }
    .node--type-event.node--view-mode-news-landing-teaser .dc-card__content .location {
      margin-top: auto; }
  .node--type-event.node--view-mode-news-landing-teaser h3 {
    margin: 0;
    font-size: 26px;
    font-size: 1.44444rem;
    line-height: 1.15;
    font-weight: 600; }
    .node--type-event.node--view-mode-news-landing-teaser h3 a {
      color: #3154a3; }
  .node--type-event.node--view-mode-news-landing-teaser p {
    margin: 0;
    font-size: 21px;
    font-size: 1.16667rem;
    line-height: 1.33; }
  .node--type-event.node--view-mode-news-landing-teaser img {
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    width: 7.16667rem; }
  .node--type-event.node--view-mode-news-landing-teaser .time {
    font-size: 1.22222rem;
    line-height: 1.36;
    font-weight: 500;
    color: #0066dc; }
  .node--type-event.node--view-mode-news-landing-teaser .location {
    padding: 0.83333rem 0 0;
    border-top: 1px solid #9957a2;
    color: #9957a2;
    display: flex;
    flex-flow: row nowrap;
    gap: 0.55556rem;
    align-items: center; }
    .node--type-event.node--view-mode-news-landing-teaser .location p {
      font-size: 0.77778rem;
      line-height: 1.5;
      text-transform: uppercase;
      letter-spacing: 0.02778rem; }
    .node--type-event.node--view-mode-news-landing-teaser .location::before {
      content: url("../images/location-pin.svg");
      display: block;
      width: 0.88889rem;
      height: 1.16667rem;
      color: #9957a2; }

.page--tips-for-healthier-living .clearfix:after {
  display: none; }

.page--tips-for-healthier-living .paragraph--type-thumbnail-with-title {
  margin-top: 2.77778rem;
  margin-bottom: 2.77778rem; }

.page--tips-for-healthier-living .paragraph--type-latest-news {
  margin-top: 2.77778rem; }