@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h4, h5, p, a, li, button, input, label, textarea, span, blockquote {
  font-family: 'Muli', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: #58498F; }

h1 {
  font-size: 66px;
  line-height: 1.307;
  font-weight: 300; }
  h1 strong {
    font-weight: 600; }

h2 {
  font-size: 44px;
  font-weight: 500;
  line-height: 1.227; }
  h2 strong {
    font-weight: 700; }

h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700; }

h4 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700; }

h5 {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 300; }

p, input, textarea, li {
  font-size: 17px;
  line-height: 1.333;
  font-weight: 300;
  color: #333333; }
  p em, input em, textarea em, li em {
    font-style: italic; }

label {
  font-size: 15px;
  line-height: 1.333; }

a {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  h1 {
    font-size: 50px; }
  h2 {
    font-size: 35px; }
  h3 {
    font-size: 26px; }
  h4 {
    font-size: 22px; }
  h5 {
    font-size: 19px; } }

@keyframes arrowButton {
  0% {
    transform-origin: 100% 0%;
    transform: scale(1, 1); }
  50% {
    transform-origin: 100% 0%;
    transform: scale(0, 1); }
  50.1% {
    transform-origin: 0% 0%;
    transform: scale(0, 1); }
  100% {
    transform-origin: 0% 0%;
    transform: scale(1, 1); } }

nav#navigation {
  display: block; }
  nav#navigation div#navbar {
    position: fixed;
    z-index: 9999;
    display: grid;
    grid-template-columns: 1fr 205px 205px 35px;
    grid-template-areas: "Logo Campaign Donate Hamburger";
    gap: 0px 30px;
    width: 80%;
    height: 90px;
    top: 0;
    left: 0;
    padding: 0 10% 0 10%;
    background-color: transparent;
    transition: padding 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
    nav#navigation div#navbar::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #FFFFFF;
      opacity: 1;
      transform: translateY(0);
      transition: transform 0.25s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.25s cubic-bezier(0.86, 0, 0.07, 1);
      z-index: -1; }
    nav#navigation div#navbar.homepage-top {
      padding: 35px 10% 0 10%; }
      nav#navigation div#navbar.homepage-top::before {
        transform: translateY(-100%); }
      nav#navigation div#navbar.homepage-top div.logo-wrapper {
        width: 170px;
        height: 67px; }
      nav#navigation div#navbar.homepage-top div.donate a.button, nav#navigation div#navbar.homepage-top div.campaign a.button {
        padding: 15px; }
      nav#navigation div#navbar.homepage-top div.campaign {
        top: -13px; }
    nav#navigation div#navbar div.logo-wrapper {
      position: relative;
      width: 130px;
      height: 51px;
      justify-self: left;
      align-self: center;
      grid-area: Logo;
      transition: width 0.25s cubic-bezier(0.86, 0, 0.07, 1), height 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
      nav#navigation div#navbar div.logo-wrapper img.logo {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: 100%;
        opacity: 1;
        transition: opacity 0.25s cubic-bezier(0.86, 0, 0.07, 1), width 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
        nav#navigation div#navbar div.logo-wrapper img.logo.white {
          opacity: 0; }
    nav#navigation div#navbar div.donate, nav#navigation div#navbar div.campaign {
      display: block;
      position: relative;
      align-self: center;
      transition: top 0.2s ease-in-out;
      top: 0; }
      nav#navigation div#navbar div.donate.donate, nav#navigation div#navbar div.campaign.donate {
        grid-area: Donate;
        background: #58498F; }
        nav#navigation div#navbar div.donate.donate button, nav#navigation div#navbar div.donate.donate a, nav#navigation div#navbar div.campaign.donate button, nav#navigation div#navbar div.campaign.donate a {
          font-weight: 600; }
          nav#navigation div#navbar div.donate.donate button svg, nav#navigation div#navbar div.donate.donate a svg, nav#navigation div#navbar div.campaign.donate button svg, nav#navigation div#navbar div.campaign.donate a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            nav#navigation div#navbar div.donate.donate button svg g path, nav#navigation div#navbar div.donate.donate a svg g path, nav#navigation div#navbar div.campaign.donate button svg g path, nav#navigation div#navbar div.campaign.donate a svg g path {
              fill: #FFFFFF; }
          nav#navigation div#navbar div.donate.donate button:hover svg g path#Bar, nav#navigation div#navbar div.donate.donate a:hover svg g path#Bar, nav#navigation div#navbar div.campaign.donate button:hover svg g path#Bar, nav#navigation div#navbar div.campaign.donate a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        nav#navigation div#navbar div.donate.donate button, nav#navigation div#navbar div.campaign.donate button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        nav#navigation div#navbar div.donate.donate a, nav#navigation div#navbar div.campaign.donate a {
          color: #FFFFFF; }
        nav#navigation div#navbar div.donate.donate::before, nav#navigation div#navbar div.campaign.donate::before {
          background: #58498F; }
        nav#navigation div#navbar div.donate.donate::after, nav#navigation div#navbar div.campaign.donate::after {
          background-image: url("/assets/images/brushed-edges/donate_brushed_edge.svg"); }
        nav#navigation div#navbar div.donate.donate a.button, nav#navigation div#navbar div.campaign.donate a.button {
          color: #FFFFFF; }
      nav#navigation div#navbar div.donate.campaign, nav#navigation div#navbar div.campaign.campaign {
        grid-area: Campaign;
        background: #74C6CA; }
        nav#navigation div#navbar div.donate.campaign button, nav#navigation div#navbar div.donate.campaign a, nav#navigation div#navbar div.campaign.campaign button, nav#navigation div#navbar div.campaign.campaign a {
          font-weight: 600; }
          nav#navigation div#navbar div.donate.campaign button svg, nav#navigation div#navbar div.donate.campaign a svg, nav#navigation div#navbar div.campaign.campaign button svg, nav#navigation div#navbar div.campaign.campaign a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            nav#navigation div#navbar div.donate.campaign button svg g path, nav#navigation div#navbar div.donate.campaign a svg g path, nav#navigation div#navbar div.campaign.campaign button svg g path, nav#navigation div#navbar div.campaign.campaign a svg g path {
              fill: #58498F; }
          nav#navigation div#navbar div.donate.campaign button:hover svg g path#Bar, nav#navigation div#navbar div.donate.campaign a:hover svg g path#Bar, nav#navigation div#navbar div.campaign.campaign button:hover svg g path#Bar, nav#navigation div#navbar div.campaign.campaign a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        nav#navigation div#navbar div.donate.campaign button, nav#navigation div#navbar div.campaign.campaign button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        nav#navigation div#navbar div.donate.campaign a, nav#navigation div#navbar div.campaign.campaign a {
          color: #58498F; }
        nav#navigation div#navbar div.donate.campaign::before, nav#navigation div#navbar div.campaign.campaign::before {
          background: #74C6CA; }
        nav#navigation div#navbar div.donate.campaign::after, nav#navigation div#navbar div.campaign.campaign::after {
          background-image: url("/assets/images/brushed-edges/campaign_brushed_edge.svg"); }
        nav#navigation div#navbar div.donate.campaign a.button, nav#navigation div#navbar div.campaign.campaign a.button {
          padding: 5px 15px 4px 15px;
          font-weight: 400;
          color: #58498F; }
      nav#navigation div#navbar div.donate::before, nav#navigation div#navbar div.campaign::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 80px;
        top: -75px;
        left: 0; }
      nav#navigation div#navbar div.donate::after, nav#navigation div#navbar div.campaign::after {
        content: '';
        display: block;
        position: absolute;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
        bottom: -8px; }
      nav#navigation div#navbar div.donate a.button, nav#navigation div#navbar div.campaign a.button {
        display: grid;
        grid-template-columns: 40px 1fr;
        column-gap: 10px;
        font-size: 17px;
        line-height: 25px;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 33px 15px 27px 15px;
        transition: padding 0.2s ease-in-out; }
        nav#navigation div#navbar div.donate a.button svg, nav#navigation div#navbar div.campaign a.button svg {
          align-self: end;
          margin-bottom: 6px;
          margin-left: 0 !important; }
    nav#navigation div#navbar div.hamburger {
      justify-self: right;
      align-self: center;
      cursor: pointer;
      grid-area: Hamburger; }
      nav#navigation div#navbar div.hamburger div.bar {
        width: 35px;
        height: 3px;
        background: #58498F;
        margin: 7px 0;
        transition: transform 0.3s ease-in-out, background 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
        nav#navigation div#navbar div.hamburger div.bar.two {
          opacity: 1;
          transition: opacity 0.3s ease-in-out, background 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
    nav#navigation div#navbar.open::before {
      background-color: #58498F; }
    nav#navigation div#navbar.open div.logo-wrapper a img.logo.colour {
      opacity: 0; }
    nav#navigation div#navbar.open div.logo-wrapper a img.logo.white {
      opacity: 1; }
    nav#navigation div#navbar.open div.donate {
      background-color: #74C6CA; }
      nav#navigation div#navbar.open div.donate button, nav#navigation div#navbar.open div.donate a {
        font-weight: 600; }
        nav#navigation div#navbar.open div.donate button svg, nav#navigation div#navbar.open div.donate a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          nav#navigation div#navbar.open div.donate button svg g path, nav#navigation div#navbar.open div.donate a svg g path {
            fill: #58498F; }
        nav#navigation div#navbar.open div.donate button:hover svg g path#Bar, nav#navigation div#navbar.open div.donate a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      nav#navigation div#navbar.open div.donate button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      nav#navigation div#navbar.open div.donate a {
        color: #58498F; }
      nav#navigation div#navbar.open div.donate::before {
        background-color: #74C6CA; }
      nav#navigation div#navbar.open div.donate::after {
        background-image: url("/assets/images/brushed-edges/campaign_brushed_edge.svg"); }
      nav#navigation div#navbar.open div.donate a.button {
        color: #58498F; }
    nav#navigation div#navbar.open div.hamburger div.bar, nav#navigation div#navbar.open div.hamburger.coloured div.bar {
      background: #FFF; }
    nav#navigation div#navbar.open div.hamburger div.one, nav#navigation div#navbar.open div.hamburger.coloured div.one {
      transform: rotate(-45deg) translate(-8px, 7px); }
    nav#navigation div#navbar.open div.hamburger div.two, nav#navigation div#navbar.open div.hamburger.coloured div.two {
      opacity: 0; }
    nav#navigation div#navbar.open div.hamburger div.three, nav#navigation div#navbar.open div.hamburger.coloured div.three {
      transform: rotate(45deg) translate(-6px, -6px); }
  nav#navigation div#nav_menu {
    position: fixed;
    display: grid;
    align-items: center;
    top: -100vh;
    height: 100vh;
    width: 100vw;
    z-index: 8;
    background-color: #58498F;
    overflow-y: auto;
    transition: top 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
    nav#navigation div#nav_menu.open {
      top: 0; }
    nav#navigation div#nav_menu div.menu-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 275px 200px;
      row-gap: 50px;
      column-gap: 30px;
      padding: 120px 10% 0 10%;
      justify-items: left; }
      nav#navigation div#nav_menu div.menu-wrapper div.col a {
        display: block;
        font-size: 28px;
        line-height: 35px;
        color: #FFFFFF;
        font-weight: 300 !important;
        text-align: left;
        transition: color 0.6s ease-in-out; }
        nav#navigation div#nav_menu div.menu-wrapper div.col a:hover {
          color: #74C6CA; }
          nav#navigation div#nav_menu div.menu-wrapper div.col a:hover svg#arrow_button path {
            fill: #74C6CA; }
      nav#navigation div#nav_menu div.menu-wrapper div.col button, nav#navigation div#nav_menu div.menu-wrapper div.col a {
        font-weight: 600; }
        nav#navigation div#nav_menu div.menu-wrapper div.col button svg, nav#navigation div#nav_menu div.menu-wrapper div.col a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          nav#navigation div#nav_menu div.menu-wrapper div.col button svg g path, nav#navigation div#nav_menu div.menu-wrapper div.col a svg g path {
            fill: #FFFFFF; }
        nav#navigation div#nav_menu div.menu-wrapper div.col button:hover svg g path#Bar, nav#navigation div#nav_menu div.menu-wrapper div.col a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      nav#navigation div#nav_menu div.menu-wrapper div.col button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      nav#navigation div#nav_menu div.menu-wrapper div.col a {
        color: #FFFFFF; }
      nav#navigation div#nav_menu div.menu-wrapper div.col svg#arrow_button {
        margin-left: 0;
        top: -1px; }
        nav#navigation div#nav_menu div.menu-wrapper div.col svg#arrow_button path {
          transition: fill 0.3s ease-in-out; }
      nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav {
        display: block;
        margin-top: 20px;
        max-height: 0px;
        overflow: hidden;
        transition: max-height .5s ease-in-out; }
        nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav a {
          display: block;
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 15px; }
      nav#navigation div#nav_menu div.menu-wrapper div.col:hover div.sub-nav {
        max-height: 300px; }
      nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign {
        display: none;
        margin: 0; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate.mobile-donate a, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign.mobile-donate a {
          background-color: #74C6CA; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate.mobile-campaign a, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign.mobile-campaign a {
          background-color: #EE767A; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a {
          display: block;
          position: relative;
          color: #FFFFFF;
          padding: 15px 20px;
          font-size: 3.5vw;
          line-height: 5vw;
          text-transform: uppercase; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate button, nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign button, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a {
          font-weight: 600; }
          nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate button svg, nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a svg, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign button svg, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate button svg g path, nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a svg g path, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign button svg g path, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a svg g path {
              fill: #FFFFFF; }
          nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate button:hover svg g path#Bar, nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a:hover svg g path#Bar, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign button:hover svg g path#Bar, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate button, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate a, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign a {
          color: #FFFFFF; }
      nav#navigation div#nav_menu div.menu-wrapper div.social-links {
        justify-self: center;
        grid-column-start: 1;
        grid-column-end: 6; }
        nav#navigation div#nav_menu div.menu-wrapper div.social-links a {
          display: inline-block;
          margin-left: 15px;
          transition: transform 0.4s ease-in-out; }
          nav#navigation div#nav_menu div.menu-wrapper div.social-links a:hover {
            transform: scale(1.2); }
          nav#navigation div#nav_menu div.menu-wrapper div.social-links a img {
            width: 30px;
            height: auto; }
  @media screen and (max-width: 1200px) {
    nav#navigation div#nav_menu div.menu-wrapper {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 150px 110px;
      justify-items: left;
      row-gap: 75px; }
      nav#navigation div#nav_menu div.menu-wrapper div.col a {
        font-size: 3.5vw; }
      nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav {
        max-height: initial; }
        nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav a {
          font-size: 2vw;
          line-height: 3vw; }
      nav#navigation div#nav_menu div.menu-wrapper div.social-links {
        grid-column-end: 3; } }
  @media screen and (max-width: 1000px) {
    nav#navigation div#navbar div.donate, nav#navigation div#navbar div.campaign {
      display: none; } }
  @media screen and (max-width: 768px) {
    nav#navigation div#navbar {
      height: 70px;
      padding: 0 10%;
      grid-template-columns: 1fr 80px; }
      nav#navigation div#navbar:before {
        transform: translateY(0); }
      nav#navigation div#navbar div.logo-wrapper {
        height: 40px; }
      nav#navigation div#navbar.homepage-top.open {
        transition: padding 0.3s ease-in-out, background-color 0.5s ease-in-out;
        padding: 10px 10% 10px 10%;
        background-color: #58498F; }
      nav#navigation div#navbar.homepage-top div.logo-wrapper img.logo {
        width: 120%; }
    nav#navigation div#nav_menu div.menu-wrapper {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      row-gap: 30px;
      padding: 140px 10% 50px 25%; }
      nav#navigation div#nav_menu div.menu-wrapper div.col a {
        font-size: 7vw;
        line-height: 7vw; }
      nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav {
        margin-top: 10px; }
        nav#navigation div#nav_menu div.menu-wrapper div.col div.sub-nav a {
          font-size: 4.5vw;
          line-height: 5vw;
          margin-bottom: 10px; }
      nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign {
        display: block; }
        nav#navigation div#nav_menu div.menu-wrapper div.mobile-donate:not(:root:root) svg, nav#navigation div#nav_menu div.menu-wrapper div.mobile-campaign:not(:root:root) svg {
          margin-right: 15px; }
      nav#navigation div#nav_menu div.menu-wrapper div.social-links {
        grid-column-end: 2;
        justify-self: left; }
        nav#navigation div#nav_menu div.menu-wrapper div.social-links a {
          display: inline-block;
          margin-left: 10px; }
          nav#navigation div#nav_menu div.menu-wrapper div.social-links a img {
            width: 30px;
            height: auto; } }

footer#footer {
  position: relative;
  display: block;
  background-color: #58498F;
  padding: 50px 10%;
  z-index: 2; }
  footer#footer::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 20px;
    top: -19px;
    transform: rotate(180deg); }
  footer#footer p, footer#footer a {
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 5px; }
    footer#footer p strong, footer#footer a strong {
      font-weight: 600; }
  footer#footer div.main {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 60px;
    row-gap: 20px;
    margin-bottom: 35px; }
    footer#footer div.main div.address a {
      display: block;
      margin-top: 15px; }
    footer#footer div.main div.contacts {
      align-self: end; }
    footer#footer div.main div.logos {
      grid-row-start: 1;
      grid-row-end: 3;
      grid-column-start: 3;
      align-self: center; }
      footer#footer div.main div.logos img {
        position: relative;
        display: block;
        margin-left: auto;
        margin-bottom: 40px; }
        footer#footer div.main div.logos img.wellbeing-of-women {
          width: 75%; }
        footer#footer div.main div.logos img.amrc {
          width: 45%; }
        footer#footer div.main div.logos img.fundraising-regulator {
          width: 40%; }
    footer#footer div.main div.legal {
      grid-column-start: 1;
      grid-column-end: 3; }
      footer#footer div.main div.legal p {
        font-size: 14px;
        line-height: 18px; }
  footer#footer div.sitemap-and-social {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 142px;
    column-gap: 130px;
    row-gap: 20px;
    margin-bottom: 20px; }
    footer#footer div.sitemap-and-social div.sitemap {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      justify-items: left; }
      footer#footer div.sitemap-and-social div.sitemap a {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        transition: text-decoration .4s ease-in-out; }
        footer#footer div.sitemap-and-social div.sitemap a:first-child {
          justify-self: left;
          text-align: left; }
        footer#footer div.sitemap-and-social div.sitemap a:hover {
          text-decoration: underline; }
    footer#footer div.sitemap-and-social div.socials {
      align-self: start; }
      footer#footer div.sitemap-and-social div.socials a {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px; }
        footer#footer div.sitemap-and-social div.socials a:last-child {
          margin-right: 0; }
        footer#footer div.sitemap-and-social div.socials a img {
          width: 25px;
          height: 25px; }
    footer#footer div.sitemap-and-social p.madeby {
      font-size: 14px;
      line-height: 1.2;
      grid-column-start: 2; }
      footer#footer div.sitemap-and-social p.madeby a {
        font-size: 14px; }
        footer#footer div.sitemap-and-social p.madeby a:hover {
          text-decoration: underline; }
  @media screen and (max-width: 1200px) {
    footer#footer div.main {
      grid-template-columns: 1fr 1fr;
      row-gap: 40px; }
      footer#footer div.main div.contacts {
        align-self: center; }
      footer#footer div.main div.logos {
        grid-column-start: 2;
        align-self: center; }
    footer#footer div.sitemap-and-social {
      column-gap: 30px; }
      footer#footer div.sitemap-and-social div.sitemap {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 15px; }
      footer#footer div.sitemap-and-social div.socials {
        align-self: center; } }
  @media screen and (max-width: 768px) {
    footer#footer div.main {
      grid-template-columns: 1fr; }
      footer#footer div.main div.logos {
        grid-column-start: 1;
        grid-row-start: 3;
        grid-row-end: 4; }
        footer#footer div.main div.logos img {
          margin-left: 0; }
      footer#footer div.main div.legal {
        grid-column-end: 2; }
    footer#footer div.sitemap-and-social {
      grid-template-columns: 1fr;
      row-gap: 30px; }
      footer#footer div.sitemap-and-social div.sitemap a {
        justify-self: left; }
        footer#footer div.sitemap-and-social div.sitemap a:first-child, footer#footer div.sitemap-and-social div.sitemap a:last-child {
          text-align: left;
          justify-self: left; }
      footer#footer div.sitemap-and-social div.socials {
        justify-self: center;
        grid-row-start: 1; }
        footer#footer div.sitemap-and-social div.socials a {
          margin-right: 25px; }
      footer#footer div.sitemap-and-social p.madeby {
        grid-column-start: 1; } }

div.homepage {
  display: block;
  position: relative; }
  div.homepage div.landing {
    display: grid;
    position: relative;
    width: 100%;
    min-height: 105vh; }
    div.homepage div.landing div.image-wrapper {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1; }
      div.homepage div.landing div.image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
        div.homepage div.landing div.image-wrapper img.background {
          display: block; }
        div.homepage div.landing div.image-wrapper img.mobile-background {
          display: none; }
    div.homepage div.landing div.content {
      display: block;
      position: relative;
      z-index: 2;
      padding: 0 10%;
      margin: 150px 0 75px 0;
      align-self: center; }
      div.homepage div.landing div.content h1 {
        width: 500px;
        margin-bottom: 40px; }
      div.homepage div.landing div.content h3 {
        width: 30%;
        margin-bottom: 30px;
        font-weight: 500; }
      div.homepage div.landing div.content button, div.homepage div.landing div.content a {
        font-weight: 600; }
        div.homepage div.landing div.content button svg, div.homepage div.landing div.content a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          width: 65px;
          height: 20px; }
          div.homepage div.landing div.content button svg g path, div.homepage div.landing div.content a svg g path {
            fill: #58498F; }
        div.homepage div.landing div.content button:hover svg g path#Bar, div.homepage div.landing div.content a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.homepage div.landing div.content button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.homepage div.landing div.content a {
        color: #58498F; }
      div.homepage div.landing div.content a svg {
        margin-left: 0; }
  @media screen and (max-width: 1200px) {
    div.homepage div.landing div.content h1 {
      width: 80%; }
    div.homepage div.landing div.content h3 {
      width: 50%; } }
  @media screen and (max-width: 768px) {
    div.homepage div.landing {
      min-height: 120vh; }
      div.homepage div.landing div.image-wrapper img.background {
        display: none; }
      div.homepage div.landing div.image-wrapper img.mobile-background {
        display: block; }
      div.homepage div.landing div.content {
        align-self: start; }
        div.homepage div.landing div.content h1 {
          width: 100%;
          font-size: 35px; }
        div.homepage div.landing div.content h3 {
          width: 100%;
          font-size: 25px; } }
  div.homepage div.areas-section {
    position: relative;
    padding: 0 10%;
    z-index: 2;
    top: -5vh;
    margin-bottom: -5vh; }
    div.homepage div.areas-section div.areas-wrapper {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 30px;
      background: #58498F;
      padding: 0 40px; }
      div.homepage div.areas-section div.areas-wrapper::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.homepage div.areas-section div.areas-wrapper a.area {
        padding: 30px; }
        div.homepage div.areas-section div.areas-wrapper a.area img.icon {
          width: 120px;
          height: 120px;
          margin-bottom: 10px; }
        div.homepage div.areas-section div.areas-wrapper a.area h2, div.homepage div.areas-section div.areas-wrapper a.area h3, div.homepage div.areas-section div.areas-wrapper a.area p {
          color: #FFFFFF; }
        div.homepage div.areas-section div.areas-wrapper a.area h2, div.homepage div.areas-section div.areas-wrapper a.area h3 {
          margin-bottom: 15px; }
        div.homepage div.areas-section div.areas-wrapper a.area p {
          margin-bottom: 30px; }
        div.homepage div.areas-section div.areas-wrapper a.area button, div.homepage div.areas-section div.areas-wrapper a.area a {
          font-weight: 600; }
          div.homepage div.areas-section div.areas-wrapper a.area button svg, div.homepage div.areas-section div.areas-wrapper a.area a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            width: 65px;
            height: 20px; }
            div.homepage div.areas-section div.areas-wrapper a.area button svg g path, div.homepage div.areas-section div.areas-wrapper a.area a svg g path {
              fill: #FFFFFF; }
          div.homepage div.areas-section div.areas-wrapper a.area button:hover svg g path#Bar, div.homepage div.areas-section div.areas-wrapper a.area a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.homepage div.areas-section div.areas-wrapper a.area button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.homepage div.areas-section div.areas-wrapper a.area a {
          color: #FFFFFF; }
        div.homepage div.areas-section div.areas-wrapper a.area a svg, div.homepage div.areas-section div.areas-wrapper a.area button svg {
          margin-left: 0; }
    @media screen and (max-width: 1200px) {
      div.homepage div.areas-section div.areas-wrapper {
        column-gap: 20px;
        grid-template-columns: 1fr 1fr; }
        div.homepage div.areas-section div.areas-wrapper a.area img.icon {
          width: 100px;
          height: 100px; }
        div.homepage div.areas-section div.areas-wrapper a.area h2 {
          font-size: 40px; } }
    @media screen and (max-width: 768px) {
      div.homepage div.areas-section {
        padding: 0; }
        div.homepage div.areas-section div.areas-wrapper {
          row-gap: 90px;
          grid-template-columns: 1fr;
          padding: 40px; }
          div.homepage div.areas-section div.areas-wrapper a.area {
            display: grid;
            grid-template-columns: 1fr 70px;
            column-gap: 40px;
            padding: 0; }
            div.homepage div.areas-section div.areas-wrapper a.area img.icon {
              grid-column: 2;
              width: 100%;
              height: auto;
              max-height: 120px; }
            div.homepage div.areas-section div.areas-wrapper a.area div.content {
              grid-row: 1; } }
  div.homepage div.stats-section {
    position: relative;
    background-color: #F2F1F3;
    padding: 120px 10%;
    z-index: 1;
    top: -40px;
    margin-bottom: -40px; }
    div.homepage div.stats-section::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.homepage div.stats-section div.content-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 50px; }
      div.homepage div.stats-section div.content-wrapper div.stat p {
        color: #58498F; }
    @media screen and (max-width: 1200px) {
      div.homepage div.stats-section div.content-wrapper {
        grid-template-columns: 1fr 1fr;
        row-gap: 40px; } }
    @media screen and (max-width: 768px) {
      div.homepage div.stats-section div.content-wrapper {
        grid-template-columns: 1fr;
        row-gap: 40px; } }
  div.homepage div.campaign-section {
    display: block;
    position: relative;
    padding: 0 10%;
    top: -40px;
    margin-bottom: 80px;
    z-index: 3; }
    div.homepage div.campaign-section div.campaign {
      position: relative;
      display: grid;
      padding: 55px 50px;
      grid-template-columns: 1fr 2fr;
      gap: 70px 47px;
      background-color: #74C6CA; }
      div.homepage div.campaign-section div.campaign::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.homepage div.campaign-section div.campaign div.campaign-info {
        display: block;
        position: relative; }
        div.homepage div.campaign-section div.campaign div.campaign-info h2, div.homepage div.campaign-section div.campaign div.campaign-info h4 {
          color: #58498F; }
        div.homepage div.campaign-section div.campaign div.campaign-info h2 {
          font-size: 60px;
          line-height: 80px;
          margin-bottom: 20px; }
        div.homepage div.campaign-section div.campaign div.campaign-info h4 {
          font-weight: 400; }
      div.homepage div.campaign-section div.campaign div.campaign-forms {
        display: grid;
        position: relative; }
        div.homepage div.campaign-section div.campaign div.campaign-forms.double {
          grid-template-columns: 1fr 1fr;
          gap: 30px 48px; }
        div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form {
          display: block;
          position: relative; }
          div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form img.form-icon, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form img.form-icon {
            display: block;
            position: relative;
            width: 89px;
            height: 89px;
            margin-bottom: 15px; }
          div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form h3, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form h3 {
            font-size: 44px;
            line-height: 53px;
            margin-bottom: 22px;
            color: #58498F;
            font-weight: 500; }
          div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form h4, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form h4 {
            color: #58498F;
            margin-bottom: 25px;
            font-weight: 400; }
          div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form svg, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form svg {
            width: 80px;
            height: 24px; }
        div.homepage div.campaign-section div.campaign div.campaign-forms button, div.homepage div.campaign-section div.campaign div.campaign-forms a {
          font-weight: 600; }
          div.homepage div.campaign-section div.campaign div.campaign-forms button svg, div.homepage div.campaign-section div.campaign div.campaign-forms a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            width: 65px;
            height: 20px; }
            div.homepage div.campaign-section div.campaign div.campaign-forms button svg g path, div.homepage div.campaign-section div.campaign div.campaign-forms a svg g path {
              fill: #58498F; }
          div.homepage div.campaign-section div.campaign div.campaign-forms button:hover svg g path#Bar, div.homepage div.campaign-section div.campaign div.campaign-forms a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.homepage div.campaign-section div.campaign div.campaign-forms button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.homepage div.campaign-section div.campaign div.campaign-forms a {
          color: #58498F; }
    @media screen and (max-width: 1200px) {
      div.homepage div.campaign-section div.campaign {
        grid-template-columns: 1fr; } }
    @media screen and (max-width: 768px) {
      div.homepage div.campaign-section div.campaign div.campaign-info h2 {
        font-size: 35px;
        line-height: 1.227; }
      div.homepage div.campaign-section div.campaign div.campaign-forms, div.homepage div.campaign-section div.campaign div.campaign-forms.double {
        grid-template-columns: 1fr; }
        div.homepage div.campaign-section div.campaign div.campaign-forms a.employee-form h3, div.homepage div.campaign-section div.campaign div.campaign-forms a.business-form h3, div.homepage div.campaign-section div.campaign div.campaign-forms.double a.employee-form h3, div.homepage div.campaign-section div.campaign div.campaign-forms.double a.business-form h3 {
          font-size: 26px;
          line-height: 1.2; } }
  div.homepage div.featured-article-section {
    position: relative;
    padding: 0 10%;
    top: -40px;
    margin-bottom: -40px;
    z-index: 3; }
    div.homepage div.featured-article-section div.featured-article {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      background-color: #D5EEEF; }
      div.homepage div.featured-article-section div.featured-article img.featured-article-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
      div.homepage div.featured-article-section div.featured-article div.content {
        display: grid;
        align-items: center;
        padding: 30px; }
        div.homepage div.featured-article-section div.featured-article div.content h3 {
          color: #74C6CA; }
        div.homepage div.featured-article-section div.featured-article div.content h4 {
          font-weight: 400; }
        div.homepage div.featured-article-section div.featured-article div.content h3, div.homepage div.featured-article-section div.featured-article div.content h4 {
          margin-bottom: 20px; }
        div.homepage div.featured-article-section div.featured-article div.content button, div.homepage div.featured-article-section div.featured-article div.content a {
          font-weight: 600; }
          div.homepage div.featured-article-section div.featured-article div.content button svg, div.homepage div.featured-article-section div.featured-article div.content a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.homepage div.featured-article-section div.featured-article div.content button svg g path, div.homepage div.featured-article-section div.featured-article div.content a svg g path {
              fill: #74C6CA; }
          div.homepage div.featured-article-section div.featured-article div.content button:hover svg g path#Bar, div.homepage div.featured-article-section div.featured-article div.content a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.homepage div.featured-article-section div.featured-article div.content button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #74C6CA; }
        div.homepage div.featured-article-section div.featured-article div.content a {
          color: #74C6CA; }
        div.homepage div.featured-article-section div.featured-article div.content a svg {
          top: 2px; }
    @media screen and (max-width: 1200px) {
      div.homepage div.featured-article-section div.featured-article {
        grid-template-columns: 1fr 2fr; } }
    @media screen and (max-width: 768px) {
      div.homepage div.featured-article-section {
        padding: 0 3%; }
        div.homepage div.featured-article-section div.featured-article {
          grid-template-columns: 1fr; }
          div.homepage div.featured-article-section div.featured-article img.featured-article-image {
            height: auto; }
          div.homepage div.featured-article-section div.featured-article div.content {
            row-gap: 20px; } }
  div.homepage div.donate-section {
    position: relative;
    display: block;
    top: -40px;
    margin-bottom: -40px;
    z-index: 2;
    padding: 0 7%; }
    div.homepage div.donate-section div.donate {
      position: relative;
      padding: 80px 3%;
      background: #74C6CA;
      display: grid;
      grid-template-columns: 2fr 3fr;
      column-gap: 50px; }
      div.homepage div.donate-section div.donate::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.homepage div.donate-section div.donate div.content h2, div.homepage div.donate-section div.donate div.content h4 {
        color: #FFF; }
      div.homepage div.donate-section div.donate div.content h2 {
        margin-bottom: 30px; }
      div.homepage div.donate-section div.donate div.content h4 {
        font-weight: 300; }
      div.homepage div.donate-section div.donate div.donation-wrapper {
        padding-top: 75px; }
        div.homepage div.donate-section div.donate div.donation-wrapper p {
          color: #FFF;
          font-size: 18px;
          margin-bottom: 25px; }
        div.homepage div.donate-section div.donate div.donation-wrapper .donation-options {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          row-gap: 15px; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group input {
            display: none; }
            div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group input:checked + label, div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group input:hover + label {
              opacity: 1; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group label {
            font-size: 60px;
            color: #FFF;
            opacity: 0.4;
            cursor: pointer;
            transition: opacity 0.4s ease-in-out; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button[type=submit] {
            grid-column-start: 4;
            justify-self: left; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button, div.homepage div.donate-section div.donate div.donation-wrapper .donation-options a {
            font-weight: 600; }
            div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button svg, div.homepage div.donate-section div.donate div.donation-wrapper .donation-options a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button svg g path, div.homepage div.donate-section div.donate div.donation-wrapper .donation-options a svg g path {
                fill: #FFFFFF; }
            div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button:hover svg g path#Bar, div.homepage div.donate-section div.donate div.donation-wrapper .donation-options a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options a {
            color: #FFFFFF; }
    @media screen and (max-width: 1200px) {
      div.homepage div.donate-section div.donate {
        grid-template-columns: 1fr;
        row-gap: 30px; }
        div.homepage div.donate-section div.donate div.donation-wrapper {
          padding-top: 0; } }
    @media screen and (max-width: 768px) {
      div.homepage div.donate-section {
        padding: 0; }
        div.homepage div.donate-section div.donate {
          padding: 80px 10%; }
          div.homepage div.donate-section div.donate div.donation-wrapper p {
            margin-bottom: 40px; }
          div.homepage div.donate-section div.donate div.donation-wrapper .donation-options {
            grid-template-columns: 1fr 1fr;
            row-gap: 40px; }
            div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group {
              justify-self: left; }
              div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group:nth-child(3), div.homepage div.donate-section div.donate div.donation-wrapper .donation-options div.input-group:nth-child(4) {
                grid-row-start: 2; }
            div.homepage div.donate-section div.donate div.donation-wrapper .donation-options button[type=submit] {
              grid-row-start: 3;
              grid-column-start: 2; } }
  div.homepage div.newsletter-section {
    position: relative;
    display: block;
    background: #F2F1F3;
    top: -40px;
    margin-bottom: -40px;
    z-index: 1;
    padding: 100px 10%; }
    div.homepage div.newsletter-section h2, div.homepage div.newsletter-section p {
      margin-bottom: 20px; }
    div.homepage div.newsletter-section p {
      color: #58498F; }
    div.homepage div.newsletter-section form div.form-row {
      display: block;
      margin-bottom: 15px; }
      div.homepage div.newsletter-section form div.form-row label {
        color: #333333; }
      div.homepage div.newsletter-section form div.form-row button {
        margin-left: 25px; }
    div.homepage div.newsletter-section form input {
      font-weight: 300;
      padding: 6px 10px;
      width: 400px;
      border: 1px solid #58498F; }
      div.homepage div.newsletter-section form input[type=checkbox] {
        display: inline-block;
        width: 20px;
        height: 17px; }
    div.homepage div.newsletter-section form p.success {
      color: #74C6CA; }
    div.homepage div.newsletter-section form p.error {
      color: #EE767A; }
    div.homepage div.newsletter-section form button, div.homepage div.newsletter-section form a {
      font-weight: 600; }
      div.homepage div.newsletter-section form button svg, div.homepage div.newsletter-section form a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.homepage div.newsletter-section form button svg g path, div.homepage div.newsletter-section form a svg g path {
          fill: #58498F; }
      div.homepage div.newsletter-section form button:hover svg g path#Bar, div.homepage div.newsletter-section form a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.homepage div.newsletter-section form button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #58498F; }
    div.homepage div.newsletter-section form a {
      color: #58498F; }
    @media screen and (max-width: 768px) {
      div.homepage div.newsletter-section form div.form-row input[type=email] {
        width: 100%; }
      div.homepage div.newsletter-section form div.form-row button {
        margin-top: 20px;
        margin-left: 0; } }
  div.homepage div.news-section {
    display: block;
    position: relative;
    z-index: 2; }
    div.homepage div.news-section div.header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background-color: #58498F;
      padding: 10px 10%; }
      div.homepage div.news-section div.header button, div.homepage div.news-section div.header a {
        font-weight: 600; }
        div.homepage div.news-section div.header button svg, div.homepage div.news-section div.header a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.homepage div.news-section div.header button svg g path, div.homepage div.news-section div.header a svg g path {
            fill: #FFFFFF; }
        div.homepage div.news-section div.header button:hover svg g path#Bar, div.homepage div.news-section div.header a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.homepage div.news-section div.header button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.homepage div.news-section div.header a {
        color: #FFFFFF; }
      div.homepage div.news-section div.header::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        top: -19px;
        transform: rotate(180deg); }
      div.homepage div.news-section div.header h2 {
        justify-self: left;
        margin-bottom: 10px; }
      div.homepage div.news-section div.header a {
        justify-self: right; }
      div.homepage div.news-section div.header h2, div.homepage div.news-section div.header a {
        align-self: center;
        color: #FFF; }
    div.homepage div.news-section div.news-wrapper {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      div.homepage div.news-section div.news-wrapper .article {
        position: relative;
        display: block;
        width: calc(100% / 3);
        height: calc(100vw / 3); }
        div.homepage div.news-section div.news-wrapper .article div.image-wrapper {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
          div.homepage div.news-section div.news-wrapper .article div.image-wrapper img.article-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
        div.homepage div.news-section div.news-wrapper .article div.content-wrapper {
          display: block;
          position: relative;
          width: calc(100% - 80px);
          height: calc(100% - 90px);
          padding: 60px 40px 30px 40px;
          z-index: 2;
          transition: clip-path 0.3s ease-in-out; }
          div.homepage div.news-section div.news-wrapper .article div.content-wrapper h3, div.homepage div.news-section div.news-wrapper .article div.content-wrapper p {
            margin-bottom: 20px; }
          div.homepage div.news-section div.news-wrapper .article div.content-wrapper h3 {
            font-weight: 600; }
        div.homepage div.news-section div.news-wrapper .article.w-image:hover div.content-wrapper {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
        div.homepage div.news-section div.news-wrapper .article.w-image div.content-wrapper {
          opacity: 0.8;
          clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
        div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper {
          background-color: #58498F; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper h3, div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper p {
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper button, div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper a {
            font-weight: 600; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg, div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg g path, div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper button:hover svg g path#Bar, div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(1n) div.content-wrapper a {
            color: #FFFFFF; }
        div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper {
          background-color: #F7F5F7; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper h3, div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper p {
            color: #58498F; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper button, div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper a {
            font-weight: 600; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg, div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg g path, div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg g path {
                fill: #58498F; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper button:hover svg g path#Bar, div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(2n) div.content-wrapper a {
            color: #58498F; }
        div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper {
          background-color: #74C6CA; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper h3, div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper p {
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper button, div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper a {
            font-weight: 600; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg, div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg g path, div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(3n) div.content-wrapper a {
            color: #FFFFFF; }
        div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper {
          background-color: #EE767A; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper h3, div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper p {
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper button, div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper a {
            font-weight: 600; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg, div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg g path, div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper button:hover svg g path#Bar, div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.homepage div.news-section div.news-wrapper .article:nth-child(4n) div.content-wrapper a {
            color: #FFFFFF; }
      @media screen and (max-width: 1200px) {
        div.homepage div.news-section div.news-wrapper .article {
          width: calc(50vw - 9px);
          height: 50vw; }
          div.homepage div.news-section div.news-wrapper .article.w-image div.content-wrapper {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
      @media screen and (max-width: 768px) {
        div.homepage div.news-section div.news-wrapper .article {
          width: 100vw;
          height: 100vw; }
          div.homepage div.news-section div.news-wrapper .article.w-image div.content-wrapper {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
  div.homepage div.contact-section {
    position: relative;
    padding: 100px 10%; }
    div.homepage div.contact-section h2 {
      margin-bottom: 50px; }
    div.homepage div.contact-section form {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;
      row-gap: 30px; }
      div.homepage div.contact-section form div.form-group input, div.homepage div.contact-section form div.form-group textarea {
        width: calc(100% - 22px);
        margin-bottom: 20px;
        font-weight: 300;
        padding: 6px 10px;
        border: 1px solid #58498F;
        color: #58498F; }
      div.homepage div.contact-section form div.form-group textarea {
        margin-bottom: 0; }
      div.homepage div.contact-section form div.terms-and-conditions {
        grid-column-start: 2;
        grid-column-end: 3; }
        div.homepage div.contact-section form div.terms-and-conditions[type=checkbox] {
          display: inline-block;
          width: 20px;
          height: 17px;
          margin-bottom: 0; }
        div.homepage div.contact-section form div.terms-and-conditions label {
          color: #58498F; }
      div.homepage div.contact-section form div.submit {
        align-self: end;
        grid-column-start: 2;
        justify-self: right; }
        div.homepage div.contact-section form div.submit button, div.homepage div.contact-section form div.submit a {
          font-weight: 600; }
          div.homepage div.contact-section form div.submit button svg, div.homepage div.contact-section form div.submit a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.homepage div.contact-section form div.submit button svg g path, div.homepage div.contact-section form div.submit a svg g path {
              fill: #58498F; }
          div.homepage div.contact-section form div.submit button:hover svg g path#Bar, div.homepage div.contact-section form div.submit a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.homepage div.contact-section form div.submit button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.homepage div.contact-section form div.submit a {
          color: #58498F; }
    @media screen and (max-width: 768px) {
      div.homepage div.contact-section form {
        grid-template-columns: 1fr 50px; }
        div.homepage div.contact-section form div.form-group, div.homepage div.contact-section form div.terms-and-conditions {
          grid-column-start: 1;
          grid-column-end: 2; }
          div.homepage div.contact-section form div.form-group input#email, div.homepage div.contact-section form div.terms-and-conditions input#email {
            margin-bottom: 0; } }

div.for-researchers.page {
  display: block;
  position: relative;
  padding-top: 90px;
  margin-bottom: 230px; }
  div.for-researchers.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.for-researchers.page div.header img.header-image {
      max-height: 400px; } }
  div.for-researchers.page a.back-to-top {
    position: absolute;
    margin-top: 100px;
    color: #58498F;
    left: 50%;
    transform: translateX(-50%); }
    div.for-researchers.page a.back-to-top svg {
      display: block;
      position: absolute;
      cursor: pointer;
      top: -40px;
      left: 50%;
      transform: translateX(-50%) rotate(270deg);
      width: 40px;
      height: 14px; }
      div.for-researchers.page a.back-to-top svg g path {
        fill: #58498F; }
    div.for-researchers.page a.back-to-top::before, div.for-researchers.page a.back-to-top::after {
      content: none;
      display: none; }
    div.for-researchers.page a.back-to-top:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  div.for-researchers.page div.intro {
    position: relative;
    display: grid;
    grid-template-columns: 60% 1fr;
    padding: 30px 0 30px 10%;
    column-gap: 10%; }
    div.for-researchers.page div.intro div.content h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.for-researchers.page div.intro div.content h4 {
      color: #58498F;
      margin-bottom: 30px;
      font-weight: 300; }
    div.for-researchers.page div.intro div.sub-nav div.wrapper {
      display: block;
      position: relative;
      padding: 20px 20% 20px 20px;
      background-color: #CDC8DD; }
      div.for-researchers.page div.intro div.sub-nav div.wrapper::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.for-researchers.page div.intro div.sub-nav div.wrapper h4 {
        font-weight: 600;
        margin-bottom: 20px; }
      div.for-researchers.page div.intro div.sub-nav div.wrapper button, div.for-researchers.page div.intro div.sub-nav div.wrapper a {
        font-weight: 600; }
        div.for-researchers.page div.intro div.sub-nav div.wrapper button svg, div.for-researchers.page div.intro div.sub-nav div.wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.for-researchers.page div.intro div.sub-nav div.wrapper button svg g path, div.for-researchers.page div.intro div.sub-nav div.wrapper a svg g path {
            fill: #58498F; }
        div.for-researchers.page div.intro div.sub-nav div.wrapper button:hover svg g path#Bar, div.for-researchers.page div.intro div.sub-nav div.wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.for-researchers.page div.intro div.sub-nav div.wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.for-researchers.page div.intro div.sub-nav div.wrapper a {
        color: #58498F; }
      div.for-researchers.page div.intro div.sub-nav div.wrapper a {
        position: relative;
        display: block;
        margin-bottom: 10px;
        line-height: 1.3; }
        div.for-researchers.page div.intro div.sub-nav div.wrapper a::before {
          display: none; }
  div.for-researchers.page div.our-strategy {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin: auto; }
    div.for-researchers.page div.our-strategy div.content {
      padding: 40px;
      background-color: #ACDDDF; }
      div.for-researchers.page div.our-strategy div.content h2 {
        font-weight: 500;
        margin-bottom: 40px; }
      div.for-researchers.page div.our-strategy div.content h4 {
        font-weight: 300;
        margin-bottom: 20px; }
      div.for-researchers.page div.our-strategy div.content ul {
        list-style-type: disc;
        margin-left: 15px;
        padding-left: 15px; }
        div.for-researchers.page div.our-strategy div.content ul li {
          margin-bottom: 10px; }
      div.for-researchers.page div.our-strategy div.content a {
        color: #58498F;
        font-weight: 600; }
      div.for-researchers.page div.our-strategy div.content a::before {
        content: '';
        display: inline-block;
        position: relative;
        background-image: url("/assets/images/icons/download-purple.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin-right: 10px; }
    div.for-researchers.page div.our-strategy img.our-strategy-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  div.for-researchers.page div.review-process, div.for-researchers.page div.peer-reviewers, div.for-researchers.page div.policies {
    position: relative;
    display: block;
    width: 70%;
    margin: auto;
    padding: 40px;
    background-color: #CDC8DD;
    z-index: 2; }
    div.for-researchers.page div.review-process::after, div.for-researchers.page div.peer-reviewers::after, div.for-researchers.page div.policies::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.for-researchers.page div.review-process h2, div.for-researchers.page div.peer-reviewers h2, div.for-researchers.page div.policies h2 {
      font-weight: 500;
      margin-bottom: 40px; }
    div.for-researchers.page div.review-process h4, div.for-researchers.page div.peer-reviewers h4, div.for-researchers.page div.policies h4 {
      font-weight: 300;
      margin-bottom: 20px; }
    div.for-researchers.page div.review-process p, div.for-researchers.page div.peer-reviewers p, div.for-researchers.page div.policies p {
      margin-bottom: 15px; }
    div.for-researchers.page div.review-process a, div.for-researchers.page div.peer-reviewers a, div.for-researchers.page div.policies a {
      color: #58498F;
      font-weight: 600; }
    div.for-researchers.page div.review-process a::before, div.for-researchers.page div.peer-reviewers a::before, div.for-researchers.page div.policies a::before {
      content: '';
      display: inline-block;
      position: relative;
      background-image: url("/assets/images/icons/download-purple.svg");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      margin-right: 10px; }
    div.for-researchers.page div.review-process div.back-to-top.midpoint, div.for-researchers.page div.peer-reviewers div.back-to-top.midpoint, div.for-researchers.page div.policies div.back-to-top.midpoint {
      position: absolute;
      display: block;
      right: -12%;
      top: 75%; }
  div.for-researchers.page div.review-process a.back-to-top, div.for-researchers.page div.peer-reviewers a.back-to-top, div.for-researchers.page div.policies a.back-to-top {
    position: absolute;
    margin-top: 100px;
    color: #58498F;
    right: -12%;
    left: initial;
    transform: initial; }
    @media screen and (max-width: 768px) {
      div.for-researchers.page div.review-process a.back-to-top, div.for-researchers.page div.peer-reviewers a.back-to-top, div.for-researchers.page div.policies a.back-to-top {
        display: none; } }
    div.for-researchers.page div.review-process a.back-to-top svg, div.for-researchers.page div.peer-reviewers a.back-to-top svg, div.for-researchers.page div.policies a.back-to-top svg {
      display: block;
      position: absolute;
      cursor: pointer;
      top: -40px;
      left: 50%;
      transform: translateX(-50%) rotate(270deg);
      width: 40px;
      height: 14px; }
      div.for-researchers.page div.review-process a.back-to-top svg g path, div.for-researchers.page div.peer-reviewers a.back-to-top svg g path, div.for-researchers.page div.policies a.back-to-top svg g path {
        fill: #58498F; }
    div.for-researchers.page div.review-process a.back-to-top::before, div.for-researchers.page div.review-process a.back-to-top::after, div.for-researchers.page div.peer-reviewers a.back-to-top::before, div.for-researchers.page div.peer-reviewers a.back-to-top::after, div.for-researchers.page div.policies a.back-to-top::before, div.for-researchers.page div.policies a.back-to-top::after {
      content: none;
      display: none; }
    div.for-researchers.page div.review-process a.back-to-top:hover svg g path#Bar, div.for-researchers.page div.peer-reviewers a.back-to-top:hover svg g path#Bar, div.for-researchers.page div.policies a.back-to-top:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  div.for-researchers.page div.review-process a.back-to-top, div.for-researchers.page div.peer-reviewers a.back-to-top, div.for-researchers.page div.policies a.back-to-top {
    top: 30%; }
  div.for-researchers.page div.peer-reviewers, div.for-researchers.page div.policies {
    background-color: #E3F4F4;
    margin-bottom: 75px; }
    div.for-researchers.page div.peer-reviewers::after, div.for-researchers.page div.policies::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
  div.for-researchers.page div.policies h2, div.for-researchers.page div.policies h4, div.for-researchers.page div.policies a {
    color: #74C6CA; }
  div.for-researchers.page div.policies a::before {
    content: none;
    background-image: url("/assets/images/icons/download-teal.svg"); }
  div.for-researchers.page div.policies p:last-child a::before {
    content: ''; }
  div.for-researchers.page div.advisory-committee {
    display: block;
    position: relative;
    top: -75px;
    margin-bottom: -75px;
    padding: 140px 40px 50px 40px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #F2F1F3; }
    div.for-researchers.page div.advisory-committee::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.for-researchers.page div.advisory-committee h2 {
      font-weight: 500;
      margin-bottom: 40px; }
    div.for-researchers.page div.advisory-committee p {
      margin-bottom: 20px; }
    div.for-researchers.page div.advisory-committee div.section {
      position: relative;
      display: block;
      border-bottom: 1px solid #58498F;
      margin-bottom: 40px;
      padding-bottom: 20px; }
      div.for-researchers.page div.advisory-committee div.section.independant-chair {
        padding-top: 40px;
        border-top: 1px solid #58498F;
        margin-top: 40px; }
      div.for-researchers.page div.advisory-committee div.section.midwifery-subcommittee {
        margin-bottom: 0;
        border-bottom: none; }
        div.for-researchers.page div.advisory-committee div.section.midwifery-subcommittee div.small-copy h2 {
          font-size: 25px;
          line-height: 1.2;
          font-weight: 600; }
        div.for-researchers.page div.advisory-committee div.section.midwifery-subcommittee div.small-copy h4 {
          font-size: 17px;
          line-height: 1.333;
          font-weight: 300;
          color: #333333;
          width: 75%; }
      div.for-researchers.page div.advisory-committee div.section h4 {
        font-weight: 600;
        margin-bottom: 30px; }
      div.for-researchers.page div.advisory-committee div.section div.person-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
        row-gap: 15px; }
        div.for-researchers.page div.advisory-committee div.section div.person-wrapper div.person h4 {
          font-weight: 300;
          margin-bottom: 5px; }
          div.for-researchers.page div.advisory-committee div.section div.person-wrapper div.person h4 a.external-link {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url("/assets/images/icons/external_link.svg");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            margin-left: 10px; }
        div.for-researchers.page div.advisory-committee div.section div.person-wrapper div.person p {
          color: #333333;
          width: 75%; }
  div.for-researchers.page div.core-programme {
    position: relative;
    display: block;
    padding: 50px 10%;
    margin-bottom: 40px; }
    div.for-researchers.page div.core-programme::before {
      display: block;
      position: absolute;
      content: '';
      width: 100%;
      height: 90%;
      background-color: #F2F1F3;
      top: 0;
      left: 0; }
    div.for-researchers.page div.core-programme h2 {
      position: relative; }
    div.for-researchers.page div.core-programme div.infographic-wrapper {
      display: flex;
      flex-wrap: wrap;
      padding-top: 50px; }
      div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic {
        position: relative;
        width: calc(50% - 30px);
        height: 100%;
        margin-bottom: 30px;
        margin-right: 30px; }
        div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic:nth-child(2) {
          margin-top: 30px; }
        div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic:nth-child(3) {
          top: -110px; }
  div.for-researchers.page div.funding-opportunities {
    position: relative;
    display: block;
    padding: 75px 10%;
    background-color: #DEDBE9; }
    div.for-researchers.page div.funding-opportunities::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.for-researchers.page div.funding-opportunities h2 {
      font-weight: 400;
      margin-bottom: 40px; }
    div.for-researchers.page div.funding-opportunities div.terms a {
      color: #58498F;
      text-decoration: underline; }
    div.for-researchers.page div.funding-opportunities div.filters {
      display: block;
      position: relative;
      margin-bottom: 30px; }
      div.for-researchers.page div.funding-opportunities div.filters h4 {
        color: #58498F;
        display: inline-block;
        margin-right: 10px;
        font-weight: 400; }
      div.for-researchers.page div.funding-opportunities div.filters a {
        color: #58498F;
        padding: 8px 12px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 15px;
        cursor: pointer;
        transition: background-color .3s ease-in-out, color .3s ease-in-out;
        background-color: #F2F1F3;
        color: #58498F;
        font-weight: 500; }
        div.for-researchers.page div.funding-opportunities div.filters a.all {
          background-color: transparent;
          transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out; }
          div.for-researchers.page div.funding-opportunities div.filters a.all.hidden {
            opacity: 0;
            cursor: default; }
        div.for-researchers.page div.funding-opportunities div.filters a.active {
          background-color: #74C6CA;
          color: #FFFFFF; }
    div.for-researchers.page div.funding-opportunities div.projects-wrapper {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      margin-bottom: 30px; }
      div.for-researchers.page div.funding-opportunities div.projects-wrapper .project {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        width: calc(33% - 18px);
        margin-right: 20px;
        margin-bottom: 20px; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project img.thumbnail {
          width: 100%;
          height: auto;
          object-fit: cover; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper {
          padding: 0 20px 20px 20px; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper span {
            display: inline-block;
            color: #58498F;
            padding: 8px 12px;
            background-color: rgba(255, 255, 255, 0.6);
            margin-bottom: 15px; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper h4, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper p {
            color: #FFFFFF;
            margin-bottom: 15px; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper a {
            display: block;
            margin-bottom: 20px;
            color: #FFFFFF;
            font-weight: 600; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project div.content-wrapper a::before {
              content: '';
              display: inline-block;
              position: relative;
              background-image: url("/assets/images/icons/download-white.svg");
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
              height: 20px;
              width: 20px;
              margin-right: 10px; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) {
          background-color: #74C6CA; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper button, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper a {
            font-weight: 600; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper button svg, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper button svg g path, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper button:hover svg g path#Bar, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(1n) div.content-wrapper a {
            color: #FFFFFF; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) {
          background-color: #F2F1F3; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper button, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a {
            font-weight: 600; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper button svg, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper button svg g path, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a svg g path {
                fill: #58498F; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper button:hover svg g path#Bar, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a {
            color: #58498F; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper h4, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper p, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a {
            color: #58498F; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2n) div.content-wrapper a::before {
            background-image: url("/assets/images/icons/download-purple.svg"); }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) {
          background-color: #58498F;
          margin-right: 0; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper button, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a {
            font-weight: 600; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper button svg, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper button svg g path, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a {
            color: #FFFFFF; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper h4, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper p, div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a {
            color: #FFFFFF; }
          div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3n) div.content-wrapper a::before {
            background-image: url("/assets/images/icons/download-white.svg"); }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(2) {
          margin-top: 40px; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper .project:nth-child(3) {
          margin-top: 10px; }
  div.for-researchers.page div.current-research-and-grant-holders {
    position: relative;
    display: grid;
    padding: 75px 10%;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px; }
    div.for-researchers.page div.current-research-and-grant-holders div.block {
      position: relative;
      padding: 30px 20px; }
      div.for-researchers.page div.current-research-and-grant-holders div.block.current-research {
        background-color: #D5EEEF; }
        div.for-researchers.page div.current-research-and-grant-holders div.block.current-research::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.for-researchers.page div.current-research-and-grant-holders div.block.grant-holders {
        background-color: #FAD6D7; }
        div.for-researchers.page div.current-research-and-grant-holders div.block.grant-holders::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_coral_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.for-researchers.page div.current-research-and-grant-holders div.block h2 {
        font-weight: 500;
        margin-bottom: 30px; }
      div.for-researchers.page div.current-research-and-grant-holders div.block p {
        margin-bottom: 15px; }
      div.for-researchers.page div.current-research-and-grant-holders div.block a {
        color: #58498F;
        font-weight: 600; }
      div.for-researchers.page div.current-research-and-grant-holders div.block a::before {
        content: '';
        display: inline-block;
        position: relative;
        background-image: url("/assets/images/icons/download-purple.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin-right: 10px; }
  div.for-researchers.page div.partnerships {
    display: block;
    position: relative;
    width: 90%;
    background-color: #F2F1F3;
    margin: 50px auto;
    padding-bottom: 10px; }
    div.for-researchers.page div.partnerships::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.for-researchers.page div.partnerships div.content-wrapper {
      padding: 40px 10%; }
      div.for-researchers.page div.partnerships div.content-wrapper h2, div.for-researchers.page div.partnerships div.content-wrapper h3, div.for-researchers.page div.partnerships div.content-wrapper h4 {
        color: #58498F; }
      div.for-researchers.page div.partnerships div.content-wrapper h2, div.for-researchers.page div.partnerships div.content-wrapper h3 {
        margin-bottom: 40px; }
      div.for-researchers.page div.partnerships div.content-wrapper h2 {
        font-weight: 500; }
      div.for-researchers.page div.partnerships div.content-wrapper h3 {
        font-weight: 500; }
      div.for-researchers.page div.partnerships div.content-wrapper h4 {
        margin-bottom: 20px;
        font-weight: 300; }
      div.for-researchers.page div.partnerships div.content-wrapper p {
        margin-bottom: 15px; }
      div.for-researchers.page div.partnerships div.content-wrapper a {
        color: #58498F;
        font-weight: 600; }
      div.for-researchers.page div.partnerships div.content-wrapper a::before {
        content: '';
        display: inline-block;
        position: relative;
        background-image: url("/assets/images/icons/external_link.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin-right: 10px; }
    div.for-researchers.page div.partnerships div.company-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 20px;
      row-gap: 40px;
      margin: 0 7% 50px 7%;
      padding: 3%;
      background-color: #FFFFFF; }
      div.for-researchers.page div.partnerships div.company-grid .partner {
        display: block;
        position: relative; }
        div.for-researchers.page div.partnerships div.company-grid .partner img {
          width: 100%;
          height: auto; }
  @media screen and (max-width: 1200px) {
    div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic:nth-child(3) {
      top: -75px; }
    div.for-researchers.page div.funding-opportunities div.projects-wrapper div.project {
      width: calc(50% - 20px); }
      div.for-researchers.page div.funding-opportunities div.projects-wrapper div.project:nth-child(2n) {
        margin-right: 0; }
      div.for-researchers.page div.funding-opportunities div.projects-wrapper div.project:nth-child(3n) {
        margin-right: 20px; }
    div.for-researchers.page div.partnerships div.company-grid {
      padding: 5% 10%;
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 768px) {
    div.for-researchers.page {
      padding-top: 70px; }
      div.for-researchers.page div.intro {
        grid-template-columns: 1fr;
        row-gap: 20px; }
        div.for-researchers.page div.intro div.content {
          padding-right: 20%; }
      div.for-researchers.page div.our-strategy {
        width: 100%;
        grid-template-columns: 1fr; }
        div.for-researchers.page div.our-strategy div.content {
          padding: 40px 10%; }
      div.for-researchers.page div.advisory-committee div.section div.person-wrapper {
        grid-template-columns: 1fr; }
      div.for-researchers.page div.core-programme div.infographic-wrapper {
        display: block; }
        div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic {
          width: 100%; }
          div.for-researchers.page div.core-programme div.infographic-wrapper img.infographic:nth-child(3) {
            top: 0; }
      div.for-researchers.page div.current-research-and-grant-holders {
        grid-template-columns: 1fr; }
      div.for-researchers.page div.funding-opportunities div.filters h4 {
        display: block;
        margin-bottom: 20px; }
      div.for-researchers.page div.funding-opportunities div.projects-wrapper div.project {
        width: 100%;
        margin-right: 0; }
        div.for-researchers.page div.funding-opportunities div.projects-wrapper div.project:nth-child(1n) {
          margin-right: 0; }
      div.for-researchers.page div.policies {
        width: calc(100% - 80px); }
      div.for-researchers.page div.partnerships {
        width: 100%; }
        div.for-researchers.page div.partnerships div.company-grid {
          grid-template-columns: 1fr; } }

div.funding-opportunity.page {
  display: block;
  position: relative;
  padding-top: 90px;
  overflow-x: hidden; }
  @media screen and (max-width: 768px) {
    div.funding-opportunity.page {
      padding-top: 70px; } }
  div.funding-opportunity.page div.heading {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    margin-bottom: 20px;
    padding-top: 50px; }
    div.funding-opportunity.page div.heading::before {
      display: block;
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      z-index: 1;
      background-color: #CDC8DD; }
    div.funding-opportunity.page div.heading::after {
      display: block;
      position: absolute;
      content: '';
      top: 140px;
      left: 5%;
      width: 100%;
      height: 50%;
      background-color: #FFF;
      z-index: 2; }
    div.funding-opportunity.page div.heading img.article-image {
      display: block;
      width: 100%;
      height: 100%;
      max-height: 550px;
      object-fit: cover;
      object-position: center;
      z-index: 5; }
    div.funding-opportunity.page div.heading div.content {
      margin-left: 10%;
      padding-left: 10%;
      z-index: 5; }
      div.funding-opportunity.page div.heading div.content h1 {
        margin-bottom: 30px; }
      div.funding-opportunity.page div.heading div.content h4 {
        font-weight: 300;
        margin-bottom: 30px; }
      div.funding-opportunity.page div.heading div.content button, div.funding-opportunity.page div.heading div.content a {
        font-weight: 600; }
        div.funding-opportunity.page div.heading div.content button svg, div.funding-opportunity.page div.heading div.content a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.funding-opportunity.page div.heading div.content button svg g path, div.funding-opportunity.page div.heading div.content a svg g path {
            fill: #58498F; }
        div.funding-opportunity.page div.heading div.content button:hover svg g path#Bar, div.funding-opportunity.page div.heading div.content a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.funding-opportunity.page div.heading div.content button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.funding-opportunity.page div.heading div.content a {
        color: #58498F; }
      div.funding-opportunity.page div.heading div.content a {
        display: inline-block;
        position: relative;
        left: -10%;
        margin-bottom: 110px;
        padding: 13px;
        background-color: rgba(255, 255, 255, 0.7); }
        div.funding-opportunity.page div.heading div.content a svg {
          transform: rotate(180deg); }
      div.funding-opportunity.page div.heading div.content div.application-wrapper {
        display: block; }
        div.funding-opportunity.page div.heading div.content div.application-wrapper p.application-status, div.funding-opportunity.page div.heading div.content div.application-wrapper p.upcoming-application-info {
          display: inline-block;
          background-color: #CDC8DD;
          color: #58498F;
          padding: 15px;
          margin-bottom: 0; }
  div.funding-opportunity.page div.article-content {
    position: relative;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 10%;
    padding-left: 10%;
    margin-bottom: 100px; }
    div.funding-opportunity.page div.article-content div.content button, div.funding-opportunity.page div.article-content div.content a {
      font-weight: 600; }
      div.funding-opportunity.page div.article-content div.content button svg, div.funding-opportunity.page div.article-content div.content a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.funding-opportunity.page div.article-content div.content button svg g path, div.funding-opportunity.page div.article-content div.content a svg g path {
          fill: #FFFFFF; }
      div.funding-opportunity.page div.article-content div.content button:hover svg g path#Bar, div.funding-opportunity.page div.article-content div.content a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.funding-opportunity.page div.article-content div.content button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    div.funding-opportunity.page div.article-content div.content a {
      color: #FFFFFF; }
    div.funding-opportunity.page div.article-content div.content p.image-left, div.funding-opportunity.page div.article-content div.content p.image-right {
      display: inline;
      position: relative; }
      div.funding-opportunity.page div.article-content div.content p.image-left img, div.funding-opportunity.page div.article-content div.content p.image-right img {
        display: inline;
        width: calc(50% - 15px); }
    div.funding-opportunity.page div.article-content div.content p.image-left img {
      margin-right: 30px; }
    @media screen and (max-width: 768px) {
      div.funding-opportunity.page div.article-content div.content p.image-left, div.funding-opportunity.page div.article-content div.content p.image-right {
        display: block; }
        div.funding-opportunity.page div.article-content div.content p.image-left img, div.funding-opportunity.page div.article-content div.content p.image-right img {
          display: block;
          width: 75%;
          margin: 20px auto; } }
    div.funding-opportunity.page div.article-content div.content h2, div.funding-opportunity.page div.article-content div.content h3, div.funding-opportunity.page div.article-content div.content h4, div.funding-opportunity.page div.article-content div.content p {
      margin-bottom: 15px; }
    div.funding-opportunity.page div.article-content div.content h2, div.funding-opportunity.page div.article-content div.content h3, div.funding-opportunity.page div.article-content div.content h4 {
      font-weight: 400; }
    div.funding-opportunity.page div.article-content div.content p strong {
      font-weight: 600; }
    div.funding-opportunity.page div.article-content div.content p em {
      font-style: italic; }
    div.funding-opportunity.page div.article-content div.content ul {
      list-style-type: disc;
      margin-left: 15px;
      padding-left: 15px; }
      div.funding-opportunity.page div.article-content div.content ul li {
        margin-bottom: 10px; }
    div.funding-opportunity.page div.article-content div.content a {
      color: #58498F;
      font-weight: 600; }
    div.funding-opportunity.page div.article-content div.content blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
    div.funding-opportunity.page div.article-content div.content div.document-wrapper {
      display: block; }
      div.funding-opportunity.page div.article-content div.content div.document-wrapper a.download-button {
        display: inline-block;
        position: relative;
        padding: 20px;
        background-color: #58498F;
        color: #FFFFFF;
        margin-top: 20px; }
    div.funding-opportunity.page div.article-content div.content p.image-right img, div.funding-opportunity.page div.article-content div.content p.image-left img {
      width: calc(50% - 17px) !important; }
  @media screen and (max-width: 768px) {
    div.funding-opportunity.page div.heading {
      grid-template-columns: 1fr;
      row-gap: 50px; }
      div.funding-opportunity.page div.heading::after {
        left: 0; }
      div.funding-opportunity.page div.heading div.content {
        margin-left: 0;
        padding-right: 25%; }
    div.funding-opportunity.page div.article-content {
      grid-template-columns: 1fr; }
      div.funding-opportunity.page div.article-content div.content {
        padding-right: 20%;
        margin-bottom: 50px; } }

div.about-us.page {
  display: block;
  position: relative;
  padding-top: 90px;
  margin-bottom: 230px; }
  div.about-us.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.about-us.page div.header img.header-image {
      max-height: 400px; } }
  div.about-us.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.about-us.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.about-us.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.about-us.page div.intro h4 strong {
        font-weight: 600; }
    div.about-us.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.about-us.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.about-us.page div.intro ul li {
        margin-bottom: 7px; }
    div.about-us.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.about-us.page div.intro h4 {
      width: 80%; } }
  div.about-us.page div.key-areas {
    display: block;
    position: relative;
    width: 80%;
    margin: auto;
    background-color: #F2F1F3;
    padding: 30px 2% 40px 2%;
    z-index: 2; }
    div.about-us.page div.key-areas h2 {
      font-weight: 400;
      margin-bottom: 30px; }
    div.about-us.page div.key-areas a.sub-link {
      display: inline-block;
      color: #58498F;
      margin: 30px 90px 0 0; }
    div.about-us.page div.key-areas::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.about-us.page div.key-areas button, div.about-us.page div.key-areas a {
      font-weight: 600; }
      div.about-us.page div.key-areas button svg, div.about-us.page div.key-areas a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.about-us.page div.key-areas button svg g path, div.about-us.page div.key-areas a svg g path {
          fill: #58498F; }
      div.about-us.page div.key-areas button:hover svg g path#Bar, div.about-us.page div.key-areas a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.about-us.page div.key-areas button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #58498F; }
    div.about-us.page div.key-areas a {
      color: #58498F; }
    div.about-us.page div.key-areas div.area-wrapper {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 20px; }
      div.about-us.page div.key-areas div.area-wrapper div.focus-area {
        display: block;
        padding: 25px; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area img.area-icon {
          display: block;
          width: 90px;
          height: 90px;
          object-fit: contain;
          object-position: center;
          margin-bottom: 10px; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area h3 {
          margin-bottom: 20px;
          font-weight: 400; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area p {
          font-weight: 300; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area h3, div.about-us.page div.key-areas div.area-wrapper div.focus-area p {
          color: #FFFFFF; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area:first-child {
          background-color: #58498F; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area:nth-child(2) {
          background-color: #74C6CA; }
        div.about-us.page div.key-areas div.area-wrapper div.focus-area:nth-child(3) {
          background-color: #EE767A; }
  div.about-us.page div.our-organisation {
    position: relative;
    display: block;
    top: -70px;
    padding: 150px 20% 150px 20%;
    background-color: #74C6CA;
    margin-bottom: -70px;
    z-index: 1; }
    div.about-us.page div.our-organisation::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.about-us.page div.our-organisation h2, div.about-us.page div.our-organisation h4, div.about-us.page div.our-organisation p {
      color: #FFFFFF; }
      div.about-us.page div.our-organisation h2 a, div.about-us.page div.our-organisation h4 a, div.about-us.page div.our-organisation p a {
        color: #58498F; }
    div.about-us.page div.our-organisation h2 {
      font-weight: 400;
      margin-bottom: 40px; }
    div.about-us.page div.our-organisation h4, div.about-us.page div.our-organisation p {
      font-weight: 300;
      margin-bottom: 20px; }
  div.about-us.page div.our-people {
    display: grid;
    position: relative;
    width: 80%;
    margin: auto;
    grid-template-columns: 50% 50%;
    background-color: #ACDDDF;
    top: -75px;
    margin-bottom: -75px;
    z-index: 3; }
    div.about-us.page div.our-people div.content {
      padding: 40px 4%; }
      div.about-us.page div.our-people div.content h2 {
        color: #58498F;
        margin-bottom: 30px;
        font-weight: 400; }
      div.about-us.page div.our-people div.content p {
        color: #58498F;
        margin-bottom: 20px; }
        div.about-us.page div.our-people div.content p strong {
          font-weight: 600; }
          div.about-us.page div.our-people div.content p strong button, div.about-us.page div.our-people div.content p strong a {
            font-weight: 600; }
            div.about-us.page div.our-people div.content p strong button svg, div.about-us.page div.our-people div.content p strong a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.about-us.page div.our-people div.content p strong button svg g path, div.about-us.page div.our-people div.content p strong a svg g path {
                fill: #58498F; }
            div.about-us.page div.our-people div.content p strong button:hover svg g path#Bar, div.about-us.page div.our-people div.content p strong a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.about-us.page div.our-people div.content p strong button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.about-us.page div.our-people div.content p strong a {
            color: #58498F; }
    div.about-us.page div.our-people div.image img.our-people-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  div.about-us.page div.our-history {
    position: relative;
    display: block;
    top: -50px;
    width: 60%;
    padding: 100px 15% 60px 15%;
    background-color: #CDC8DD;
    margin: auto;
    margin-bottom: -50px;
    z-index: 2; }
    div.about-us.page div.our-history::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.about-us.page div.our-history h2, div.about-us.page div.our-history h3, div.about-us.page div.our-history h4 {
      color: #58498F; }
    div.about-us.page div.our-history p {
      color: #333333; }
    div.about-us.page div.our-history h2 {
      font-weight: 400;
      margin-bottom: 40px; }
    div.about-us.page div.our-history h3, div.about-us.page div.our-history h4, div.about-us.page div.our-history p {
      font-weight: 300;
      margin-bottom: 20px; }
  div.about-us.page div.achievements {
    display: block;
    position: relative;
    background-color: #E3F4F4;
    padding: 150px 10%;
    top: -70px; }
    div.about-us.page div.achievements::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.about-us.page div.achievements h2 {
      margin-bottom: 50px; }
    div.about-us.page div.achievements div.timeline {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      column-gap: 200px;
      row-gap: 150px; }
      div.about-us.page div.achievements div.timeline::before {
        display: block;
        position: absolute;
        content: '';
        width: 20px;
        height: calc(100% + 50px);
        left: calc(50% - 10px);
        top: 0;
        background-color: #8884AF;
        border-radius: 20px;
        z-index: 2; }
      div.about-us.page div.achievements div.timeline div.item {
        position: relative;
        grid-row: auto / span 2;
        display: grid;
        grid-template-columns: 165px 1fr;
        align-content: end;
        column-gap: 10px; }
        div.about-us.page div.achievements div.timeline div.item h1 {
          line-height: 55px;
          font-weight: 500; }
        div.about-us.page div.achievements div.timeline div.item h1, div.about-us.page div.achievements div.timeline div.item p {
          color: #58498F;
          align-self: end; }
        div.about-us.page div.achievements div.timeline div.item img.icon {
          width: 100px;
          height: auto;
          margin-bottom: 25px; }
        div.about-us.page div.achievements div.timeline div.item::after {
          display: block;
          position: absolute;
          content: '';
          width: 190px;
          height: 20px;
          left: -110px;
          bottom: -50px;
          background-color: #8884AF;
          border-radius: 20px; }
        div.about-us.page div.achievements div.timeline div.item.featured {
          grid-template-columns: 1fr !important; }
          div.about-us.page div.achievements div.timeline div.item.featured h1 {
            margin-bottom: 10px;
            font-weight: 600; }
          div.about-us.page div.achievements div.timeline div.item.featured h1, div.about-us.page div.achievements div.timeline div.item.featured p {
            color: #74C6CA;
            grid-column-start: auto !important;
            grid-row-start: auto !important;
            font-weight: 600; }
          div.about-us.page div.achievements div.timeline div.item.featured::after {
            background-color: #74C6CA;
            width: 400px; }
        div.about-us.page div.achievements div.timeline div.item:nth-child(odd) {
          justify-items: left;
          text-align: left; }
        div.about-us.page div.achievements div.timeline div.item:nth-child(even) {
          justify-items: right;
          text-align: right;
          grid-template-columns: 1fr 165px; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even) h1 {
            grid-column-start: 2; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even) p {
            grid-row-start: 1;
            grid-column-start: 1; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even)::after {
            left: initial;
            right: -110px; }
        div.about-us.page div.achievements div.timeline div.item:first-child {
          grid-row-start: 1;
          grid-column-start: 2; }
        div.about-us.page div.achievements div.timeline div.item:nth-child(2) {
          grid-row-start: 2; }
  div.about-us.page a.back-to-top {
    position: absolute;
    margin-top: 100px;
    color: #58498F;
    left: 50%;
    transform: translateX(-50%); }
    div.about-us.page a.back-to-top svg {
      display: block;
      position: absolute;
      cursor: pointer;
      top: -40px;
      left: 50%;
      transform: translateX(-50%) rotate(270deg);
      width: 40px;
      height: 14px; }
      div.about-us.page a.back-to-top svg g path {
        fill: #58498F; }
    div.about-us.page a.back-to-top::before, div.about-us.page a.back-to-top::after {
      content: none;
      display: none; }
    div.about-us.page a.back-to-top:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  @media screen and (max-width: 1000px) {
    div.about-us.page div.key-areas {
      width: 80%;
      padding: 30px 10% 40px 10%; }
      div.about-us.page div.key-areas div.area-wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px; }
    div.about-us.page div.our-organisation {
      padding: 150px 15% 150px 15%; }
    div.about-us.page div.our-people {
      width: 100%;
      grid-template-columns: 1fr; }
      div.about-us.page div.our-people div.content {
        padding: 40px 10%; }
    div.about-us.page div.our-history {
      width: 73%;
      padding: 100px 10% 60px 10%; }
    div.about-us.page div.achievements div.timeline {
      grid-template-columns: 1fr;
      row-gap: 130px;
      padding-left: 70px; }
      div.about-us.page div.achievements div.timeline::before {
        left: 0;
        height: calc(100% + 50px); }
      div.about-us.page div.achievements div.timeline div.item {
        grid-row: auto / span 1;
        grid-template-columns: 1fr;
        row-gap: 20px; }
        div.about-us.page div.achievements div.timeline div.item.featured::after {
          width: 120%;
          max-width: 300px; }
        div.about-us.page div.achievements div.timeline div.item::after {
          left: -70px; }
        div.about-us.page div.achievements div.timeline div.item:first-child, div.about-us.page div.achievements div.timeline div.item:nth-child(2) {
          grid-row-start: auto;
          grid-column-start: auto; }
        div.about-us.page div.achievements div.timeline div.item:nth-child(even) {
          justify-items: left;
          text-align: left;
          grid-template-columns: 1fr; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even)::after {
            right: initial;
            left: -70px; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even) h1 {
            grid-column-start: 1; }
          div.about-us.page div.achievements div.timeline div.item:nth-child(even) p {
            grid-column-start: 1; } }
  @media screen and (max-width: 768px) {
    div.about-us.page {
      padding-top: 70px; } }

div.our-team.page {
  display: block;
  position: relative;
  padding-top: 175px; }
  div.our-team.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.our-team.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.our-team.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.our-team.page div.intro h4 strong {
        font-weight: 600; }
    div.our-team.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.our-team.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.our-team.page div.intro ul li {
        margin-bottom: 7px; }
    div.our-team.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.our-team.page div.intro h4 {
      width: 80%; } }
  div.our-team.page div.team-list {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 50px;
    padding: 75px 10%; }
    div.our-team.page div.team-list div.person img.headshot {
      width: 100%;
      height: auto;
      display: block;
      margin-bottom: 15px; }
    div.our-team.page div.team-list div.person h3 {
      font-weight: 300;
      margin-bottom: 10px; }
  div.our-team.page div.sub-nav {
    padding: 100px 10%;
    background-color: #E3F4F4; }
    div.our-team.page div.sub-nav button, div.our-team.page div.sub-nav a {
      font-weight: 600; }
      div.our-team.page div.sub-nav button svg, div.our-team.page div.sub-nav a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.our-team.page div.sub-nav button svg g path, div.our-team.page div.sub-nav a svg g path {
          fill: #74C6CA; }
      div.our-team.page div.sub-nav button:hover svg g path#Bar, div.our-team.page div.sub-nav a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.our-team.page div.sub-nav button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #74C6CA; }
    div.our-team.page div.sub-nav a {
      color: #74C6CA; }
    div.our-team.page div.sub-nav h2 {
      color: #74C6CA;
      margin-bottom: 60px; }
    div.our-team.page div.sub-nav a {
      display: inline-block;
      margin-right: 100px; }
  @media screen and (max-width: 1200px) {
    div.our-team.page div.team-list {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (max-width: 768px) {
    div.our-team.page div.team-list {
      grid-template-columns: 1fr; }
    div.our-team.page div.sub-nav h2 {
      margin-bottom: 40px; }
    div.our-team.page div.sub-nav a {
      margin-bottom: 20px; } }

div.trustees.page {
  display: block;
  position: relative;
  padding-top: 175px; }
  div.trustees.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.trustees.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.trustees.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.trustees.page div.intro h4 strong {
        font-weight: 600; }
    div.trustees.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.trustees.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.trustees.page div.intro ul li {
        margin-bottom: 7px; }
    div.trustees.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.trustees.page div.intro h4 {
      width: 80%; } }
  div.trustees.page div.trustees-lists {
    padding: 75px 10%;
    display: block;
    position: relative; }
    div.trustees.page div.trustees-lists div.trustees, div.trustees.page div.trustees-lists div.honorary-president, div.trustees.page div.trustees-lists div.honorary-vice-presidents, div.trustees.page div.trustees-lists div.royal-patrons {
      border-top: 1px solid #58498F;
      padding: 30px 0; }
      div.trustees.page div.trustees-lists div.trustees h2, div.trustees.page div.trustees-lists div.honorary-president h2, div.trustees.page div.trustees-lists div.honorary-vice-presidents h2, div.trustees.page div.trustees-lists div.royal-patrons h2 {
        font-weight: 300;
        margin-bottom: 50px; }
      div.trustees.page div.trustees-lists div.trustees div.list-wrapper, div.trustees.page div.trustees-lists div.honorary-president div.list-wrapper, div.trustees.page div.trustees-lists div.honorary-vice-presidents div.list-wrapper, div.trustees.page div.trustees-lists div.royal-patrons div.list-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 50px;
        row-gap: 20px; }
        div.trustees.page div.trustees-lists div.trustees div.list-wrapper div.trustee h4, div.trustees.page div.trustees-lists div.honorary-president div.list-wrapper div.trustee h4, div.trustees.page div.trustees-lists div.honorary-vice-presidents div.list-wrapper div.trustee h4, div.trustees.page div.trustees-lists div.royal-patrons div.list-wrapper div.trustee h4 {
          font-weight: 300;
          margin-bottom: 10px; }
  div.trustees.page div.sub-nav {
    padding: 100px 10%;
    background-color: #E3F4F4; }
    div.trustees.page div.sub-nav button, div.trustees.page div.sub-nav a {
      font-weight: 600; }
      div.trustees.page div.sub-nav button svg, div.trustees.page div.sub-nav a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.trustees.page div.sub-nav button svg g path, div.trustees.page div.sub-nav a svg g path {
          fill: #74C6CA; }
      div.trustees.page div.sub-nav button:hover svg g path#Bar, div.trustees.page div.sub-nav a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.trustees.page div.sub-nav button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #74C6CA; }
    div.trustees.page div.sub-nav a {
      color: #74C6CA; }
    div.trustees.page div.sub-nav h2 {
      color: #74C6CA;
      margin-bottom: 60px; }
    div.trustees.page div.sub-nav a {
      display: inline-block;
      margin-right: 100px; }
  @media screen and (max-width: 768px) {
    div.trustees.page div.sub-nav h2 {
      margin-bottom: 40px; }
    div.trustees.page div.sub-nav a {
      margin-bottom: 20px; } }

div.ambassadors.page {
  display: block;
  position: relative;
  padding-top: 175px; }
  div.ambassadors.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.ambassadors.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.ambassadors.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.ambassadors.page div.intro h4 strong {
        font-weight: 600; }
    div.ambassadors.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.ambassadors.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.ambassadors.page div.intro ul li {
        margin-bottom: 7px; }
    div.ambassadors.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.ambassadors.page div.intro h4 {
      width: 80%; } }
  div.ambassadors.page div.ambassadors-list {
    padding: 0 10% 50px 10%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 20px; }
    div.ambassadors.page div.ambassadors-list div.ambassador h4 {
      font-weight: 300;
      margin-bottom: 10px; }
  div.ambassadors.page div.sub-nav {
    padding: 100px 10%;
    background-color: #E3F4F4; }
    div.ambassadors.page div.sub-nav button, div.ambassadors.page div.sub-nav a {
      font-weight: 600; }
      div.ambassadors.page div.sub-nav button svg, div.ambassadors.page div.sub-nav a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.ambassadors.page div.sub-nav button svg g path, div.ambassadors.page div.sub-nav a svg g path {
          fill: #74C6CA; }
      div.ambassadors.page div.sub-nav button:hover svg g path#Bar, div.ambassadors.page div.sub-nav a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.ambassadors.page div.sub-nav button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #74C6CA; }
    div.ambassadors.page div.sub-nav a {
      color: #74C6CA; }
    div.ambassadors.page div.sub-nav h2 {
      color: #74C6CA;
      margin-bottom: 60px; }
    div.ambassadors.page div.sub-nav a {
      display: inline-block;
      margin-right: 100px; }
  @media screen and (max-width: 768px) {
    div.ambassadors.page div.ambassadors-list {
      grid-template-columns: 1fr; }
    div.ambassadors.page div.sub-nav h2 {
      margin-bottom: 40px; }
    div.ambassadors.page div.sub-nav a {
      margin-bottom: 20px; } }

div.get-involved.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.get-involved.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.get-involved.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.get-involved.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.get-involved.page div.intro h4 strong {
        font-weight: 600; }
    div.get-involved.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.get-involved.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.get-involved.page div.intro ul li {
        margin-bottom: 7px; }
    div.get-involved.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.get-involved.page div.intro h4 {
      width: 80%; } }
  div.get-involved.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.get-involved.page div.header img.header-image {
      max-height: 400px; } }
  div.get-involved.page div.section {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    top: -50px;
    margin-bottom: -50px; }
    div.get-involved.page div.section div.image-wrapper {
      display: block;
      position: relative; }
      div.get-involved.page div.section div.image-wrapper img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        object-fit: cover; }
    div.get-involved.page div.section div.content-wrapper h2 {
      font-weight: 300;
      margin-bottom: 30px; }
    div.get-involved.page div.section div.content-wrapper p {
      margin-bottom: 15px; }
    div.get-involved.page div.section div.content-wrapper a.icon::before {
      content: '';
      display: inline-block;
      position: relative;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      height: 20px;
      width: 20px;
      margin-right: 10px; }
    div.get-involved.page div.section div.content-wrapper a.document-download::before {
      background-image: url("/assets/images/icons/download-white.svg"); }
    div.get-involved.page div.section:nth-child(odd) {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 2%;
      z-index: 2; }
      div.get-involved.page div.section:nth-child(odd) div.image-wrapper {
        grid-column-start: 1; }
      div.get-involved.page div.section:nth-child(odd) div.content-wrapper {
        grid-column-start: 2; }
    div.get-involved.page div.section:nth-child(even) {
      padding: 120px 10%;
      z-index: 1; }
      div.get-involved.page div.section:nth-child(even) div.image-wrapper {
        grid-column-start: 2;
        grid-row: 1; }
      div.get-involved.page div.section:nth-child(even) div.content-wrapper {
        grid-column-start: 1;
        grid-row: 1; }
    div.get-involved.page div.section:nth-child(3) {
      margin-top: 100px; }
    div.get-involved.page div.section:nth-child(3n) {
      background-color: #D5EEEF; }
      div.get-involved.page div.section:nth-child(3n)::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper h2 {
        color: #58498F; }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper p {
        color: #333333; }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper a.contact-us-link::before {
        background-image: url("/assets/images/icons/email-purple.svg");
        height: 14px; }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper button, div.get-involved.page div.section:nth-child(3n) div.content-wrapper a {
        font-weight: 600; }
        div.get-involved.page div.section:nth-child(3n) div.content-wrapper button svg, div.get-involved.page div.section:nth-child(3n) div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.get-involved.page div.section:nth-child(3n) div.content-wrapper button svg g path, div.get-involved.page div.section:nth-child(3n) div.content-wrapper a svg g path {
            fill: #58498F; }
        div.get-involved.page div.section:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.get-involved.page div.section:nth-child(3n) div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.get-involved.page div.section:nth-child(3n) div.content-wrapper a {
        color: #58498F; }
    div.get-involved.page div.section:nth-child(4n) {
      background-color: #58498F; }
      div.get-involved.page div.section:nth-child(4n)::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper h2 {
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper p {
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper a.contact-us-link::before {
        background-image: url("/assets/images/icons/email-white.svg");
        height: 14px; }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper button, div.get-involved.page div.section:nth-child(4n) div.content-wrapper a {
        font-weight: 600; }
        div.get-involved.page div.section:nth-child(4n) div.content-wrapper button svg, div.get-involved.page div.section:nth-child(4n) div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.get-involved.page div.section:nth-child(4n) div.content-wrapper button svg g path, div.get-involved.page div.section:nth-child(4n) div.content-wrapper a svg g path {
            fill: #FFFFFF; }
        div.get-involved.page div.section:nth-child(4n) div.content-wrapper button:hover svg g path#Bar, div.get-involved.page div.section:nth-child(4n) div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(4n) div.content-wrapper a {
        color: #FFFFFF; }
    div.get-involved.page div.section:nth-child(5n) {
      background-color: #F2F1F3; }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper h2 {
        color: #58498F; }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper p {
        color: #333333; }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper a.contact-us-link::before {
        background-image: url("/assets/images/icons/email-purple.svg");
        height: 14px; }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper button, div.get-involved.page div.section:nth-child(5n) div.content-wrapper a {
        font-weight: 600; }
        div.get-involved.page div.section:nth-child(5n) div.content-wrapper button svg, div.get-involved.page div.section:nth-child(5n) div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.get-involved.page div.section:nth-child(5n) div.content-wrapper button svg g path, div.get-involved.page div.section:nth-child(5n) div.content-wrapper a svg g path {
            fill: #58498F; }
        div.get-involved.page div.section:nth-child(5n) div.content-wrapper button:hover svg g path#Bar, div.get-involved.page div.section:nth-child(5n) div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.get-involved.page div.section:nth-child(5n) div.content-wrapper a {
        color: #58498F; }
    div.get-involved.page div.section:nth-child(6n) {
      background-color: #74C6CA; }
      div.get-involved.page div.section:nth-child(6n)::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper h2 {
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper p {
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper a.contact-us-link::before {
        background-image: url("/assets/images/icons/email-white.svg");
        height: 14px; }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper button, div.get-involved.page div.section:nth-child(6n) div.content-wrapper a {
        font-weight: 600; }
        div.get-involved.page div.section:nth-child(6n) div.content-wrapper button svg, div.get-involved.page div.section:nth-child(6n) div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.get-involved.page div.section:nth-child(6n) div.content-wrapper button svg g path, div.get-involved.page div.section:nth-child(6n) div.content-wrapper a svg g path {
            fill: #FFFFFF; }
        div.get-involved.page div.section:nth-child(6n) div.content-wrapper button:hover svg g path#Bar, div.get-involved.page div.section:nth-child(6n) div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.get-involved.page div.section:nth-child(6n) div.content-wrapper a {
        color: #FFFFFF; }
    div.get-involved.page div.section:nth-child(7n) {
      background-color: #DEDBE9; }
      div.get-involved.page div.section:nth-child(7n)::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper h2 {
        color: #58498F; }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper p {
        color: #333333; }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper a.contact-us-link::before {
        background-image: url("/assets/images/icons/email-purple.svg");
        height: 14px; }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper button, div.get-involved.page div.section:nth-child(7n) div.content-wrapper a {
        font-weight: 600; }
        div.get-involved.page div.section:nth-child(7n) div.content-wrapper button svg, div.get-involved.page div.section:nth-child(7n) div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.get-involved.page div.section:nth-child(7n) div.content-wrapper button svg g path, div.get-involved.page div.section:nth-child(7n) div.content-wrapper a svg g path {
            fill: #58498F; }
        div.get-involved.page div.section:nth-child(7n) div.content-wrapper button:hover svg g path#Bar, div.get-involved.page div.section:nth-child(7n) div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.get-involved.page div.section:nth-child(7n) div.content-wrapper a {
        color: #58498F; }
  div.get-involved.page div.contact-section {
    position: relative;
    padding: 100px 10%; }
    div.get-involved.page div.contact-section h2 {
      margin-bottom: 50px; }
    div.get-involved.page div.contact-section form {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;
      row-gap: 30px; }
      div.get-involved.page div.contact-section form div.form-group input, div.get-involved.page div.contact-section form div.form-group textarea {
        width: calc(100% - 22px);
        margin-bottom: 20px;
        font-weight: 300;
        padding: 6px 10px;
        border: 1px solid #58498F;
        color: #58498F; }
      div.get-involved.page div.contact-section form div.form-group textarea {
        margin-bottom: 0; }
      div.get-involved.page div.contact-section form div.terms-and-conditions {
        grid-column-start: 2;
        grid-column-end: 3; }
        div.get-involved.page div.contact-section form div.terms-and-conditions[type=checkbox] {
          display: inline-block;
          width: 20px;
          height: 17px;
          margin-bottom: 0; }
        div.get-involved.page div.contact-section form div.terms-and-conditions label {
          color: #58498F; }
      div.get-involved.page div.contact-section form div.submit {
        align-self: end;
        grid-column-start: 2;
        justify-self: right; }
        div.get-involved.page div.contact-section form div.submit button, div.get-involved.page div.contact-section form div.submit a {
          font-weight: 600; }
          div.get-involved.page div.contact-section form div.submit button svg, div.get-involved.page div.contact-section form div.submit a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.get-involved.page div.contact-section form div.submit button svg g path, div.get-involved.page div.contact-section form div.submit a svg g path {
              fill: #58498F; }
          div.get-involved.page div.contact-section form div.submit button:hover svg g path#Bar, div.get-involved.page div.contact-section form div.submit a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.get-involved.page div.contact-section form div.submit button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.get-involved.page div.contact-section form div.submit a {
          color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.get-involved.page div.section {
      grid-template-columns: 1fr;
      row-gap: 40px; }
      div.get-involved.page div.section:nth-child(odd) div.image-wrapper {
        grid-column-start: 1; }
      div.get-involved.page div.section:nth-child(odd) div.content-wrapper {
        grid-column-start: 1; }
      div.get-involved.page div.section:nth-child(even) div.image-wrapper {
        grid-column-start: 1;
        grid-row: 2; }
      div.get-involved.page div.section:nth-child(even) div.content-wrapper {
        grid-column-start: 1;
        grid-row: 1; } }
  @media screen and (max-width: 768px) {
    div.get-involved.page {
      padding-top: 70px; }
      div.get-involved.page div.section:nth-child(2n+1) {
        width: 80%;
        padding: 50px 10%; }
      div.get-involved.page div.contact-section form {
        grid-template-columns: 1fr 50px; }
        div.get-involved.page div.contact-section form div.form-group, div.get-involved.page div.contact-section form div.terms-and-conditions {
          grid-column-start: 1;
          grid-column-end: 2; }
          div.get-involved.page div.contact-section form div.form-group input#contact-privacy-consent, div.get-involved.page div.contact-section form div.terms-and-conditions input#contact-privacy-consent {
            margin-right: 6px;
            margin-bottom: 4px; } }

div.corporate-partner.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.corporate-partner.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.corporate-partner.page div.header img.header-image {
      max-height: 400px; } }
  div.corporate-partner.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.corporate-partner.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.corporate-partner.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.corporate-partner.page div.intro h4 strong {
        font-weight: 600; }
    div.corporate-partner.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.corporate-partner.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.corporate-partner.page div.intro ul li {
        margin-bottom: 7px; }
    div.corporate-partner.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.corporate-partner.page div.intro h4 {
      width: 80%; } }
  div.corporate-partner.page div.support-our-research, div.corporate-partner.page div.staff-fundraising {
    width: 90%;
    margin: 50px auto;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    div.corporate-partner.page div.support-our-research img, div.corporate-partner.page div.staff-fundraising img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      position: relative; }
    div.corporate-partner.page div.support-our-research div.content-wrapper, div.corporate-partner.page div.staff-fundraising div.content-wrapper {
      padding: 40px;
      background-color: #74C6CA; }
      div.corporate-partner.page div.support-our-research div.content-wrapper h2, div.corporate-partner.page div.staff-fundraising div.content-wrapper h2 {
        margin-bottom: 40px;
        font-weight: 300; }
      div.corporate-partner.page div.support-our-research div.content-wrapper p, div.corporate-partner.page div.staff-fundraising div.content-wrapper p {
        margin-bottom: 15px; }
      div.corporate-partner.page div.support-our-research div.content-wrapper h2, div.corporate-partner.page div.support-our-research div.content-wrapper p, div.corporate-partner.page div.staff-fundraising div.content-wrapper h2, div.corporate-partner.page div.staff-fundraising div.content-wrapper p {
        color: #FFFFFF; }
    div.corporate-partner.page div.support-our-research.staff-fundraising div.content-wrapper, div.corporate-partner.page div.staff-fundraising.staff-fundraising div.content-wrapper {
      background-color: #ACDDDF; }
      div.corporate-partner.page div.support-our-research.staff-fundraising div.content-wrapper h2, div.corporate-partner.page div.staff-fundraising.staff-fundraising div.content-wrapper h2 {
        color: #58498F; }
      div.corporate-partner.page div.support-our-research.staff-fundraising div.content-wrapper p, div.corporate-partner.page div.staff-fundraising.staff-fundraising div.content-wrapper p {
        color: #58498F; }
  div.corporate-partner.page div.two-block-section {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 60px;
    padding: 0 10%; }
    div.corporate-partner.page div.two-block-section div.block {
      position: relative;
      padding: 40px 30px;
      min-height: 240px; }
      div.corporate-partner.page div.two-block-section div.block h2, div.corporate-partner.page div.two-block-section div.block p {
        color: #FFFFFF; }
      div.corporate-partner.page div.two-block-section div.block h2 {
        margin-bottom: 40px;
        font-weight: 300; }
      div.corporate-partner.page div.two-block-section div.block p {
        margin-bottom: 15px; }
      div.corporate-partner.page div.two-block-section div.block.health-talks, div.corporate-partner.page div.two-block-section div.block.product-campaigns {
        background-color: #EE767A; }
        div.corporate-partner.page div.two-block-section div.block.health-talks::after, div.corporate-partner.page div.two-block-section div.block.product-campaigns::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_coral.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.corporate-partner.page div.two-block-section div.block.charity-of-the-year {
        background-color: #58498F; }
        div.corporate-partner.page div.two-block-section div.block.charity-of-the-year::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.corporate-partner.page div.two-block-section div.block.sponsership {
        background-color: #74C6CA; }
        div.corporate-partner.page div.two-block-section div.block.sponsership::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
  div.corporate-partner.page div.partnerships {
    display: block;
    position: relative;
    width: 90%;
    background-color: #F2F1F3;
    margin: 50px auto;
    padding-bottom: 10px; }
    div.corporate-partner.page div.partnerships::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.corporate-partner.page div.partnerships div.content-wrapper {
      padding: 40px 10%; }
      div.corporate-partner.page div.partnerships div.content-wrapper h2, div.corporate-partner.page div.partnerships div.content-wrapper h4 {
        color: #58498F;
        font-weight: 300; }
      div.corporate-partner.page div.partnerships div.content-wrapper h2 {
        margin-bottom: 40px; }
    div.corporate-partner.page div.partnerships div.company-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: 20px;
      row-gap: 40px;
      margin: 0 7% 50px 7%;
      padding: 3%;
      background-color: #FFFFFF; }
      div.corporate-partner.page div.partnerships div.company-grid .partner {
        display: block;
        position: relative; }
        div.corporate-partner.page div.partnerships div.company-grid .partner img {
          width: 100%;
          height: auto; }
  div.corporate-partner.page div.get-in-touch {
    display: block;
    position: relative;
    padding: 100px 10%;
    background-color: #DEDBE9;
    margin-bottom: 100px; }
    div.corporate-partner.page div.get-in-touch::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.corporate-partner.page div.get-in-touch h2 {
      color: #58498F;
      font-weight: 300;
      margin-bottom: 50px; }
    div.corporate-partner.page div.get-in-touch p {
      color: #58498F;
      width: 75%; }
      div.corporate-partner.page div.get-in-touch p a {
        font-weight: 600;
        text-decoration: underline;
        color: #58498F; }
  @media screen and (max-width: 768px) {
    div.corporate-partner.page {
      padding-top: 70px; }
      div.corporate-partner.page div.support-our-research, div.corporate-partner.page div.staff-fundraising {
        width: 100%; }
        div.corporate-partner.page div.support-our-research div.content-wrapper, div.corporate-partner.page div.staff-fundraising div.content-wrapper {
          padding: 40px 10%; }
      div.corporate-partner.page div.two-block-section, div.corporate-partner.page div.support-our-research, div.corporate-partner.page div.staff-fundraising {
        grid-template-columns: 1fr; }
      div.corporate-partner.page div.get-in-touch p {
        width: 85%; } }

div.our-research.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.our-research.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.our-research.page div.header img.header-image {
      max-height: 400px; } }
  div.our-research.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.our-research.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.our-research.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.our-research.page div.intro h4 strong {
        font-weight: 600; }
    div.our-research.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.our-research.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.our-research.page div.intro ul li {
        margin-bottom: 7px; }
    div.our-research.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.our-research.page div.intro h4 {
      width: 80%; } }
  div.our-research.page div.our-ambition {
    display: grid;
    position: relative;
    padding: 0 10%;
    grid-template-columns: 1fr 1fr;
    z-index: 3; }
    div.our-research.page div.our-ambition div.content-wrapper {
      padding: 40px 30px;
      background-color: #74C6CA; }
      div.our-research.page div.our-ambition div.content-wrapper h2, div.our-research.page div.our-ambition div.content-wrapper h4, div.our-research.page div.our-ambition div.content-wrapper p {
        color: #FFFFFF;
        margin-bottom: 30px;
        font-weight: 300; }
    div.our-research.page div.our-ambition img.our-ambition-image {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  div.our-research.page div.peer-review-process {
    display: block;
    position: relative;
    top: -75px;
    margin-bottom: -75px;
    padding: 125px 10%;
    background-color: #F2F1F3;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2; }
    div.our-research.page div.peer-review-process::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.our-research.page div.peer-review-process h2 {
      font-weight: 300;
      margin-bottom: 80px; }
    div.our-research.page div.peer-review-process div.process-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 75px;
      row-gap: 130px; }
      div.our-research.page div.peer-review-process div.process-grid div.process {
        display: block;
        position: relative;
        grid-row: auto / span 2; }
        div.our-research.page div.peer-review-process div.process-grid div.process:first-child {
          grid-column-start: 1;
          grid-row-start: 1; }
          div.our-research.page div.peer-review-process div.process-grid div.process:first-child h3 {
            color: #74C6CA; }
        div.our-research.page div.peer-review-process div.process-grid div.process:nth-child(2) {
          grid-row-start: 2; }
          div.our-research.page div.peer-review-process div.process-grid div.process:nth-child(2) h3 {
            color: #EE767A; }
        div.our-research.page div.peer-review-process div.process-grid div.process img.process-image {
          width: 150px;
          height: auto;
          margin-bottom: 20px; }
        div.our-research.page div.peer-review-process div.process-grid div.process h3 {
          margin-bottom: 20px;
          font-weight: 600; }
        div.our-research.page div.peer-review-process div.process-grid div.process p {
          color: #333333;
          margin-bottom: 20px; }
        div.our-research.page div.peer-review-process div.process-grid div.process a {
          color: #58498F;
          font-weight: 600; }
          div.our-research.page div.peer-review-process div.process-grid div.process a::before {
            content: '';
            display: inline-block;
            position: relative;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("/assets/images/icons/download-purple.svg");
            height: 20px;
            width: 20px;
            margin-right: 10px; }
  div.our-research.page div.research-projects {
    display: grid;
    position: relative;
    z-index: 1;
    top: -50px;
    margin-bottom: -50px;
    padding: 120px 10%;
    background-color: #CDC8DD;
    grid-template-columns: 1fr 280px;
    align-items: end;
    column-gap: 60px;
    row-gap: 40px; }
    div.our-research.page div.research-projects::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.our-research.page div.research-projects h2 {
      font-weight: 400;
      display: inline-block; }
    div.our-research.page div.research-projects button, div.our-research.page div.research-projects a {
      font-weight: 600; }
      div.our-research.page div.research-projects button svg, div.our-research.page div.research-projects a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.our-research.page div.research-projects button svg g path, div.our-research.page div.research-projects a svg g path {
          fill: #58498F; }
      div.our-research.page div.research-projects button:hover svg g path#Bar, div.our-research.page div.research-projects a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.our-research.page div.research-projects button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #58498F; }
    div.our-research.page div.research-projects a {
      color: #58498F; }
    div.our-research.page div.research-projects div.projects-wrapper {
      grid-column: 1 / span 2; }
    div.our-research.page div.research-projects div.projects-wrapper {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: auto; }
      div.our-research.page div.research-projects div.projects-wrapper div.project {
        position: relative;
        display: block;
        width: calc((100% / 3) - 20px);
        margin-right: 20px;
        margin-bottom: 20px; }
        div.our-research.page div.research-projects div.projects-wrapper div.project a {
          display: block;
          position: relative; }
        div.our-research.page div.research-projects div.projects-wrapper div.project img.thumbnail {
          display: block;
          position: relative;
          width: 100%;
          height: auto;
          object-fit: cover; }
        div.our-research.page div.research-projects div.projects-wrapper div.project div.content-wrapper {
          padding: 0 20px 1px 20px; }
          div.our-research.page div.research-projects div.projects-wrapper div.project div.content-wrapper span {
            display: inline-block;
            color: #58498F;
            padding: 8px 12px;
            background-color: rgba(255, 255, 255, 0.6);
            margin-bottom: 15px; }
          div.our-research.page div.research-projects div.projects-wrapper div.project div.content-wrapper h4, div.our-research.page div.research-projects div.projects-wrapper div.project div.content-wrapper p {
            color: #FFFFFF;
            margin-bottom: 15px; }
          div.our-research.page div.research-projects div.projects-wrapper div.project div.content-wrapper a {
            display: block;
            margin-bottom: 20px; }
        div.our-research.page div.research-projects div.projects-wrapper div.project:nth-child(3n) {
          margin-right: 0; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper {
          background-color: #58498F; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button, div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a {
            font-weight: 600; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button svg, div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button svg g path, div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button:hover svg g path#Bar, div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a {
            color: #FFFFFF; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper {
          background-color: #EE767A; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button, div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a {
            font-weight: 600; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button svg, div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button svg g path, div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button:hover svg g path#Bar, div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a {
            color: #FFFFFF; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper {
          background-color: #74C6CA; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button, div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a {
            font-weight: 600; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button svg, div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button svg g path, div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button:hover svg g path#Bar, div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a {
            color: #FFFFFF; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers img.thumbnail {
          grid-row: 2; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper {
          background-color: #F2F1F3; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper h4, div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper p {
            color: #58498F; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button, div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a {
            font-weight: 600; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button svg, div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button svg g path, div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a svg g path {
                fill: #58498F; }
            div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button:hover svg g path#Bar, div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a {
            color: #58498F; }
        div.our-research.page div.research-projects div.projects-wrapper div.project.pastProjects img.thumbnail {
          grid-row: 2; }
      @media screen and (max-width: 1200px) {
        div.our-research.page div.research-projects div.projects-wrapper div.project {
          width: calc(50% - 20px); }
          div.our-research.page div.research-projects div.projects-wrapper div.project:nth-child(2n) {
            margin-right: 0; }
          div.our-research.page div.research-projects div.projects-wrapper div.project:nth-child(3n) {
            margin-right: 20px; } }
      @media screen and (max-width: 768px) {
        div.our-research.page div.research-projects div.projects-wrapper div.project {
          width: 100%;
          margin-right: 0; }
          div.our-research.page div.research-projects div.projects-wrapper div.project:nth-child(1n) {
            margin-right: 0; } }
  div.our-research.page div.advisory-committee {
    display: block;
    position: relative;
    width: 79%;
    padding: 50px 3%;
    background-color: #E3F4F4;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2; }
    div.our-research.page div.advisory-committee::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.our-research.page div.advisory-committee h2 {
      margin-bottom: 40px;
      font-weight: 600; }
    div.our-research.page div.advisory-committee div.independant-chair, div.our-research.page div.advisory-committee div.researchers-and-clinicians {
      padding: 50px 0; }
      div.our-research.page div.advisory-committee div.independant-chair h3, div.our-research.page div.advisory-committee div.researchers-and-clinicians h3 {
        font-weight: 600;
        margin-bottom: 30px; }
      div.our-research.page div.advisory-committee div.independant-chair div.person-wrapper, div.our-research.page div.advisory-committee div.researchers-and-clinicians div.person-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
        row-gap: 40px; }
        div.our-research.page div.advisory-committee div.independant-chair div.person-wrapper div.person h4, div.our-research.page div.advisory-committee div.researchers-and-clinicians div.person-wrapper div.person h4 {
          font-weight: 300;
          margin-bottom: 5px; }
          div.our-research.page div.advisory-committee div.independant-chair div.person-wrapper div.person h4 a.external-link, div.our-research.page div.advisory-committee div.researchers-and-clinicians div.person-wrapper div.person h4 a.external-link {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url("/assets/images/icons/external_link.svg");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            margin-left: 10px; }
        div.our-research.page div.advisory-committee div.independant-chair div.person-wrapper div.person p, div.our-research.page div.advisory-committee div.researchers-and-clinicians div.person-wrapper div.person p {
          color: #333333;
          width: 75%; }
    div.our-research.page div.advisory-committee div.independant-chair {
      border-top: 1px solid #58498F;
      border-bottom: 1px solid #58498F; }
    div.our-research.page div.advisory-committee div.researchers-and-clinicians {
      padding-bottom: 0; }
  div.our-research.page div.midwifery-subcommittee {
    position: relative;
    display: grid;
    padding: 100px 10% 50px 10%;
    background-color: #DEDBE9;
    z-index: 1;
    top: -50px;
    margin-bottom: 50px; }
    div.our-research.page div.midwifery-subcommittee::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.our-research.page div.midwifery-subcommittee h2 {
      font-weight: 400;
      margin-bottom: 40px; }
    div.our-research.page div.midwifery-subcommittee h4 {
      font-weight: 300;
      margin-bottom: 40px; }
    div.our-research.page div.midwifery-subcommittee div.person-wrapper {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;
      row-gap: 40px; }
      div.our-research.page div.midwifery-subcommittee div.person-wrapper div.person h4 {
        font-weight: 300;
        margin-bottom: 5px; }
        div.our-research.page div.midwifery-subcommittee div.person-wrapper div.person h4 a.external-link {
          display: inline-block;
          width: 20px;
          height: 20px;
          background-image: url("/assets/images/icons/external_link.svg");
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          margin-left: 10px; }
      div.our-research.page div.midwifery-subcommittee div.person-wrapper div.person p {
        color: #333333;
        width: 75%; }
  @media screen and (max-width: 768px) {
    div.our-research.page {
      padding-top: 70px; }
      div.our-research.page div.our-ambition {
        padding: 0 5%;
        grid-template-columns: 1fr; }
      div.our-research.page div.peer-review-process {
        width: 80%; }
        div.our-research.page div.peer-review-process div.process-grid {
          grid-template-columns: 1fr;
          row-gap: 75px; }
          div.our-research.page div.peer-review-process div.process-grid div.process:nth-child(2) {
            grid-row-start: auto; }
      div.our-research.page div.research-projects {
        grid-template-columns: 1fr; }
        div.our-research.page div.research-projects div.projects-wrapper {
          grid-column: 1 / span 1; }
      div.our-research.page div.advisory-committee {
        width: 84%;
        padding: 50px 8%; }
        div.our-research.page div.advisory-committee div.independant-chair div.person-wrapper, div.our-research.page div.advisory-committee div.researchers-and-clinicians div.person-wrapper {
          grid-template-columns: 1fr; }
      div.our-research.page div.midwifery-subcommittee div.person-wrapper {
        grid-template-columns: 1fr; } }

div.research-projects.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.research-projects.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.research-projects.page div.header img.header-image {
      max-height: 400px; } }
  div.research-projects.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.research-projects.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.research-projects.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.research-projects.page div.intro h4 strong {
        font-weight: 600; }
    div.research-projects.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.research-projects.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.research-projects.page div.intro ul li {
        margin-bottom: 7px; }
    div.research-projects.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.research-projects.page div.intro h4 {
      width: 80%; } }
  div.research-projects.page div.research-projects {
    padding: 0 10%;
    margin-bottom: 250px; }
    div.research-projects.page div.research-projects div.filters {
      display: block;
      position: relative;
      margin-bottom: 30px; }
      div.research-projects.page div.research-projects div.filters h4 {
        color: #58498F;
        display: inline-block;
        margin-right: 10px;
        font-weight: 600; }
      div.research-projects.page div.research-projects div.filters a {
        color: #58498F;
        padding: 8px 12px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 15px;
        cursor: pointer;
        font-weight: 600;
        transition: background-color .3s ease-in-out, color .3s ease-in-out; }
        div.research-projects.page div.research-projects div.filters a.pregnancyAndBirth {
          background-color: #CDC8DD; }
          div.research-projects.page div.research-projects div.filters a.pregnancyAndBirth.active {
            background-color: #58498F; }
        div.research-projects.page div.research-projects div.filters a.gynaecologicalCancers {
          background-color: #ACDDDF; }
          div.research-projects.page div.research-projects div.filters a.gynaecologicalCancers.active {
            background-color: #74C6CA; }
        div.research-projects.page div.research-projects div.filters a.wellbeingIssues {
          background-color: #FAD6D7; }
          div.research-projects.page div.research-projects div.filters a.wellbeingIssues.active {
            background-color: #EE767A; }
        div.research-projects.page div.research-projects div.filters a.pastProjects {
          background-color: #F2F1F3; }
          div.research-projects.page div.research-projects div.filters a.pastProjects.active {
            background-color: #D5CFD8; }
        div.research-projects.page div.research-projects div.filters a.all {
          transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out; }
          div.research-projects.page div.research-projects div.filters a.all.hidden {
            opacity: 0;
            cursor: default; }
        div.research-projects.page div.research-projects div.filters a.active {
          color: #FFFFFF; }
    div.research-projects.page div.research-projects div.projects-wrapper {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: auto; }
      div.research-projects.page div.research-projects div.projects-wrapper div.project {
        position: relative;
        display: block;
        width: calc((100% / 3) - 20px);
        margin-right: 20px;
        margin-bottom: 20px; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project a {
          display: block;
          position: relative; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project img.thumbnail {
          display: block;
          position: relative;
          width: 100%;
          height: auto;
          object-fit: cover; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project div.content-wrapper {
          padding: 0 20px 1px 20px; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project div.content-wrapper span {
            display: inline-block;
            color: #58498F;
            padding: 8px 12px;
            background-color: rgba(255, 255, 255, 0.6);
            margin-bottom: 15px; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project div.content-wrapper h4, div.research-projects.page div.research-projects div.projects-wrapper div.project div.content-wrapper p {
            color: #FFFFFF;
            margin-bottom: 15px; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project div.content-wrapper a {
            display: block;
            margin-bottom: 20px; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project:nth-child(3n) {
          margin-right: 0; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper {
          background-color: #58498F; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button, div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a {
            font-weight: 600; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button svg, div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button svg g path, div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button:hover svg g path#Bar, div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pregnancyAndBirth div.content-wrapper a {
            color: #FFFFFF; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper {
          background-color: #EE767A; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button, div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a {
            font-weight: 600; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button svg, div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button svg g path, div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button:hover svg g path#Bar, div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.wellbeingIssues div.content-wrapper a {
            color: #FFFFFF; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper {
          background-color: #74C6CA; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button, div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a {
            font-weight: 600; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button svg, div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button svg g path, div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a svg g path {
                fill: #FFFFFF; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button:hover svg g path#Bar, div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers div.content-wrapper a {
            color: #FFFFFF; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.gynaecologicalCancers img.thumbnail {
          grid-row: 2; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper {
          background-color: #F2F1F3; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper h4, div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper p {
            color: #58498F; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button, div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a {
            font-weight: 600; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button svg, div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button svg g path, div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a svg g path {
                fill: #58498F; }
            div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button:hover svg g path#Bar, div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects div.content-wrapper a {
            color: #58498F; }
        div.research-projects.page div.research-projects div.projects-wrapper div.project.pastProjects img.thumbnail {
          grid-row: 2; }
      @media screen and (max-width: 1200px) {
        div.research-projects.page div.research-projects div.projects-wrapper div.project {
          width: calc(50% - 20px); }
          div.research-projects.page div.research-projects div.projects-wrapper div.project:nth-child(2n) {
            margin-right: 0; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project:nth-child(3n) {
            margin-right: 20px; } }
      @media screen and (max-width: 768px) {
        div.research-projects.page div.research-projects div.projects-wrapper div.project {
          width: 100%;
          margin-right: 0; }
          div.research-projects.page div.research-projects div.projects-wrapper div.project:nth-child(1n) {
            margin-right: 0; } }
    div.research-projects.page div.research-projects a.back-to-top {
      position: absolute;
      margin-top: 100px;
      color: #58498F;
      left: 50%;
      transform: translateX(-50%); }
      div.research-projects.page div.research-projects a.back-to-top svg {
        display: block;
        position: absolute;
        cursor: pointer;
        top: -40px;
        left: 50%;
        transform: translateX(-50%) rotate(270deg);
        width: 40px;
        height: 14px; }
        div.research-projects.page div.research-projects a.back-to-top svg g path {
          fill: #58498F; }
      div.research-projects.page div.research-projects a.back-to-top::before, div.research-projects.page div.research-projects a.back-to-top::after {
        content: none;
        display: none; }
      div.research-projects.page div.research-projects a.back-to-top:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  @media screen and (max-width: 768px) {
    div.research-projects.page {
      padding-top: 70px; }
      div.research-projects.page div.research-projects div.filters h4 {
        display: block;
        margin-bottom: 20px; } }

div.research-project.page {
  display: block;
  position: relative;
  padding-top: 90px;
  margin-bottom: 230px; }
  div.research-project.page div.heading {
    display: block;
    position: relative;
    padding: 50px 20% 50px 10%; }
    div.research-project.page div.heading p.project-type, div.research-project.page div.heading h1, div.research-project.page div.heading h4 {
      margin-bottom: 30px; }
    div.research-project.page div.heading h4 {
      font-weight: 300; }
    div.research-project.page div.heading a.back-button {
      position: absolute;
      bottom: -21px;
      left: 10%;
      padding: 13px; }
      div.research-project.page div.heading a.back-button svg {
        transform: rotate(180deg); }
    div.research-project.page div.heading button, div.research-project.page div.heading a {
      font-weight: 600; }
      div.research-project.page div.heading button svg, div.research-project.page div.heading a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.research-project.page div.heading button svg g path, div.research-project.page div.heading a svg g path {
          fill: #FFFFFF; }
      div.research-project.page div.heading button:hover svg g path#Bar, div.research-project.page div.heading a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.research-project.page div.heading button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    div.research-project.page div.heading a {
      color: #FFFFFF; }
    div.research-project.page div.heading.pregnancyAndBirth {
      background-color: #DEDBE9; }
      div.research-project.page div.heading.pregnancyAndBirth p.project-type {
        color: #58498F; }
      div.research-project.page div.heading.pregnancyAndBirth a.back-button {
        background-color: #58498F;
        color: #FFFFFF; }
    div.research-project.page div.heading.gynaecologicalCancers {
      background-color: #E3F4F4; }
      div.research-project.page div.heading.gynaecologicalCancers p.project-type {
        color: #74C6CA; }
      div.research-project.page div.heading.gynaecologicalCancers a.back-button {
        background-color: #74C6CA; }
    div.research-project.page div.heading.wellbeingIssues {
      background-color: #FCE4E4; }
      div.research-project.page div.heading.wellbeingIssues p.project-type {
        color: #EE767A; }
      div.research-project.page div.heading.wellbeingIssues a.back-button {
        background-color: #EE767A; }
    div.research-project.page div.heading.pastProjects {
      background-color: #F7F5F7; }
      div.research-project.page div.heading.pastProjects p.project-type {
        color: #58498F; }
      div.research-project.page div.heading.pastProjects a.back-button {
        background-color: #D5CFD8; }
  div.research-project.page div.content {
    display: block;
    position: relative;
    padding: 75px 20% 75px 10%; }
    div.research-project.page div.content div.sharing-links {
      display: block;
      position: absolute;
      top: 75px;
      left: 5%; }
      div.research-project.page div.content div.sharing-links a.icon {
        display: block;
        position: relative;
        width: 30px;
        height: 30px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 10px; }
        div.research-project.page div.content div.sharing-links a.icon.facebook {
          background-image: url("/assets/images/logo/facebook_icon.svg"); }
        div.research-project.page div.content div.sharing-links a.icon.twitter {
          background-image: url("/assets/images/logo/twitter_icon.svg"); }
        div.research-project.page div.content div.sharing-links a.icon.email {
          background-image: url("/assets/images/icons/email-purple.svg"); }
    div.research-project.page div.content img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      margin: 30px 0; }
    div.research-project.page div.content blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
    div.research-project.page div.content p {
      margin-bottom: 10px; }
      div.research-project.page div.content p em {
        font-style: italic; }
      div.research-project.page div.content p strong {
        font-weight: 700; }
    div.research-project.page div.content h1, div.research-project.page div.content h2, div.research-project.page div.content h3, div.research-project.page div.content h4, div.research-project.page div.content h5, div.research-project.page div.content h6 {
      margin-bottom: 15px;
      margin-top: 40px; }
    div.research-project.page div.content p.image-left, div.research-project.page div.content p.image-right {
      display: inline;
      position: relative; }
      div.research-project.page div.content p.image-left img, div.research-project.page div.content p.image-right img {
        display: inline;
        width: calc(50% - 15px); }
    div.research-project.page div.content p.image-left img {
      margin-right: 30px; }
    @media screen and (max-width: 768px) {
      div.research-project.page div.content p.image-left, div.research-project.page div.content p.image-right {
        display: block; }
        div.research-project.page div.content p.image-left img, div.research-project.page div.content p.image-right img {
          display: block;
          width: 75%;
          margin: 20px auto; } }
  div.research-project.page div.back-to-top {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 100px 0; }
    div.research-project.page div.back-to-top a {
      color: #58498F; }
    div.research-project.page div.back-to-top a::before {
      position: absolute;
      display: block;
      content: '';
      background-image: url("/assets/images/icons/arrow-up-purple.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 20px;
      height: 40px;
      top: -50px;
      left: 50%;
      transform: translateX(-50%); }
  div.research-project.page a.back-to-top {
    position: absolute;
    margin-top: 100px;
    color: #58498F;
    left: 50%;
    transform: translateX(-50%); }
    div.research-project.page a.back-to-top svg {
      display: block;
      position: absolute;
      cursor: pointer;
      top: -40px;
      left: 50%;
      transform: translateX(-50%) rotate(270deg);
      width: 40px;
      height: 14px; }
      div.research-project.page a.back-to-top svg g path {
        fill: #58498F; }
    div.research-project.page a.back-to-top::before, div.research-project.page a.back-to-top::after {
      content: none;
      display: none; }
    div.research-project.page a.back-to-top:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  @media screen and (max-width: 768px) {
    div.research-project.page div.heading h1 {
      line-height: 1.15; }
    div.research-project.page div.content {
      padding: 110px 20% 75px 10%; }
      div.research-project.page div.content div.sharing-links {
        top: 50px;
        left: 10%; }
        div.research-project.page div.content div.sharing-links a.icon {
          display: inline-block;
          margin-right: 10px; } }

div.your-health.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.your-health.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.your-health.page div.header img.header-image {
      max-height: 400px; } }
  div.your-health.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.your-health.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.your-health.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.your-health.page div.intro h4 strong {
        font-weight: 600; }
    div.your-health.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.your-health.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.your-health.page div.intro ul li {
        margin-bottom: 7px; }
    div.your-health.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.your-health.page div.intro h4 {
      width: 80%; } }
  div.your-health.page div.key-areas {
    display: block;
    position: relative;
    width: 80%;
    margin: 0 auto 100px auto;
    background-color: #F2F1F3;
    padding: 30px 2% 75px 2%;
    z-index: 2; }
    div.your-health.page div.key-areas::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.your-health.page div.key-areas h2 {
      font-weight: 400;
      margin-bottom: 30px; }
    div.your-health.page div.key-areas div.area-wrapper {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 20px; }
      div.your-health.page div.key-areas div.area-wrapper div.focus-area {
        display: block;
        padding: 25px; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area img.area-icon {
          display: block;
          width: 90px;
          height: 90px;
          object-fit: contain;
          object-position: center;
          margin-bottom: 10px; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area h3 {
          margin-bottom: 20px;
          font-weight: 400; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area p {
          font-weight: 300; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area h3, div.your-health.page div.key-areas div.area-wrapper div.focus-area p {
          color: #FFFFFF; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area:first-child {
          background-color: #58498F; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area:nth-child(2) {
          background-color: #74C6CA; }
        div.your-health.page div.key-areas div.area-wrapper div.focus-area:nth-child(3) {
          background-color: #EE767A; }
  div.your-health.page div.health-sections {
    display: block;
    position: relative; }
    div.your-health.page div.health-sections div.section {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr; }
      div.your-health.page div.health-sections div.section img.section-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      div.your-health.page div.health-sections div.section div.content-wrapper {
        display: block;
        position: relative; }
        div.your-health.page div.health-sections div.section div.content-wrapper div.content {
          padding: 30px 20% 30px 30px; }
          div.your-health.page div.health-sections div.section div.content-wrapper div.content h2, div.your-health.page div.health-sections div.section div.content-wrapper div.content h4 {
            color: #FFFFFF;
            margin-bottom: 30px; }
          div.your-health.page div.health-sections div.section div.content-wrapper div.content h2 {
            font-weight: 400; }
          div.your-health.page div.health-sections div.section div.content-wrapper div.content h4 {
            font-weight: 300; }
          div.your-health.page div.health-sections div.section div.content-wrapper div.content p {
            color: #FFFFFF;
            margin-bottom: 10px; }
        div.your-health.page div.health-sections div.section div.content-wrapper div.articles {
          position: relative;
          display: block;
          margin-left: 30px;
          margin-bottom: 40px;
          padding: 30px 20% 30px 30px; }
          div.your-health.page div.health-sections div.section div.content-wrapper div.articles a.article {
            display: block;
            margin-bottom: 15px; }
            div.your-health.page div.health-sections div.section div.content-wrapper div.articles a.article:last-child {
              margin-bottom: 0; }
      div.your-health.page div.health-sections div.section.fertility div.content-wrapper {
        background-color: #58498F; }
        div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles {
          background-color: #CDC8DD; }
          div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles button, div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles a {
            font-weight: 600; }
            div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles button svg, div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles button svg g path, div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles a svg g path {
                fill: #58498F; }
            div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles button:hover svg g path#Bar, div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #58498F; }
          div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles a {
            color: #58498F; }
          div.your-health.page div.health-sections div.section.fertility div.content-wrapper div.articles::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
      div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper {
        grid-column: 1;
        grid-row: 1;
        background-color: #74C6CA; }
        div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.content {
          padding: 30px 30px 30px 20%; }
        div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles {
          padding: 30px 30px 30px 20%;
          margin-left: 0;
          margin-right: 30px;
          background-color: #D5EEEF; }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles button, div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles a {
            font-weight: 600; }
            div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles button svg, div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles button svg g path, div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles a svg g path {
                fill: #74C6CA; }
            div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles button:hover svg g path#Bar, div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #74C6CA; }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles a {
            color: #74C6CA; }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
      div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper {
        background-color: #EE767A; }
        div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles {
          background-color: #FAD6D7; }
          div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles button, div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles a {
            font-weight: 600; }
            div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles button svg, div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              top: 1px;
              width: 40px;
              height: 14px; }
              div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles button svg g path, div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles a svg g path {
                fill: #EE767A; }
            div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles button:hover svg g path#Bar, div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #EE767A; }
          div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles a {
            color: #EE767A; }
          div.your-health.page div.health-sections div.section.wellbeing-issues div.content-wrapper div.articles::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_coral_30.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
  div.your-health.page div.help-and-advice {
    position: relative;
    display: block;
    padding: 100px 10%; }
    div.your-health.page div.help-and-advice h2 {
      font-weight: 400;
      margin-bottom: 40px; }
    div.your-health.page div.help-and-advice h4 {
      font-weight: 300;
      margin-bottom: 20px; }
    div.your-health.page div.help-and-advice a {
      color: #58498F;
      font-weight: 600; }
      div.your-health.page div.help-and-advice a::before {
        content: '';
        display: inline-block;
        position: relative;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("/assets/images/icons/external_link.svg");
        height: 20px;
        width: 20px;
        margin-right: 10px; }
  @media screen and (max-width: 1000px) {
    div.your-health.page div.key-areas div.area-wrapper {
      grid-template-columns: 1fr;
      row-gap: 20px; } }
  @media screen and (max-width: 768px) {
    div.your-health.page {
      padding-top: 70px; }
      div.your-health.page div.key-areas {
        padding: 30px 10% 75px 10%; }
      div.your-health.page div.health-sections div.section {
        grid-template-columns: 1fr; }
        div.your-health.page div.health-sections div.section div.content-wrapper div.content {
          padding: 30px 20% 30px 10%; }
        div.your-health.page div.health-sections div.section div.content-wrapper div.articles {
          margin-left: 5%;
          padding-left: 5%; }
        div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper {
          grid-row: 2; }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.content {
            padding: 30px 20% 30px 10%; }
          div.your-health.page div.health-sections div.section.gynaecological-cancers div.content-wrapper div.articles {
            padding-left: 10%; } }

div.health-article.page {
  display: block;
  position: relative;
  padding-top: 90px;
  overflow-x: hidden; }
  @media screen and (max-width: 768px) {
    div.health-article.page {
      padding-top: 70px; } }
  div.health-article.page div.heading {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    margin-bottom: 50px;
    padding-top: 50px; }
    div.health-article.page div.heading::before {
      display: block;
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      z-index: 1; }
    div.health-article.page div.heading.fertility::before {
      background-color: #CDC8DD; }
    div.health-article.page div.heading.gynaecologicalCancers::before {
      background-color: #D5EEEF; }
    div.health-article.page div.heading.wellbeingIssues::before {
      background-color: #FAD6D7; }
    div.health-article.page div.heading::after {
      display: block;
      position: absolute;
      content: '';
      top: 140px;
      left: 5%;
      width: 100%;
      height: 50%;
      background-color: #FFF;
      z-index: 2; }
    div.health-article.page div.heading img.article-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 5; }
    div.health-article.page div.heading div.content {
      margin-left: 10%;
      padding-left: 10%;
      z-index: 5; }
      div.health-article.page div.heading div.content h1 {
        margin-bottom: 30px; }
      div.health-article.page div.heading div.content h4 {
        font-weight: 300; }
      div.health-article.page div.heading div.content button, div.health-article.page div.heading div.content a {
        font-weight: 600; }
        div.health-article.page div.heading div.content button svg, div.health-article.page div.heading div.content a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.health-article.page div.heading div.content button svg g path, div.health-article.page div.heading div.content a svg g path {
            fill: #58498F; }
        div.health-article.page div.heading div.content button:hover svg g path#Bar, div.health-article.page div.heading div.content a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.health-article.page div.heading div.content button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.health-article.page div.heading div.content a {
        color: #58498F; }
      div.health-article.page div.heading div.content a {
        display: inline-block;
        position: relative;
        left: -10%;
        margin-bottom: 100px;
        padding: 13px;
        background-color: rgba(255, 255, 255, 0.7); }
        div.health-article.page div.heading div.content a svg {
          transform: rotate(180deg); }
  div.health-article.page div.article-content {
    position: relative;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 10%;
    padding-left: 10%;
    margin-bottom: 100px; }
    div.health-article.page div.article-content div.content h2, div.health-article.page div.article-content div.content h3, div.health-article.page div.article-content div.content h4, div.health-article.page div.article-content div.content p {
      margin-bottom: 15px; }
    div.health-article.page div.article-content div.content h2, div.health-article.page div.article-content div.content h3, div.health-article.page div.article-content div.content h4 {
      font-weight: 400; }
    div.health-article.page div.article-content div.content p strong {
      font-weight: 600; }
    div.health-article.page div.article-content div.content p em {
      font-style: italic; }
    div.health-article.page div.article-content div.content ul {
      list-style-type: disc;
      margin-left: 15px;
      padding-left: 15px; }
      div.health-article.page div.article-content div.content ul li {
        margin-bottom: 10px; }
    div.health-article.page div.article-content div.content a {
      color: #58498F;
      font-weight: 600; }
    div.health-article.page div.article-content div.content blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
    div.health-article.page div.article-content div.related-wrapper div.content {
      display: block;
      position: relative;
      padding: 20px 10% 20px 20px; }
      div.health-article.page div.article-content div.related-wrapper div.content a {
        display: block;
        margin-bottom: 15px; }
        div.health-article.page div.article-content div.related-wrapper div.content a::before {
          display: none; }
      div.health-article.page div.article-content div.related-wrapper div.content.fertility {
        background-color: #CDC8DD; }
        div.health-article.page div.article-content div.related-wrapper div.content.fertility h3 {
          color: #58498F; }
        div.health-article.page div.article-content div.related-wrapper div.content.fertility button, div.health-article.page div.article-content div.related-wrapper div.content.fertility a {
          font-weight: 600; }
          div.health-article.page div.article-content div.related-wrapper div.content.fertility button svg, div.health-article.page div.article-content div.related-wrapper div.content.fertility a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.health-article.page div.article-content div.related-wrapper div.content.fertility button svg g path, div.health-article.page div.article-content div.related-wrapper div.content.fertility a svg g path {
              fill: #58498F; }
          div.health-article.page div.article-content div.related-wrapper div.content.fertility button:hover svg g path#Bar, div.health-article.page div.article-content div.related-wrapper div.content.fertility a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.health-article.page div.article-content div.related-wrapper div.content.fertility button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.health-article.page div.article-content div.related-wrapper div.content.fertility a {
          color: #58498F; }
        div.health-article.page div.article-content div.related-wrapper div.content.fertility::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_purple_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers {
        background-color: #D5EEEF; }
        div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers h3 {
          color: #74C6CA; }
        div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers button, div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers a {
          font-weight: 600; }
          div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers button svg, div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers button svg g path, div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers a svg g path {
              fill: #74C6CA; }
          div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers button:hover svg g path#Bar, div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #74C6CA; }
        div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers a {
          color: #74C6CA; }
        div.health-article.page div.article-content div.related-wrapper div.content.gynaecologicalCancers::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues {
        background-color: #FAD6D7; }
        div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues h3 {
          color: #EE767A; }
        div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues button, div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues a {
          font-weight: 600; }
          div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues button svg, div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues button svg g path, div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues a svg g path {
              fill: #EE767A; }
          div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues button:hover svg g path#Bar, div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #EE767A; }
        div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues a {
          color: #EE767A; }
        div.health-article.page div.article-content div.related-wrapper div.content.wellbeingIssues::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_coral_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
  @media screen and (max-width: 768px) {
    div.health-article.page div.heading {
      grid-template-columns: 1fr;
      row-gap: 50px; }
      div.health-article.page div.heading::after {
        left: 0; }
      div.health-article.page div.heading div.content {
        margin-left: 0;
        padding-right: 25%; }
    div.health-article.page div.article-content {
      grid-template-columns: 1fr; }
      div.health-article.page div.article-content div.content {
        padding-right: 20%;
        margin-bottom: 50px; } }

div.news.page, div.menopause-stories.page {
  display: block;
  position: relative;
  padding-top: 175px; }
  div.news.page div.intro, div.menopause-stories.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.news.page div.intro h1, div.menopause-stories.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.news.page div.intro h4, div.menopause-stories.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.news.page div.intro h4 strong, div.menopause-stories.page div.intro h4 strong {
        font-weight: 600; }
    div.news.page div.intro p, div.menopause-stories.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.news.page div.intro ul, div.menopause-stories.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.news.page div.intro ul li, div.menopause-stories.page div.intro ul li {
        margin-bottom: 7px; }
    div.news.page div.intro a, div.menopause-stories.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.news.page div.intro h4, div.menopause-stories.page div.intro h4 {
      width: 80%; } }
  div.news.page div.filters, div.menopause-stories.page div.filters {
    display: block;
    position: relative;
    padding: 50px 10%;
    background-color: #F2F1F3; }
    div.news.page div.filters h4, div.menopause-stories.page div.filters h4 {
      color: #58498F;
      display: inline-block;
      margin-right: 10px;
      font-weight: 600; }
    div.news.page div.filters a, div.menopause-stories.page div.filters a {
      color: #58498F;
      padding: 8px 12px;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 15px;
      cursor: pointer;
      font-weight: 600;
      transition: background-color .3s ease-in-out, color .3s ease-in-out;
      background-color: #F7F5F7;
      color: #58498F; }
      div.news.page div.filters a.all, div.menopause-stories.page div.filters a.all {
        background-color: transparent;
        transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out; }
        div.news.page div.filters a.all.hidden, div.menopause-stories.page div.filters a.all.hidden {
          opacity: 0;
          cursor: default; }
      div.news.page div.filters a.active, div.menopause-stories.page div.filters a.active {
        background-color: #58498F;
        color: #FFFFFF; }
  div.news.page a.featured-article, div.menopause-stories.page a.featured-article {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2fr; }
    div.news.page a.featured-article img.article-image, div.menopause-stories.page a.featured-article img.article-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    div.news.page a.featured-article div.content-wrapper, div.menopause-stories.page a.featured-article div.content-wrapper {
      display: block;
      position: relative;
      height: 27vw;
      padding: 60px 40px 30px 40px;
      background-color: #EE767A; }
      div.news.page a.featured-article div.content-wrapper h3, div.news.page a.featured-article div.content-wrapper p, div.menopause-stories.page a.featured-article div.content-wrapper h3, div.menopause-stories.page a.featured-article div.content-wrapper p {
        margin-bottom: 20px;
        color: #FFFFFF; }
      div.news.page a.featured-article div.content-wrapper h3, div.menopause-stories.page a.featured-article div.content-wrapper h3 {
        font-weight: 600; }
      div.news.page a.featured-article div.content-wrapper button, div.news.page a.featured-article div.content-wrapper a, div.menopause-stories.page a.featured-article div.content-wrapper button, div.menopause-stories.page a.featured-article div.content-wrapper a {
        font-weight: 600; }
        div.news.page a.featured-article div.content-wrapper button svg, div.news.page a.featured-article div.content-wrapper a svg, div.menopause-stories.page a.featured-article div.content-wrapper button svg, div.menopause-stories.page a.featured-article div.content-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.news.page a.featured-article div.content-wrapper button svg g path, div.news.page a.featured-article div.content-wrapper a svg g path, div.menopause-stories.page a.featured-article div.content-wrapper button svg g path, div.menopause-stories.page a.featured-article div.content-wrapper a svg g path {
            fill: #FFFFFF; }
        div.news.page a.featured-article div.content-wrapper button:hover svg g path#Bar, div.news.page a.featured-article div.content-wrapper a:hover svg g path#Bar, div.menopause-stories.page a.featured-article div.content-wrapper button:hover svg g path#Bar, div.menopause-stories.page a.featured-article div.content-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.news.page a.featured-article div.content-wrapper button, div.menopause-stories.page a.featured-article div.content-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.news.page a.featured-article div.content-wrapper a, div.menopause-stories.page a.featured-article div.content-wrapper a {
        color: #FFFFFF; }
  div.news.page div.news-wrapper, div.menopause-stories.page div.news-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    div.news.page div.news-wrapper .article, div.menopause-stories.page div.news-wrapper .article {
      position: relative;
      display: block;
      width: calc(100% / 3);
      height: calc(100vw / 3); }
      div.news.page div.news-wrapper .article div.image-wrapper, div.menopause-stories.page div.news-wrapper .article div.image-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        div.news.page div.news-wrapper .article div.image-wrapper img.article-image, div.menopause-stories.page div.news-wrapper .article div.image-wrapper img.article-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      div.news.page div.news-wrapper .article div.content-wrapper, div.menopause-stories.page div.news-wrapper .article div.content-wrapper {
        display: block;
        position: relative;
        width: calc(100% - 80px);
        height: calc(100% - 90px);
        padding: 60px 40px 30px 40px;
        z-index: 2;
        transition: clip-path 0.3s ease-in-out; }
        div.news.page div.news-wrapper .article div.content-wrapper h3, div.news.page div.news-wrapper .article div.content-wrapper p, div.menopause-stories.page div.news-wrapper .article div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article div.content-wrapper p {
          margin-bottom: 20px; }
        div.news.page div.news-wrapper .article div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article div.content-wrapper h3 {
          font-weight: 600; }
      div.news.page div.news-wrapper .article.w-image:hover div.content-wrapper, div.menopause-stories.page div.news-wrapper .article.w-image:hover div.content-wrapper {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
      div.news.page div.news-wrapper .article.w-image div.content-wrapper, div.menopause-stories.page div.news-wrapper .article.w-image div.content-wrapper {
        opacity: 0.8;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
      div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper {
        background-color: #58498F; }
        div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper h3, div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper p, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper p {
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button, div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a {
          font-weight: 600; }
          div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg, div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg g path, div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button:hover svg g path#Bar, div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(1n) div.content-wrapper a {
          color: #FFFFFF; }
      div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper {
        background-color: #F7F5F7; }
        div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper h3, div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper p, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper p {
          color: #58498F; }
        div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button, div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a {
          font-weight: 600; }
          div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg, div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg g path, div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a svg g path {
              fill: #58498F; }
          div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button:hover svg g path#Bar, div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.news.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(2n) div.content-wrapper a {
          color: #58498F; }
      div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper {
        background-color: #74C6CA; }
        div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper h3, div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper p, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper p {
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button, div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a {
          font-weight: 600; }
          div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg, div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg g path, div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(3n) div.content-wrapper a {
          color: #FFFFFF; }
      div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper {
        background-color: #EE767A; }
        div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper h3, div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper p, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper h3, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper p {
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button, div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a {
          font-weight: 600; }
          div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg, div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg g path, div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button svg g path, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button:hover svg g path#Bar, div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button:hover svg g path#Bar, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.news.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a, div.menopause-stories.page div.news-wrapper .article:nth-child(4n) div.content-wrapper a {
          color: #FFFFFF; }
    @media screen and (max-width: 1200px) {
      div.news.page div.news-wrapper .article, div.menopause-stories.page div.news-wrapper .article {
        width: calc(50vw - 9px);
        height: 50vw; }
        div.news.page div.news-wrapper .article.w-image div.content-wrapper, div.menopause-stories.page div.news-wrapper .article.w-image div.content-wrapper {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
    @media screen and (max-width: 768px) {
      div.news.page div.news-wrapper .article, div.menopause-stories.page div.news-wrapper .article {
        width: 100vw;
        height: 100vw; }
        div.news.page div.news-wrapper .article.w-image div.content-wrapper, div.menopause-stories.page div.news-wrapper .article.w-image div.content-wrapper {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
  @media screen and (max-width: 768px) {
    div.news.page div.filters h4, div.menopause-stories.page div.filters h4 {
      display: block;
      margin-bottom: 20px; }
    div.news.page a.featured-article, div.menopause-stories.page a.featured-article {
      grid-template-columns: 1fr; }
      div.news.page a.featured-article div.content-wrapper, div.menopause-stories.page a.featured-article div.content-wrapper {
        height: auto; } }

div.news-article.page, div.menopause-article.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.news-article.page div.intro, div.menopause-article.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.news-article.page div.intro h1, div.menopause-article.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.news-article.page div.intro h4, div.menopause-article.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.news-article.page div.intro h4 strong, div.menopause-article.page div.intro h4 strong {
        font-weight: 600; }
    div.news-article.page div.intro p, div.menopause-article.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.news-article.page div.intro ul, div.menopause-article.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.news-article.page div.intro ul li, div.menopause-article.page div.intro ul li {
        margin-bottom: 7px; }
    div.news-article.page div.intro a, div.menopause-article.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.news-article.page div.intro h4, div.menopause-article.page div.intro h4 {
      width: 80%; } }
  div.news-article.page div.heading, div.menopause-article.page div.heading {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #E3F4F4; }
    div.news-article.page div.heading div.content, div.menopause-article.page div.heading div.content {
      padding: 40px 100px 75px 20%; }
      div.news-article.page div.heading div.content h1, div.news-article.page div.heading div.content h4, div.news-article.page div.heading div.content p, div.menopause-article.page div.heading div.content h1, div.menopause-article.page div.heading div.content h4, div.menopause-article.page div.heading div.content p {
        color: #58498F; }
      div.news-article.page div.heading div.content h1, div.menopause-article.page div.heading div.content h1 {
        margin-bottom: 30px;
        line-height: 1.15; }
      div.news-article.page div.heading div.content h4, div.menopause-article.page div.heading div.content h4 {
        margin-bottom: 20px;
        font-weight: 300; }
      div.news-article.page div.heading div.content button, div.news-article.page div.heading div.content a, div.menopause-article.page div.heading div.content button, div.menopause-article.page div.heading div.content a {
        font-weight: 600; }
        div.news-article.page div.heading div.content button svg, div.news-article.page div.heading div.content a svg, div.menopause-article.page div.heading div.content button svg, div.menopause-article.page div.heading div.content a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.news-article.page div.heading div.content button svg g path, div.news-article.page div.heading div.content a svg g path, div.menopause-article.page div.heading div.content button svg g path, div.menopause-article.page div.heading div.content a svg g path {
            fill: #58498F; }
        div.news-article.page div.heading div.content button:hover svg g path#Bar, div.news-article.page div.heading div.content a:hover svg g path#Bar, div.menopause-article.page div.heading div.content button:hover svg g path#Bar, div.menopause-article.page div.heading div.content a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.news-article.page div.heading div.content button, div.menopause-article.page div.heading div.content button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.news-article.page div.heading div.content a, div.menopause-article.page div.heading div.content a {
        color: #58498F; }
      div.news-article.page div.heading div.content a.back-button, div.menopause-article.page div.heading div.content a.back-button {
        position: absolute;
        display: block;
        bottom: -21px;
        left: 10%;
        padding: 13px;
        background-color: #ACDDDF; }
        div.news-article.page div.heading div.content a.back-button svg, div.menopause-article.page div.heading div.content a.back-button svg {
          transform: rotate(180deg);
          margin-left: 0;
          margin-right: 10px; }
    div.news-article.page div.heading img.article-image, div.menopause-article.page div.heading img.article-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  div.news-article.page div.content-wrapper, div.menopause-article.page div.content-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 10%;
    padding: 75px 0 100px 10%; }
    div.news-article.page div.content-wrapper div.sharing-links, div.menopause-article.page div.content-wrapper div.sharing-links {
      display: block;
      position: absolute;
      top: 75px;
      left: 5%; }
      div.news-article.page div.content-wrapper div.sharing-links a.icon, div.menopause-article.page div.content-wrapper div.sharing-links a.icon {
        display: block;
        position: relative;
        width: 30px;
        height: 30px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 10px; }
        div.news-article.page div.content-wrapper div.sharing-links a.icon.facebook, div.menopause-article.page div.content-wrapper div.sharing-links a.icon.facebook {
          background-image: url("/assets/images/logo/facebook_icon.svg"); }
        div.news-article.page div.content-wrapper div.sharing-links a.icon.twitter, div.menopause-article.page div.content-wrapper div.sharing-links a.icon.twitter {
          background-image: url("/assets/images/logo/twitter_icon.svg"); }
        div.news-article.page div.content-wrapper div.sharing-links a.icon.email, div.menopause-article.page div.content-wrapper div.sharing-links a.icon.email {
          background-image: url("/assets/images/icons/email-purple.svg"); }
    div.news-article.page div.content-wrapper div.news-content img, div.menopause-article.page div.content-wrapper div.news-content img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      margin: 30px 0; }
    div.news-article.page div.content-wrapper div.news-content blockquote, div.menopause-article.page div.content-wrapper div.news-content blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
    div.news-article.page div.content-wrapper div.news-content p, div.menopause-article.page div.content-wrapper div.news-content p {
      margin-bottom: 10px; }
      div.news-article.page div.content-wrapper div.news-content p strong, div.menopause-article.page div.content-wrapper div.news-content p strong {
        font-weight: 600; }
      div.news-article.page div.content-wrapper div.news-content p em, div.menopause-article.page div.content-wrapper div.news-content p em {
        font-style: italic; }
    div.news-article.page div.content-wrapper div.news-content h1, div.news-article.page div.content-wrapper div.news-content h2, div.news-article.page div.content-wrapper div.news-content h3, div.news-article.page div.content-wrapper div.news-content h4, div.news-article.page div.content-wrapper div.news-content h5, div.news-article.page div.content-wrapper div.news-content h6, div.menopause-article.page div.content-wrapper div.news-content h1, div.menopause-article.page div.content-wrapper div.news-content h2, div.menopause-article.page div.content-wrapper div.news-content h3, div.menopause-article.page div.content-wrapper div.news-content h4, div.menopause-article.page div.content-wrapper div.news-content h5, div.menopause-article.page div.content-wrapper div.news-content h6 {
      margin-bottom: 15px;
      margin-top: 40px; }
    div.news-article.page div.content-wrapper div.news-content ul, div.menopause-article.page div.content-wrapper div.news-content ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.news-article.page div.content-wrapper div.news-content ul li, div.menopause-article.page div.content-wrapper div.news-content ul li {
        margin-bottom: 7px; }
    div.news-article.page div.content-wrapper div.news-content a, div.menopause-article.page div.content-wrapper div.news-content a {
      color: #58498F; }
    div.news-article.page div.content-wrapper div.news-content iframe, div.menopause-article.page div.content-wrapper div.news-content iframe {
      margin: 30px 0; }
    div.news-article.page div.content-wrapper div.news-content p.image-left, div.news-article.page div.content-wrapper div.news-content p.image-right, div.menopause-article.page div.content-wrapper div.news-content p.image-left, div.menopause-article.page div.content-wrapper div.news-content p.image-right {
      display: inline;
      position: relative; }
      div.news-article.page div.content-wrapper div.news-content p.image-left img, div.news-article.page div.content-wrapper div.news-content p.image-right img, div.menopause-article.page div.content-wrapper div.news-content p.image-left img, div.menopause-article.page div.content-wrapper div.news-content p.image-right img {
        display: inline;
        width: calc(50% - 15px); }
    div.news-article.page div.content-wrapper div.news-content p.image-left img, div.menopause-article.page div.content-wrapper div.news-content p.image-left img {
      margin-right: 30px; }
    @media screen and (max-width: 768px) {
      div.news-article.page div.content-wrapper div.news-content p.image-left, div.news-article.page div.content-wrapper div.news-content p.image-right, div.menopause-article.page div.content-wrapper div.news-content p.image-left, div.menopause-article.page div.content-wrapper div.news-content p.image-right {
        display: block; }
        div.news-article.page div.content-wrapper div.news-content p.image-left img, div.news-article.page div.content-wrapper div.news-content p.image-right img, div.menopause-article.page div.content-wrapper div.news-content p.image-left img, div.menopause-article.page div.content-wrapper div.news-content p.image-right img {
          display: block;
          width: 75%;
          margin: 20px auto; } }
    div.news-article.page div.content-wrapper div.related-news div.news-wrapper, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper {
      display: block;
      position: relative;
      padding: 20px 10% 20px 20px;
      background-color: #F2F1F3; }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper h3, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper h3 {
        margin-bottom: 20px;
        font-weight: 600; }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper h4, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper h4 {
        margin-bottom: 5px; }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper a, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a {
        display: block;
        margin-bottom: 30px; }
        div.news-article.page div.content-wrapper div.related-news div.news-wrapper a::before, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a::before {
          display: none; }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper button, div.news-article.page div.content-wrapper div.related-news div.news-wrapper a, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper button, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a {
        font-weight: 600; }
        div.news-article.page div.content-wrapper div.related-news div.news-wrapper button svg, div.news-article.page div.content-wrapper div.related-news div.news-wrapper a svg, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper button svg, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.news-article.page div.content-wrapper div.related-news div.news-wrapper button svg g path, div.news-article.page div.content-wrapper div.related-news div.news-wrapper a svg g path, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper button svg g path, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a svg g path {
            fill: #58498F; }
        div.news-article.page div.content-wrapper div.related-news div.news-wrapper button:hover svg g path#Bar, div.news-article.page div.content-wrapper div.related-news div.news-wrapper a:hover svg g path#Bar, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper button:hover svg g path#Bar, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper button, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.news-article.page div.content-wrapper div.related-news div.news-wrapper a, div.menopause-article.page div.content-wrapper div.related-news div.news-wrapper a {
        color: #58498F; }
  @media screen and (max-width: 768px) {
    div.news-article.page, div.menopause-article.page {
      padding-top: 70px; }
      div.news-article.page div.heading, div.menopause-article.page div.heading {
        grid-template-columns: 1fr; }
        div.news-article.page div.heading div.content, div.menopause-article.page div.heading div.content {
          padding: 40px 10%; }
      div.news-article.page div.content-wrapper, div.menopause-article.page div.content-wrapper {
        grid-template-columns: 1fr;
        padding: 110px 0 100px 10%; }
        div.news-article.page div.content-wrapper div.news-content, div.menopause-article.page div.content-wrapper div.news-content {
          padding-right: 20%;
          margin-bottom: 50px; }
        div.news-article.page div.content-wrapper div.sharing-links, div.menopause-article.page div.content-wrapper div.sharing-links {
          top: 50px;
          left: 10%; }
          div.news-article.page div.content-wrapper div.sharing-links a.icon, div.menopause-article.page div.content-wrapper div.sharing-links a.icon {
            display: inline-block;
            margin-right: 10px; } }

div.events.page {
  display: block;
  position: relative;
  padding-top: 90px;
  margin-bottom: 285px; }
  div.events.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.events.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.events.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.events.page div.intro h4 strong {
        font-weight: 600; }
    div.events.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.events.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.events.page div.intro ul li {
        margin-bottom: 7px; }
    div.events.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.events.page div.intro h4 {
      width: 80%; } }
  div.events.page div.events-wrapper {
    position: relative;
    display: block;
    padding: 50px 10%;
    margin-bottom: 75px; }
    div.events.page div.events-wrapper h2 {
      font-weight: 500;
      color: #58498F;
      margin-bottom: 40px; }
    div.events.page div.events-wrapper h4 {
      width: 75%;
      font-weight: 300;
      margin-bottom: 40px; }
    div.events.page div.events-wrapper a.newsletter-link {
      color: #58498F; }
    div.events.page div.events-wrapper button, div.events.page div.events-wrapper a {
      font-weight: 600; }
      div.events.page div.events-wrapper button svg, div.events.page div.events-wrapper a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.events.page div.events-wrapper button svg g path, div.events.page div.events-wrapper a svg g path {
          fill: #58498F; }
      div.events.page div.events-wrapper button:hover svg g path#Bar, div.events.page div.events-wrapper a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.events.page div.events-wrapper button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #58498F; }
    div.events.page div.events-wrapper a {
      color: #58498F; }
    div.events.page div.events-wrapper.fundraising {
      background-color: #E3F4F4; }
      div.events.page div.events-wrapper.fundraising::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) {
        background-color: #74C6CA; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) button, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) button svg, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) button svg g path, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) button:hover svg g path#Bar, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) div.event-date {
          background-color: #E3F4F4; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) h3, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(1n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) {
        background-color: #EE767A; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) button, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) button svg, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) button svg g path, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) button:hover svg g path#Bar, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) div.event-date {
          background-color: #FCE4E4; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) h3, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(2n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) {
        background-color: #CDC8DD; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) button, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) button svg, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) button svg g path, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) a svg g path {
              fill: #58498F; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) button:hover svg g path#Bar, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) a {
          color: #58498F; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) h3, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(3n) p {
          color: #58498F; }
      div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) {
        background-color: #58498F; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) button, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) button svg, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) button svg g path, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) button:hover svg g path#Bar, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) h3, div.events.page div.events-wrapper.fundraising div.event-grid a.event:nth-child(4n) p {
          color: #FFFFFF; }
    div.events.page div.events-wrapper.challenge {
      background-color: #F7F5F7; }
      div.events.page div.events-wrapper.challenge::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) {
        background-color: #EE767A; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) button, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) button svg, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) button svg g path, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) button:hover svg g path#Bar, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) div.event-date {
          background-color: #FCE4E4; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) h3, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(1n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) {
        background-color: #74C6CA; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) button, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) button svg, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) button svg g path, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) button:hover svg g path#Bar, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) div.event-date {
          background-color: #E3F4F4; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) h3, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(2n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) {
        background-color: #CDC8DD; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) button, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) button svg, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) button svg g path, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) a svg g path {
              fill: #58498F; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) button:hover svg g path#Bar, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) a {
          color: #58498F; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) h3, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(3n) p {
          color: #58498F; }
      div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) {
        background-color: #58498F; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) button, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) button svg, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) button svg g path, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) button:hover svg g path#Bar, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) h3, div.events.page div.events-wrapper.challenge div.event-grid a.event:nth-child(4n) p {
          color: #FFFFFF; }
    div.events.page div.events-wrapper.community {
      background-color: #DEDBE9; }
      div.events.page div.events-wrapper.community::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) {
        background-color: #74C6CA; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) button, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) button svg, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) button svg g path, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) button:hover svg g path#Bar, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) div.event-date {
          background-color: #E3F4F4; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) h3, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(1n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) {
        background-color: #EE767A; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) button, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) button svg, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) button svg g path, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) button:hover svg g path#Bar, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) div.event-date {
          background-color: #FCE4E4; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) h3, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(2n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) {
        background-color: #58498F; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) button, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) button svg, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) button svg g path, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) a svg g path {
              fill: #FFFFFF; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) button:hover svg g path#Bar, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) a {
          color: #FFFFFF; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) h3, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(3n) p {
          color: #FFFFFF; }
      div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) {
        background-color: #CDC8DD; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) button, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) a {
          font-weight: 600; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) button svg, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) button svg g path, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) a svg g path {
              fill: #58498F; }
          div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) button:hover svg g path#Bar, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) a {
          color: #58498F; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) div.event-date {
          background-color: #DEDBE9; }
        div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) h3, div.events.page div.events-wrapper.community div.event-grid a.event:nth-child(4n) p {
          color: #58498F; }
    div.events.page div.events-wrapper.past {
      background-color: #FFFFFF; }
      div.events.page div.events-wrapper.past div.event-grid {
        grid-template-columns: 1fr 1fr 1fr; }
        div.events.page div.events-wrapper.past div.event-grid a.event {
          background-color: #F7F5F7; }
          div.events.page div.events-wrapper.past div.event-grid a.event img.event-image {
            height: 175px; }
          div.events.page div.events-wrapper.past div.event-grid a.event div.event-date {
            background-color: #FFFFFF; }
          div.events.page div.events-wrapper.past div.event-grid a.event div.content h3 {
            font-size: 20px; }
    div.events.page div.events-wrapper div.event-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 20px;
      column-gap: 20px; }
      div.events.page div.events-wrapper div.event-grid a.event img.event-image {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        object-fit: cover; }
      div.events.page div.events-wrapper div.event-grid a.event div.content {
        position: relative;
        display: block;
        padding: 50px 20px 30px 20px; }
        div.events.page div.events-wrapper div.event-grid a.event div.content h3 {
          margin-bottom: 20px; }
        div.events.page div.events-wrapper div.event-grid a.event div.content p {
          margin-bottom: 10px; }
        div.events.page div.events-wrapper div.event-grid a.event div.content button {
          margin-top: 10px; }
        div.events.page div.events-wrapper div.event-grid a.event div.content div.event-date {
          display: block;
          position: absolute;
          top: -32px;
          left: 20px;
          padding: 5px 10px; }
          div.events.page div.events-wrapper div.event-grid a.event div.content div.event-date p {
            color: #58498F;
            font-weight: 600;
            margin-bottom: 5px; }
            div.events.page div.events-wrapper div.event-grid a.event div.content div.event-date p:last-child {
              margin-bottom: 0; }
  div.events.page a.back-to-top {
    position: absolute;
    margin-top: 100px;
    color: #58498F;
    left: 50%;
    transform: translateX(-50%); }
    div.events.page a.back-to-top svg {
      display: block;
      position: absolute;
      cursor: pointer;
      top: -40px;
      left: 50%;
      transform: translateX(-50%) rotate(270deg);
      width: 40px;
      height: 14px; }
      div.events.page a.back-to-top svg g path {
        fill: #58498F; }
    div.events.page a.back-to-top::before, div.events.page a.back-to-top::after {
      content: none;
      display: none; }
    div.events.page a.back-to-top:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  @media screen and (max-width: 1280px) {
    div.events.page {
      padding-top: 70px; }
      div.events.page div.events-wrapper.past div.event-grid {
        grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (max-width: 768px) {
    div.events.page {
      padding-top: 70px; }
      div.events.page div.events-wrapper div.event-grid {
        grid-template-columns: 1fr; }
      div.events.page div.events-wrapper.past div.event-grid {
        grid-template-columns: 1fr 1fr; } }

div.event-article.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.event-article.page div.header {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 75px;
    padding: 75px 0 0 10%;
    margin-bottom: 50px; }
    div.event-article.page div.header::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 97%;
      background-color: #EE767A;
      z-index: 1; }
    div.event-article.page div.header div.title {
      z-index: 2;
      position: relative; }
      div.event-article.page div.header div.title h1, div.event-article.page div.header div.title h4 {
        color: #FFFFFF;
        margin-bottom: 30px; }
      div.event-article.page div.header div.title h4 {
        font-weight: 400;
        margin-bottom: 50px; }
      div.event-article.page div.header div.title button, div.event-article.page div.header div.title a {
        font-weight: 600; }
        div.event-article.page div.header div.title button svg, div.event-article.page div.header div.title a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.event-article.page div.header div.title button svg g path, div.event-article.page div.header div.title a svg g path {
            fill: #58498F; }
        div.event-article.page div.header div.title button:hover svg g path#Bar, div.event-article.page div.header div.title a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.event-article.page div.header div.title button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.event-article.page div.header div.title a {
        color: #58498F; }
      div.event-article.page div.header div.title a {
        position: relative;
        padding: 11px 15px;
        bottom: 1%;
        background-color: #DEDBE9;
        color: #58498F; }
        div.event-article.page div.header div.title a svg {
          transform: rotate(180deg); }
    div.event-article.page div.header div.details {
      position: relative;
      z-index: 2; }
      div.event-article.page div.header div.details div.wrapper {
        position: relative;
        display: block;
        background-color: #F7F5F7;
        padding: 20px 30% 1px 20px; }
        div.event-article.page div.header div.details div.wrapper h3 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
        div.event-article.page div.header div.details div.wrapper h5 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
          div.event-article.page div.header div.details div.wrapper h5.location {
            border-bottom: none; }
        div.event-article.page div.header div.details div.wrapper button, div.event-article.page div.header div.details div.wrapper a {
          font-weight: 600; }
          div.event-article.page div.header div.details div.wrapper button svg, div.event-article.page div.header div.details div.wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.event-article.page div.header div.details div.wrapper button svg g path, div.event-article.page div.header div.details div.wrapper a svg g path {
              fill: #FFFFFF; }
          div.event-article.page div.header div.details div.wrapper button:hover svg g path#Bar, div.event-article.page div.header div.details div.wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.event-article.page div.header div.details div.wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.event-article.page div.header div.details div.wrapper a {
          color: #FFFFFF; }
        div.event-article.page div.header div.details div.wrapper a {
          position: absolute;
          display: block;
          width: 85%;
          padding: 15px 15px 4px 15px;
          font-size: 22px;
          font-weight: 500;
          right: 0;
          bottom: -25px;
          background-color: #58498F; }
          div.event-article.page div.header div.details div.wrapper a::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
          div.event-article.page div.header div.details div.wrapper a::after {
            background-position: right; }
        div.event-article.page div.header div.details div.wrapper span {
          font-size: 13px;
          position: relative;
          display: block;
          color: #58498F;
          bottom: -60px; }
  div.event-article.page div.content-wrapper {
    display: block;
    position: relative;
    padding: 40px 30% 0 10%;
    font-family: 'Muli', Arial, Helvetica, sans-serif; }
    div.event-article.page div.content-wrapper h3.intro {
      font-weight: 400;
      margin-bottom: 30px; }
    div.event-article.page div.content-wrapper img.event-image {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-bottom: 40px; }
    div.event-article.page div.content-wrapper ul {
      list-style-type: disc;
      padding-left: 15px; }
      div.event-article.page div.content-wrapper ul li {
        margin-bottom: 5px; }
    div.event-article.page div.content-wrapper p {
      margin-bottom: 15px; }
      div.event-article.page div.content-wrapper p strong {
        font-weight: 500; }
      div.event-article.page div.content-wrapper p em {
        font-style: italic; }
      div.event-article.page div.content-wrapper p a {
        color: #58498F; }
    div.event-article.page div.content-wrapper a {
      color: #58498F; }
    div.event-article.page div.content-wrapper blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
  div.event-article.page div.event-link {
    display: block;
    position: relative;
    margin-bottom: 50px;
    padding: 0 10%; }
    div.event-article.page div.event-link button, div.event-article.page div.event-link a {
      font-weight: 600; }
      div.event-article.page div.event-link button svg, div.event-article.page div.event-link a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.event-article.page div.event-link button svg g path, div.event-article.page div.event-link a svg g path {
          fill: #FFFFFF; }
      div.event-article.page div.event-link button:hover svg g path#Bar, div.event-article.page div.event-link a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.event-article.page div.event-link button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    div.event-article.page div.event-link a {
      color: #FFFFFF; }
    div.event-article.page div.event-link a.event-link {
      display: inline-block;
      position: relative;
      padding: 15px;
      background-color: #58498F;
      margin-bottom: 10px;
      font-size: 22px; }
    div.event-article.page div.event-link span {
      display: block;
      color: #58498F;
      font-size: 13px; }
  @media screen and (min-width: 1100px) {
    div.event-article.page div.header div.details div.wrapper span {
      padding-left: 20px; } }
  @media screen and (min-width: 1900px) {
    div.event-article.page div.header div.details div.wrapper span {
      padding-left: 40px; } }
  @media screen and (max-width: 768px) {
    div.event-article.page {
      padding-top: 70px; }
      div.event-article.page div.header {
        grid-template-columns: 1fr; }
        div.event-article.page div.header div.title {
          padding-right: 10%;
          margin-bottom: 30px; }
          div.event-article.page div.header div.title h1 {
            line-height: 1.15; }
        div.event-article.page div.header div.details {
          overflow: initial; }
          div.event-article.page div.header div.details div.wrapper span {
            padding-left: 15%;
            bottom: -65px; }
      div.event-article.page div.content-wrapper {
        padding: 40px 20% 0 10%; } }

div.event-special.page {
  display: block;
  position: relative;
  padding-top: 90px;
  overflow: hidden; }
  div.event-special.page div.header {
    position: relative;
    display: block;
    column-gap: 75px;
    padding: 0;
    margin-bottom: 0; }
    div.event-special.page div.header div.header-image img.event-image {
      display: block;
      position: relative;
      width: 100%;
      height: auto; }
    div.event-special.page div.header div.details {
      position: absolute;
      right: 0;
      top: 70px;
      z-index: 2;
      width: calc(10% + 285px); }
      div.event-special.page div.header div.details div.wrapper {
        position: relative;
        display: block;
        background-color: #F7F5F7;
        padding: 30px 20px 20px 20px;
        width: calc(100% - 35px); }
        div.event-special.page div.header div.details div.wrapper h3 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
        div.event-special.page div.header div.details div.wrapper h5 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
          div.event-special.page div.header div.details div.wrapper h5.location {
            border-bottom: none; }
        div.event-special.page div.header div.details div.wrapper button, div.event-special.page div.header div.details div.wrapper a {
          font-weight: 600; }
          div.event-special.page div.header div.details div.wrapper button svg, div.event-special.page div.header div.details div.wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.event-special.page div.header div.details div.wrapper button svg g path, div.event-special.page div.header div.details div.wrapper a svg g path {
              fill: #FFFFFF; }
          div.event-special.page div.header div.details div.wrapper button:hover svg g path#Bar, div.event-special.page div.header div.details div.wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.event-special.page div.header div.details div.wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.event-special.page div.header div.details div.wrapper a {
          color: #FFFFFF; }
        div.event-special.page div.header div.details div.wrapper a {
          position: absolute;
          display: block;
          width: 85%;
          padding: 15px 15px 4px 15px;
          font-size: 22px;
          font-weight: 500;
          right: 0;
          bottom: -25px;
          background-color: #58498F; }
          div.event-special.page div.header div.details div.wrapper a::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
          div.event-special.page div.header div.details div.wrapper a::after {
            background-position: right; }
        div.event-special.page div.header div.details div.wrapper span {
          font-size: 13px;
          position: relative;
          display: block;
          color: #58498F;
          bottom: -60px; }
  div.event-special.page div.content-wrapper {
    display: block;
    position: relative;
    padding: 50px 20% 220px 10%;
    font-family: 'Muli', Arial, Helvetica, sans-serif;
    background-color: #CDC8DD; }
    div.event-special.page div.content-wrapper h1 {
      margin-bottom: 20px; }
    div.event-special.page div.content-wrapper h4 {
      margin-bottom: 20px; }
    div.event-special.page div.content-wrapper h3.intro {
      font-weight: 400;
      margin-bottom: 30px; }
    div.event-special.page div.content-wrapper img.event-image {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-bottom: 40px; }
    div.event-special.page div.content-wrapper ul {
      list-style-type: disc;
      padding-left: 15px; }
      div.event-special.page div.content-wrapper ul li {
        margin-bottom: 5px; }
    div.event-special.page div.content-wrapper p {
      margin-bottom: 15px; }
      div.event-special.page div.content-wrapper p strong {
        font-weight: 500; }
      div.event-special.page div.content-wrapper p em {
        font-style: italic; }
      div.event-special.page div.content-wrapper p a {
        color: #58498F; }
    div.event-special.page div.content-wrapper a {
      color: #58498F; }
    div.event-special.page div.content-wrapper blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
  div.event-special.page div.event-sign-up {
    display: block;
    position: relative;
    top: -200px;
    background-color: #DEDBE9;
    margin: 0 5%;
    padding: 40px 5% 20px 5%;
    margin-bottom: -200px;
    z-index: 2; }
    div.event-special.page div.event-sign-up form {
      width: 80%; }
      div.event-special.page div.event-sign-up form label {
        font-weight: 400;
        margin-bottom: 5px;
        color: #333333; }
        div.event-special.page div.event-sign-up form label::after {
          color: #333333 !important; }
      div.event-special.page div.event-sign-up form input, div.event-special.page div.event-sign-up form select, div.event-special.page div.event-sign-up form textarea {
        border: 1px solid #CDC8DD;
        border-radius: 5px;
        padding: 5px; }
      div.event-special.page div.event-sign-up form div.freeform-row {
        margin-bottom: 5px; }
        div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column label[thin=true], div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column input[thin=true], div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column select[thin=true], div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column div.input-group-one-line {
          display: inline-block;
          vertical-align: top; }
        div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column label[thin=true] {
          width: 400px;
          margin-bottom: 7px; }
        div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column select[thin=true] {
          width: 200px; }
        div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column button[type=submit] {
          display: block;
          position: relative;
          margin: 10px 0 0 0;
          padding: 10px 20px 10px 30px;
          border: none;
          background-color: #58498F;
          color: #FFFFFF;
          font-weight: 400;
          font-size: 22px;
          cursor: pointer; }
          div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column button[type=submit]::after {
            content: url("/assets/images/icons/arrow-right-white.svg");
            display: inline-block;
            position: relative;
            margin-left: 13px;
            top: -1px;
            width: 40px;
            height: 14px; }
  div.event-special.page div.event-donation {
    display: block;
    position: relative; }
    div.event-special.page div.event-donation form#CreditCardForm, div.event-special.page div.event-donation form#DirectDebitForm {
      display: block;
      position: relative; }
      div.event-special.page div.event-donation form#CreditCardForm div.intro-text, div.event-special.page div.event-donation form#DirectDebitForm div.intro-text {
        display: block;
        position: relative;
        background-color: #D5EEEF;
        top: -75px;
        padding: 110px 10%;
        z-index: 1;
        margin-bottom: -75px; }
        div.event-special.page div.event-donation form#CreditCardForm div.intro-text h2, div.event-special.page div.event-donation form#DirectDebitForm div.intro-text h2 {
          position: relative;
          padding: 0 50% 0 0;
          top: -64px;
          margin-bottom: -35px; }
        div.event-special.page div.event-donation form#CreditCardForm div.intro-text p, div.event-special.page div.event-donation form#DirectDebitForm div.intro-text p {
          margin-bottom: 20px; }
      div.event-special.page div.event-donation form#CreditCardForm div.gift-aid, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid {
        position: relative;
        display: block;
        top: -75px;
        width: 70%;
        padding: 50px 10%;
        z-index: 3;
        background-color: #DEDBE9;
        margin: 0 auto -75px auto; }
        div.event-special.page div.event-donation form#CreditCardForm div.gift-aid::after, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
        div.event-special.page div.event-donation form#CreditCardForm div.gift-aid h2, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid h2 {
          font-weight: 400;
          margin-bottom: 40px; }
        div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper {
          position: relative;
          display: grid;
          grid-template-columns: 75% 25%;
          column-gap: 20px;
          margin-bottom: 20px; }
          div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper p strong, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper p strong {
            font-weight: 600; }
          div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper img.giftaid, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper img.giftaid {
            width: 100%;
            height: auto;
            max-height: 100px;
            object-fit: contain; }
        div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper {
          display: block;
          width: calc(70% - 40px);
          background-color: #F7F5F7;
          padding: 20px; }
          div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper input, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper input {
            margin-right: 7px;
            margin-bottom: 10px; }
          div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper p, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper p {
            width: 100%; }
      div.event-special.page div.event-donation form#CreditCardForm div.payment, div.event-special.page div.event-donation form#DirectDebitForm div.payment {
        display: block;
        position: relative;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 10%;
        background-color: #D5EEEF;
        z-index: 2;
        top: 0;
        margin-bottom: 100px; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment::after, div.event-special.page div.event-donation form#DirectDebitForm div.payment::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment h2, div.event-special.page div.event-donation form#DirectDebitForm div.payment h2 {
          font-weight: 400; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment h2, div.event-special.page div.event-donation form#CreditCardForm div.payment p, div.event-special.page div.event-donation form#DirectDebitForm div.payment h2, div.event-special.page div.event-donation form#DirectDebitForm div.payment p {
          margin-bottom: 20px; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment p a, div.event-special.page div.event-donation form#DirectDebitForm div.payment p a {
          color: #58498F; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment p strong, div.event-special.page div.event-donation form#DirectDebitForm div.payment p strong {
          font-weight: 600; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group {
          margin-bottom: 20px; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group h4, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group h4 {
            font-weight: 500;
            margin-bottom: 10px; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group label, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group label {
            display: block;
            color: #333333;
            margin-bottom: 3px;
            font-weight: 300; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group input, div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group select, div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group textarea, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group input, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group select, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group textarea {
            position: relative;
            display: block;
            border: 2px solid #CDC8DD;
            background-color: #FFFFFF;
            border-radius: 6px;
            width: 75%;
            padding: 2px 5px;
            margin-bottom: 6px;
            height: 40px; }
            div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group input[type=radio], div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group select[type=radio], div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group textarea[type=radio], div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group input[type=radio], div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group select[type=radio], div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group textarea[type=radio] {
              height: auto;
              top: -3px; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-number, div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-expiry, div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-cvc, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-number, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-expiry, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-cvc {
            padding: 11px 5px;
            border: 2px solid #CDC8DD;
            background-color: #FFFFFF;
            border-radius: 6px;
            width: 75%;
            height: 22px; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes input, div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes input, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
            display: inline;
            width: auto; }
          div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
            margin-right: 25px; }
      div.event-special.page div.event-donation form#CreditCardForm button#submitButton, div.event-special.page div.event-donation form#DirectDebitForm button#submitButton {
        display: block;
        position: relative;
        margin: 50px 0;
        padding: 10px 30px;
        border: none;
        background-color: #74C6CA;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 22px; }
      div.event-special.page div.event-donation form#CreditCardForm button, div.event-special.page div.event-donation form#CreditCardForm a, div.event-special.page div.event-donation form#DirectDebitForm button, div.event-special.page div.event-donation form#DirectDebitForm a {
        font-weight: 600; }
        div.event-special.page div.event-donation form#CreditCardForm button svg, div.event-special.page div.event-donation form#CreditCardForm a svg, div.event-special.page div.event-donation form#DirectDebitForm button svg, div.event-special.page div.event-donation form#DirectDebitForm a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.event-special.page div.event-donation form#CreditCardForm button svg g path, div.event-special.page div.event-donation form#CreditCardForm a svg g path, div.event-special.page div.event-donation form#DirectDebitForm button svg g path, div.event-special.page div.event-donation form#DirectDebitForm a svg g path {
            fill: #FFFFFF; }
        div.event-special.page div.event-donation form#CreditCardForm button:hover svg g path#Bar, div.event-special.page div.event-donation form#CreditCardForm a:hover svg g path#Bar, div.event-special.page div.event-donation form#DirectDebitForm button:hover svg g path#Bar, div.event-special.page div.event-donation form#DirectDebitForm a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.event-special.page div.event-donation form#CreditCardForm button, div.event-special.page div.event-donation form#DirectDebitForm button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.event-special.page div.event-donation form#CreditCardForm a, div.event-special.page div.event-donation form#DirectDebitForm a {
        color: #FFFFFF; }
  @media screen and (min-width: 1100px) {
    div.event-special.page div.header div.details div.wrapper span {
      padding-left: 20px; } }
  @media screen and (min-width: 1900px) {
    div.event-special.page div.header div.details div.wrapper span {
      padding-left: 40px; } }
  @media screen and (max-width: 1100px) {
    div.event-special.page div.event-sign-up form {
      width: 90%; }
      div.event-special.page div.event-sign-up form div.freeform-row div.freeform-column label[thin=true] {
        width: 300px;
        margin-right: 10px; } }
  @media screen and (max-width: 768px) {
    div.event-special.page {
      padding-top: 70px; }
      div.event-special.page div.header {
        grid-template-columns: 1fr; }
        div.event-special.page div.header div.title {
          padding-right: 10%;
          margin-bottom: 30px; }
          div.event-special.page div.header div.title h1 {
            line-height: 1.15; }
        div.event-special.page div.header div.details {
          overflow: initial;
          position: relative;
          top: 0; }
          div.event-special.page div.header div.details div.wrapper {
            width: calc(100% - 40px); }
            div.event-special.page div.header div.details div.wrapper span {
              padding-left: 15%;
              bottom: -65px; }
      div.event-special.page div.content-wrapper {
        padding: 90px 20% 225px 10%; }
      div.event-special.page div.event-sign-up form {
        width: 100%; }
      div.event-special.page div.event-donation form#CreditCardForm div.your-info div.form-group input[type=text], div.event-special.page div.event-donation form#DirectDebitForm div.your-info div.form-group input[type=text] {
        width: 100%; }
      div.event-special.page div.event-donation form#CreditCardForm div.your-info div.form-group.checkboxes div, div.event-special.page div.event-donation form#DirectDebitForm div.your-info div.form-group.checkboxes div {
        display: block; }
      div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px; }
      div.event-special.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper, div.event-special.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper {
        width: 85%; }
      div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
        display: block;
        margin-top: 15px; }
        div.event-special.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label span, div.event-special.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label span {
          margin-left: 0; } }

div.event-special-thank-you.page {
  display: block;
  position: relative;
  padding-top: 90px;
  overflow: hidden; }
  div.event-special-thank-you.page div.header {
    position: relative;
    display: block;
    column-gap: 75px;
    padding: 0;
    margin-bottom: 0; }
    div.event-special-thank-you.page div.header div.header-image img.event-image {
      display: block;
      position: relative;
      width: 100%;
      height: auto; }
    div.event-special-thank-you.page div.header div.details {
      position: absolute;
      right: 0;
      top: 70px;
      z-index: 2;
      width: calc(10% + 285px); }
      div.event-special-thank-you.page div.header div.details div.wrapper {
        position: relative;
        display: block;
        background-color: #F7F5F7;
        padding: 30px 20px 20px 20px;
        width: calc(100% - 35px); }
        div.event-special-thank-you.page div.header div.details div.wrapper h3 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
        div.event-special-thank-you.page div.header div.details div.wrapper h5 {
          font-weight: 600;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 4px solid #DEDBE9; }
          div.event-special-thank-you.page div.header div.details div.wrapper h5.location {
            border-bottom: none; }
        div.event-special-thank-you.page div.header div.details div.wrapper button, div.event-special-thank-you.page div.header div.details div.wrapper a {
          font-weight: 600; }
          div.event-special-thank-you.page div.header div.details div.wrapper button svg, div.event-special-thank-you.page div.header div.details div.wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.event-special-thank-you.page div.header div.details div.wrapper button svg g path, div.event-special-thank-you.page div.header div.details div.wrapper a svg g path {
              fill: #FFFFFF; }
          div.event-special-thank-you.page div.header div.details div.wrapper button:hover svg g path#Bar, div.event-special-thank-you.page div.header div.details div.wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.event-special-thank-you.page div.header div.details div.wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.event-special-thank-you.page div.header div.details div.wrapper a {
          color: #FFFFFF; }
        div.event-special-thank-you.page div.header div.details div.wrapper a {
          position: absolute;
          display: block;
          width: 85%;
          padding: 15px 15px 4px 15px;
          font-size: 22px;
          font-weight: 500;
          right: 0;
          bottom: -25px;
          background-color: #58498F; }
          div.event-special-thank-you.page div.header div.details div.wrapper a::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 20px;
            bottom: -19px; }
          div.event-special-thank-you.page div.header div.details div.wrapper a::after {
            background-position: right; }
        div.event-special-thank-you.page div.header div.details div.wrapper span {
          font-size: 13px;
          position: relative;
          display: block;
          color: #58498F;
          bottom: -60px; }
  div.event-special-thank-you.page div.content-wrapper {
    display: block;
    position: relative;
    padding: 50px 20% 127px 10%;
    font-family: 'Muli', Arial, Helvetica, sans-serif;
    background-color: #FFFFFF; }
    div.event-special-thank-you.page div.content-wrapper h1 {
      margin-bottom: 20px; }
    div.event-special-thank-you.page div.content-wrapper h4, div.event-special-thank-you.page div.content-wrapper h5 {
      margin-bottom: 20px; }
    div.event-special-thank-you.page div.content-wrapper h3.intro {
      font-weight: 400;
      margin-bottom: 30px; }
    div.event-special-thank-you.page div.content-wrapper img.event-image {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-bottom: 40px; }
    div.event-special-thank-you.page div.content-wrapper ul {
      list-style-type: disc;
      padding-left: 15px; }
      div.event-special-thank-you.page div.content-wrapper ul li {
        margin-bottom: 5px; }
    div.event-special-thank-you.page div.content-wrapper p {
      margin-bottom: 15px; }
      div.event-special-thank-you.page div.content-wrapper p strong {
        font-weight: 500; }
      div.event-special-thank-you.page div.content-wrapper p em {
        font-style: italic; }
      div.event-special-thank-you.page div.content-wrapper p a {
        color: #58498F; }
    div.event-special-thank-you.page div.content-wrapper a {
      color: #58498F; }
    div.event-special-thank-you.page div.content-wrapper blockquote {
      padding: 40px 20px;
      background-color: #CDC8DD;
      font-style: italic;
      color: #333333;
      font-size: 23px;
      line-height: 1.5;
      margin: 30px 0; }
  div.event-special-thank-you.page div.event-donation form#CreditCardForm, div.event-special-thank-you.page div.event-donation form#DirectDebitForm {
    display: block;
    position: relative; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm div.intro-text, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.intro-text {
      display: block;
      position: relative;
      background-color: #D5EEEF;
      top: -75px;
      padding: 70px 10% 110px 10%;
      z-index: 1;
      margin-bottom: -75px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.intro-text h2, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.intro-text h2 {
        margin: 0 0 40px 0; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.intro-text p, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.intro-text p {
        margin-bottom: 20px; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid {
      position: relative;
      display: block;
      top: -75px;
      width: 70%;
      padding: 50px 10%;
      z-index: 3;
      background-color: #DEDBE9;
      margin: 0 auto -75px auto; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid::after, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid h2, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid h2 {
        font-weight: 400;
        margin-bottom: 40px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 75% 25%;
        column-gap: 20px;
        margin-bottom: 20px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper p strong, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper p strong {
          font-weight: 600; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper img.giftaid, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper img.giftaid {
          width: 100%;
          height: auto;
          max-height: 100px;
          object-fit: contain; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper {
        display: block;
        width: calc(70% - 40px);
        background-color: #F7F5F7;
        padding: 20px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper input, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper input {
          margin-right: 7px;
          margin-bottom: 10px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper p, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper p {
          width: 100%; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment {
      display: block;
      position: relative;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 10%;
      background-color: #D5EEEF;
      z-index: 2;
      top: 0;
      margin-bottom: 100px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment::after, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment h2, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment h2 {
        font-weight: 400; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment h2, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment p, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment h2, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment p {
        margin-bottom: 20px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment p a, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment p a {
        color: #58498F; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group {
        margin-bottom: 20px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group h4, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group h4 {
          font-weight: 500;
          margin-bottom: 10px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group label, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group label {
          display: block;
          color: #333333;
          margin-bottom: 3px;
          font-weight: 300; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group input, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group select, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group textarea, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group input, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group select, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group textarea {
          position: relative;
          display: block;
          border: 2px solid #CDC8DD;
          background-color: #FFFFFF;
          border-radius: 6px;
          width: 75%;
          padding: 2px 5px;
          margin-bottom: 6px;
          height: 40px; }
          div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group input[type=radio], div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group select[type=radio], div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group textarea[type=radio], div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group input[type=radio], div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group select[type=radio], div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group textarea[type=radio] {
            height: auto;
            top: -3px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-number, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-expiry, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group div#card-cvc, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-number, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-expiry, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group div#card-cvc {
          padding: 11px 5px;
          border: 2px solid #CDC8DD;
          background-color: #FFFFFF;
          border-radius: 6px;
          width: 75%;
          height: 22px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes input, div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes input, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
          display: inline;
          width: auto; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
          margin-right: 25px; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm button#submitButton, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button#submitButton {
      display: block;
      position: relative;
      margin: 50px 0;
      padding: 10px 30px;
      border: none;
      background-color: #74C6CA;
      color: #FFFFFF;
      font-weight: 400;
      font-size: 22px; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm button, div.event-special-thank-you.page div.event-donation form#CreditCardForm a, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button, div.event-special-thank-you.page div.event-donation form#DirectDebitForm a {
      font-weight: 600; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm button svg, div.event-special-thank-you.page div.event-donation form#CreditCardForm a svg, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button svg, div.event-special-thank-you.page div.event-donation form#DirectDebitForm a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm button svg g path, div.event-special-thank-you.page div.event-donation form#CreditCardForm a svg g path, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button svg g path, div.event-special-thank-you.page div.event-donation form#DirectDebitForm a svg g path {
          fill: #FFFFFF; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm button:hover svg g path#Bar, div.event-special-thank-you.page div.event-donation form#CreditCardForm a:hover svg g path#Bar, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button:hover svg g path#Bar, div.event-special-thank-you.page div.event-donation form#DirectDebitForm a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm button, div.event-special-thank-you.page div.event-donation form#DirectDebitForm button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    div.event-special-thank-you.page div.event-donation form#CreditCardForm a, div.event-special-thank-you.page div.event-donation form#DirectDebitForm a {
      color: #FFFFFF; }
  @media screen and (min-width: 1100px) {
    div.event-special-thank-you.page div.header div.details div.wrapper span {
      padding-left: 20px; } }
  @media screen and (min-width: 1900px) {
    div.event-special-thank-you.page div.header div.details div.wrapper span {
      padding-left: 40px; } }
  @media screen and (max-width: 1100px) {
    div.event-special-thank-you.page div.event-sign-up form {
      width: 90%; }
      div.event-special-thank-you.page div.event-sign-up form div.freeform-row div.freeform-column label[thin=true] {
        width: 300px;
        margin-right: 10px; } }
  @media screen and (max-width: 768px) {
    div.event-special-thank-you.page {
      padding-top: 70px; }
      div.event-special-thank-you.page div.header {
        grid-template-columns: 1fr; }
        div.event-special-thank-you.page div.header div.title {
          padding-right: 10%;
          margin-bottom: 30px; }
          div.event-special-thank-you.page div.header div.title h1 {
            line-height: 1.15; }
        div.event-special-thank-you.page div.header div.details {
          overflow: initial;
          position: relative;
          top: 0; }
          div.event-special-thank-you.page div.header div.details div.wrapper {
            width: calc(100% - 40px); }
            div.event-special-thank-you.page div.header div.details div.wrapper span {
              padding-left: 15%;
              bottom: -65px; }
      div.event-special-thank-you.page div.content-wrapper {
        padding: 90px 20% 0 10%; }
      div.event-special-thank-you.page div.event-sign-up form {
        width: 100%; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.your-info div.form-group input[type=text], div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.your-info div.form-group input[type=text] {
        width: 100%; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.your-info div.form-group.checkboxes div, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.your-info div.form-group.checkboxes div {
        display: block; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.info-wrapper, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.info-wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.gift-aid div.input-wrapper, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.gift-aid div.input-wrapper {
        width: 85%; }
      div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label {
        display: block;
        margin-top: 15px; }
        div.event-special-thank-you.page div.event-donation form#CreditCardForm div.payment div.form-group.checkboxes label span, div.event-special-thank-you.page div.event-donation form#DirectDebitForm div.payment div.form-group.checkboxes label span {
          margin-left: 0; } }

div.campaign-list-page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.campaign-list-page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.campaign-list-page div.header img.header-image {
      max-height: 400px; } }
  div.campaign-list-page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.campaign-list-page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.campaign-list-page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.campaign-list-page div.intro h4 strong {
        font-weight: 600; }
    div.campaign-list-page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.campaign-list-page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.campaign-list-page div.intro ul li {
        margin-bottom: 7px; }
    div.campaign-list-page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.campaign-list-page div.intro h4 {
      width: 80%; } }
  div.campaign-list-page div.intro {
    padding: 30px 40% 30px 10%; }
  div.campaign-list-page div.campaign-list {
    display: block;
    position: relative; }
    div.campaign-list-page div.campaign-list div.campaign-wrapper {
      display: block;
      position: relative;
      padding: 0 10%;
      z-index: 1;
      margin-bottom: -30px;
      top: -90px; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign {
        position: relative;
        display: grid;
        padding: 42px 33px;
        gap: 30px 25px; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign div.content {
          display: block;
          grid-area: Content; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign div.content h2 {
            margin-bottom: 15px; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign div.content p {
            margin-bottom: 7px; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign div.content button {
            margin-top: 20px; }
            div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign div.content button svg {
              width: 80px;
              margin-left: 0; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign img.campaign-banner {
          display: block;
          position: relative;
          grid-area: Image;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) {
        z-index: 2; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign {
          grid-template-columns: calc(40% - 12px) calc(60% - 12px);
          grid-template-areas: "Image Content"; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content button, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content a {
            font-weight: 600; }
            div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content button svg, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              width: 65px;
              height: 20px; }
              div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content button svg g path, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content a svg g path {
                fill: #333333; }
            div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content button:hover svg g path#Bar, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #333333; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign div.content a {
            color: #333333; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) {
        z-index: 1;
        background-color: #58498F;
        padding: 50px 10%; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even)::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign {
          grid-template-columns: calc(60% - 12px) calc(40% - 12px);
          grid-template-areas: "Content Image"; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content button, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a {
            font-weight: 600; }
            div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content button svg, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              width: 65px;
              height: 20px; }
              div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content button svg g path, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a svg g path {
                fill: #FFFFFF; }
            div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content button:hover svg g path#Bar, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #FFFFFF; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a {
            color: #FFFFFF; }
          div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h1, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h2, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h3, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h4, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h5, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content h6, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content p, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content a, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content li, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign div.content span {
            color: #FFFFFF; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(4n+1) a.campaign {
        background-color: #D5EEEF; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(4n+1) a.campaign::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(4n+3) a.campaign {
        background-color: #FAD6D7; }
        div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(4n+3) a.campaign::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_coral_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:last-child {
        margin-bottom: 30px; }
      div.campaign-list-page div.campaign-list div.campaign-wrapper:first-child {
        top: 0;
        margin-bottom: 70px; }
  @media screen and (max-width: 768px) {
    div.campaign-list-page div.campaign-list div.campaign-wrapper a.campaign, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(odd) a.campaign, div.campaign-list-page div.campaign-list div.campaign-wrapper:nth-child(even) a.campaign {
      grid-template-columns: 1fr;
      grid-template-areas: "Image" "Content"; } }

div.campaign-hub-page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.campaign-hub-page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.campaign-hub-page div.header img.header-image {
      max-height: 400px; } }
  div.campaign-hub-page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.campaign-hub-page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.campaign-hub-page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.campaign-hub-page div.intro h4 strong {
        font-weight: 600; }
    div.campaign-hub-page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.campaign-hub-page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.campaign-hub-page div.intro ul li {
        margin-bottom: 7px; }
    div.campaign-hub-page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.campaign-hub-page div.intro h4 {
      width: 80%; } }
  div.campaign-hub-page div.intro {
    display: grid;
    position: relative;
    grid-template-columns: calc(60% - 50px) calc(40% - 50px);
    gap: 50px 100px;
    padding: 0 10%; }
    div.campaign-hub-page div.intro div.content {
      padding-top: 30px; }
    div.campaign-hub-page div.intro div.campaign-images {
      display: block;
      position: relative; }
      div.campaign-hub-page div.intro div.campaign-images div.campaign-partner {
        display: block;
        position: relative;
        background-color: #F2F1F3;
        padding: 65px 50px 30px 50px;
        margin-bottom: 70px; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-partner::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 20px;
          bottom: -19px; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-partner h3 {
          font-weight: 300;
          color: #333333;
          margin-bottom: 25px; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-partner img.partner {
          display: block;
          position: relative;
          width: 50%;
          height: auto;
          object-fit: contain; }
      div.campaign-hub-page div.intro div.campaign-images div.campaign-logo {
        display: block;
        position: relative; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-logo img.logo {
          display: block;
          position: relative;
          width: 60%;
          height: auto;
          object-fit: contain;
          margin: 0 auto 35px auto; }
  div.campaign-hub-page div.sign-up-forms-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    background-color: #D5EEEF;
    margin-bottom: 50px; }
    div.campaign-hub-page div.sign-up-forms-wrapper::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.campaign-hub-page div.sign-up-forms-wrapper h2 {
      margin-bottom: 35px; }
    div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 25px;
      margin-bottom: 50px; }
      div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form {
        display: block;
        position: relative;
        background-color: #58498F;
        padding: 32px; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form img.form-icon, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form img.form-icon {
          display: block;
          position: relative;
          width: 89px;
          height: 89px;
          margin-bottom: 15px; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form h4, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form p, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form h4, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form p {
          color: #FFFFFF;
          font-weight: 400; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form h4, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form h4 {
          margin: 20px 0; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.employee-form svg#arrow_button, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a.business-form svg#arrow_button {
          margin-left: 0;
          margin-top: 10px; }
      div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms button, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a {
        font-weight: 600; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms button svg, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          width: 65px;
          height: 20px; }
          div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms button svg g path, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a svg g path {
            fill: #FFFFFF; }
        div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms button:hover svg g path#Bar, div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #FFFFFF; }
      div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms a {
        color: #FFFFFF; }
  div.campaign-hub-page div.success-stories-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    overflow: hidden;
    opacity: 1;
    max-height: 20000px;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, padding 0.3s ease-in-out; }
    div.campaign-hub-page div.success-stories-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%; }
    div.campaign-hub-page div.success-stories-wrapper div.header {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 200px;
      gap: 30px;
      align-items: end; }
      div.campaign-hub-page div.success-stories-wrapper div.header h2 {
        color: #333333;
        justify-self: left; }
      div.campaign-hub-page div.success-stories-wrapper div.header a {
        justify-self: right;
        color: #333333;
        text-decoration: underline; }
    div.campaign-hub-page div.success-stories-wrapper div.success-stories {
      display: block;
      position: relative;
      margin: 40px 0; }
      div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item {
        position: relative;
        display: grid;
        grid-template-columns: 40% 60%;
        margin-bottom: 25px; }
        div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item img.news-image {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
        div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content {
          display: block;
          position: relative;
          padding: 35px;
          background-color: #74C6CA; }
          div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content h3, div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content p {
            color: #333333;
            margin-bottom: 15px; }
          div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button.read-more svg#arrow_button {
            margin-left: 0; }
          div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            font-weight: 600; }
            div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg, div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              width: 65px;
              height: 20px; }
              div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg g path, div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg g path {
                fill: #333333; }
            div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button:hover svg g path#Bar, div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #333333; }
          div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            color: #333333; }
    div.campaign-hub-page div.success-stories-wrapper > a {
      color: #333333;
      text-decoration: underline;
      justify-self: right; }
    @media screen and (max-width: 768px) {
      div.campaign-hub-page div.success-stories-wrapper div.header {
        grid-template-columns: 1fr; }
      div.campaign-hub-page div.success-stories-wrapper div.success-stories a.news-item {
        grid-template-columns: 1fr; } }
  div.campaign-hub-page div.success-stories-wrapper {
    padding: 40px 10%; }
  div.campaign-hub-page div.resources-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    margin-bottom: 100px;
    overflow: hidden;
    opacity: 1;
    max-height: 2000px;
    transition: all 0.3s ease-in-out; }
    div.campaign-hub-page div.resources-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%;
      margin: 0; }
    div.campaign-hub-page div.resources-wrapper div.header {
      display: block;
      position: relative;
      margin-bottom: 45px; }
      div.campaign-hub-page div.resources-wrapper div.header h2 {
        color: #333333; }
    div.campaign-hub-page div.resources-wrapper div.resources-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px 25px; }
      div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource {
        display: block;
        position: relative; }
        div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource h4 {
          color: #333333;
          margin-bottom: 10px; }
        div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource p {
          margin-bottom: 10px; }
          div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource p strong {
            font-weight: 600; }
          div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource p a {
            color: #58498F;
            text-decoration: underline; }
        div.campaign-hub-page div.resources-wrapper div.resources-grid div.resource a.resource-link {
          color: #333333;
          margin-top: 15px;
          text-decoration: underline; }
    div.campaign-hub-page div.resources-wrapper a.view-all-resources {
      display: inline-block;
      position: relative;
      margin-top: 30px;
      color: #333333;
      text-decoration: underline; }
    @media screen and (max-width: 768px) {
      div.campaign-hub-page div.resources-wrapper div.resources-grid {
        grid-template-columns: 1fr; } }
  div.campaign-hub-page div.resources-wrapper {
    padding: 40px 10%; }
  div.campaign-hub-page div.supported-by-block {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 150px;
    gap: 50px;
    padding: 50px;
    margin: 50px 10% 100px 10%;
    background-color: #F2F1F3; }
    div.campaign-hub-page div.supported-by-block::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.campaign-hub-page div.supported-by-block h3 {
      color: #333333; }
    div.campaign-hub-page div.supported-by-block img.supported-image {
      display: block;
      position: relative;
      width: 150px;
      height: auto;
      object-fit: contain; }
    @media screen and (max-width: 768px) {
      div.campaign-hub-page div.supported-by-block {
        grid-template-columns: 1fr; } }
  @media screen and (max-width: 768px) {
    div.campaign-hub-page div.intro {
      grid-template-columns: 1fr; }
      div.campaign-hub-page div.intro div.campaign-images {
        display: grid; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-partner {
          grid-row: 3 / 4; }
        div.campaign-hub-page div.intro div.campaign-images div.campaign-logo {
          grid-row: 1 / 2; }
    div.campaign-hub-page div.sign-up-forms-wrapper div.sign-up-forms.double {
      grid-template-columns: 1fr; } }

div.campaign-sign-form-page, div.campaign-join-form-page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.campaign-sign-form-page div.header img.header-image, div.campaign-join-form-page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.campaign-sign-form-page div.header img.header-image, div.campaign-join-form-page div.header img.header-image {
      max-height: 400px; } }
  div.campaign-sign-form-page div.content-and-form-wrapper, div.campaign-join-form-page div.content-and-form-wrapper {
    display: grid;
    position: relative;
    padding: 65px 10%;
    grid-template-columns: 1fr 466px;
    gap: 40px 25px; }
    div.campaign-sign-form-page div.content-and-form-wrapper div.content-block, div.campaign-join-form-page div.content-and-form-wrapper div.content-block {
      display: block;
      position: relative; }
      div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content {
        margin-bottom: 85px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content h1, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content h1 {
          color: #58498F;
          margin-bottom: 40px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content h4, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content h4 {
          color: #333333;
          font-weight: 300;
          margin-bottom: 15px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content p, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content p {
          margin-top: 30px;
          margin-bottom: 10px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content ul, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content ul {
          list-style-type: disc;
          padding-left: 15px;
          margin-left: 15px; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content ul li, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content ul li {
            margin-bottom: 7px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.campaign-content a, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.campaign-content a {
          color: #58498F; }
      div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper {
        display: block;
        position: relative; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper h2, div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper h3, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper h2, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper h3 {
          color: #333333; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid {
          position: relative;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 25px;
          width: 75%;
          margin: 25px 0; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid div.company, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid div.company {
            display: block;
            position: relative; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid div.company img, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid div.company img {
              display: block;
              position: relative;
              width: 100%;
              height: 100%;
              object-fit: contain;
              object-position: center center; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid {
          position: relative;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 40px;
          width: 75%;
          margin: 50px 0;
          overflow: hidden;
          max-height: 9000px;
          transition: max-height 0.3s ease-in-out, margin 0.3s ease-in-out; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid.hidden, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid.hidden {
            max-height: 0;
            margin: 0; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid.hidden a.view-all-link::after, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid.hidden a.view-all-link::after {
              content: '-'; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid p, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid p {
            display: inline-block;
            text-align: left;
            font-size: 19px;
            line-height: 22px;
            color: #333333; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link {
          display: block;
          position: relative;
          text-align: center;
          text-decoration: underline;
          width: 75%;
          color: #333333;
          margin: 25px 0; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link::after, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link::after {
            content: '+';
            display: inline-block;
            position: relative;
            margin-left: 4px; }
    div.campaign-sign-form-page div.content-and-form-wrapper div.form, div.campaign-join-form-page div.content-and-form-wrapper div.form {
      display: block;
      position: relative; }
      div.campaign-sign-form-page div.content-and-form-wrapper div.form form, div.campaign-join-form-page div.content-and-form-wrapper div.form form {
        display: block;
        position: relative;
        background-color: #58498F;
        padding: 25px;
        color: #FFFFFF; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form button, div.campaign-sign-form-page div.content-and-form-wrapper div.form form a, div.campaign-join-form-page div.content-and-form-wrapper div.form form button, div.campaign-join-form-page div.content-and-form-wrapper div.form form a {
          font-weight: 600; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form button svg, div.campaign-sign-form-page div.content-and-form-wrapper div.form form a svg, div.campaign-join-form-page div.content-and-form-wrapper div.form form button svg, div.campaign-join-form-page div.content-and-form-wrapper div.form form a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.form form button svg g path, div.campaign-sign-form-page div.content-and-form-wrapper div.form form a svg g path, div.campaign-join-form-page div.content-and-form-wrapper div.form form button svg g path, div.campaign-join-form-page div.content-and-form-wrapper div.form form a svg g path {
              fill: #58498F; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form button:hover svg g path#Bar, div.campaign-sign-form-page div.content-and-form-wrapper div.form form a:hover svg g path#Bar, div.campaign-join-form-page div.content-and-form-wrapper div.form form button:hover svg g path#Bar, div.campaign-join-form-page div.content-and-form-wrapper div.form form a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form button, div.campaign-join-form-page div.content-and-form-wrapper div.form form button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #58498F; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form a, div.campaign-join-form-page div.content-and-form-wrapper div.form form a {
          color: #58498F; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form h3, div.campaign-join-form-page div.content-and-form-wrapper div.form form h3 {
          color: #FFFFFF;
          font-weight: 300;
          margin-bottom: 25px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form p, div.campaign-join-form-page div.content-and-form-wrapper div.form form p {
          color: #FFFFFF;
          font-weight: 300; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form p a, div.campaign-join-form-page div.content-and-form-wrapper div.form form p a {
            color: #FFFFFF;
            font-weight: 300;
            text-decoration: underline; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.form-swap, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.form-swap {
          display: block;
          position: relative;
          padding: 17px;
          background-color: #FAD6D7;
          margin: 20px 0; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.form-swap p, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.form-swap p {
            color: #333333;
            font-weight: 300; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.form-swap p a, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.form-swap p a {
              color: #333333;
              text-decoration: underline; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.form-swap p strong, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.form-swap p strong {
              font-weight: 500; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form input, div.campaign-join-form-page div.content-and-form-wrapper div.form form input {
          display: block;
          position: relative;
          background-color: rgba(255, 255, 255, 0.9);
          padding: 9px 15px;
          color: #333333;
          width: calc(100% - 30px);
          margin-bottom: 5px;
          border: none;
          outline: none;
          transition: background-color 0.2s ease-in-out; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form input:focus, div.campaign-join-form-page div.content-and-form-wrapper div.form form input:focus {
            background-color: white; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form input[hidden], div.campaign-join-form-page div.content-and-form-wrapper div.form form input[hidden] {
            display: none; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form input[type=radio], div.campaign-join-form-page div.content-and-form-wrapper div.form form input[type=radio] {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            width: auto;
            left: 0;
            width: 22px;
            height: 25px;
            top: 13px;
            z-index: 2; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form input[type=checkbox], div.campaign-join-form-page div.content-and-form-wrapper div.form form input[type=checkbox] {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            width: auto;
            left: 0;
            width: 22px;
            height: 25px;
            top: 13px;
            z-index: 2; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form button[type=submit], div.campaign-join-form-page div.content-and-form-wrapper div.form form button[type=submit] {
          display: block;
          position: relative;
          width: 100%;
          padding: 15px;
          color: #58498F;
          background-color: #74C6CA;
          margin-bottom: 20px; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group {
          display: block;
          position: relative;
          padding: 10px 10px 10px 40px;
          margin: 10px 0; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group:first-child, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group:first-child {
            margin-top: 20px; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group .checkmark, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group .checkmark {
            position: absolute;
            top: 13px;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 3px solid #FFFFFF;
            border-radius: 50%; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group .checkmark::after, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group .checkmark::after {
              content: "";
              position: absolute;
              display: block;
              top: 3px;
              left: 3px;
              width: 19px;
              height: 19px;
              border-radius: 50%;
              background: white;
              opacity: 0;
              transition: opacity .2s ease-in-out; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group input:checked ~ .checkmark:after, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group input:checked ~ .checkmark:after {
            opacity: 1; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.radio-group label, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.radio-group label {
            margin: 0; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.checkbox-group, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.checkbox-group {
          display: block;
          position: relative;
          padding: 10px 10px 10px 40px;
          margin: 10px 0; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.checkbox-group .checkmark, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.checkbox-group .checkmark {
            position: absolute;
            top: 13px;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 3px solid #FFFFFF; }
            div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.checkbox-group .checkmark::after, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.checkbox-group .checkmark::after {
              content: "✓";
              position: absolute;
              display: block;
              top: 1px;
              left: 4px;
              width: 19px;
              height: 19px;
              font-size: 23px;
              color: #FFFFFF;
              opacity: 0;
              transition: opacity .2s ease-in-out; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.checkbox-group input:checked ~ .checkmark:after, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.checkbox-group input:checked ~ .checkmark:after {
            opacity: 1; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form div.checkbox-group label, div.campaign-join-form-page div.content-and-form-wrapper div.form form div.checkbox-group label {
            margin: 0; }
        div.campaign-sign-form-page div.content-and-form-wrapper div.form form span.opt-out-text, div.campaign-join-form-page div.content-and-form-wrapper div.form form span.opt-out-text {
          display: block;
          position: relative;
          margin-bottom: 25px;
          max-height: 320px;
          opacity: 1;
          transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; }
          div.campaign-sign-form-page div.content-and-form-wrapper div.form form span.opt-out-text.hidden, div.campaign-join-form-page div.content-and-form-wrapper div.form form span.opt-out-text.hidden {
            max-height: 0;
            opacity: 0; }
  div.campaign-sign-form-page div.success-stories-wrapper, div.campaign-join-form-page div.success-stories-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    overflow: hidden;
    opacity: 1;
    max-height: 20000px;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, padding 0.3s ease-in-out; }
    div.campaign-sign-form-page div.success-stories-wrapper.hidden, div.campaign-join-form-page div.success-stories-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%; }
    div.campaign-sign-form-page div.success-stories-wrapper div.header, div.campaign-join-form-page div.success-stories-wrapper div.header {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 200px;
      gap: 30px;
      align-items: end; }
      div.campaign-sign-form-page div.success-stories-wrapper div.header h2, div.campaign-join-form-page div.success-stories-wrapper div.header h2 {
        color: #333333;
        justify-self: left; }
      div.campaign-sign-form-page div.success-stories-wrapper div.header a, div.campaign-join-form-page div.success-stories-wrapper div.header a {
        justify-self: right;
        color: #333333;
        text-decoration: underline; }
    div.campaign-sign-form-page div.success-stories-wrapper div.success-stories, div.campaign-join-form-page div.success-stories-wrapper div.success-stories {
      display: block;
      position: relative;
      margin: 40px 0; }
      div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item {
        position: relative;
        display: grid;
        grid-template-columns: 40% 60%;
        margin-bottom: 25px; }
        div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item img.news-image, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item img.news-image {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
        div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content {
          display: block;
          position: relative;
          padding: 35px;
          background-color: #74C6CA; }
          div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content h3, div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content p, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content h3, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content p {
            color: #333333;
            margin-bottom: 15px; }
          div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button.read-more svg#arrow_button, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button.read-more svg#arrow_button {
            margin-left: 0; }
          div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            font-weight: 600; }
            div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg, div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              width: 65px;
              height: 20px; }
              div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg g path, div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg g path, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg g path, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg g path {
                fill: #333333; }
            div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button:hover svg g path#Bar, div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a:hover svg g path#Bar, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button:hover svg g path#Bar, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #333333; }
          div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            color: #333333; }
    div.campaign-sign-form-page div.success-stories-wrapper > a, div.campaign-join-form-page div.success-stories-wrapper > a {
      color: #333333;
      text-decoration: underline;
      justify-self: right; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-form-page div.success-stories-wrapper div.header, div.campaign-join-form-page div.success-stories-wrapper div.header {
        grid-template-columns: 1fr; }
      div.campaign-sign-form-page div.success-stories-wrapper div.success-stories a.news-item, div.campaign-join-form-page div.success-stories-wrapper div.success-stories a.news-item {
        grid-template-columns: 1fr; } }
  div.campaign-sign-form-page div.resources-wrapper, div.campaign-join-form-page div.resources-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    margin-bottom: 100px;
    overflow: hidden;
    opacity: 1;
    max-height: 2000px;
    transition: all 0.3s ease-in-out; }
    div.campaign-sign-form-page div.resources-wrapper.hidden, div.campaign-join-form-page div.resources-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%;
      margin: 0; }
    div.campaign-sign-form-page div.resources-wrapper div.header, div.campaign-join-form-page div.resources-wrapper div.header {
      display: block;
      position: relative;
      margin-bottom: 45px; }
      div.campaign-sign-form-page div.resources-wrapper div.header h2, div.campaign-join-form-page div.resources-wrapper div.header h2 {
        color: #333333; }
    div.campaign-sign-form-page div.resources-wrapper div.resources-grid, div.campaign-join-form-page div.resources-wrapper div.resources-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px 25px; }
      div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource {
        display: block;
        position: relative; }
        div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource h4, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource h4 {
          color: #333333;
          margin-bottom: 10px; }
        div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource p, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource p {
          margin-bottom: 10px; }
          div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource p strong, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource p strong {
            font-weight: 600; }
          div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource p a, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource p a {
            color: #58498F;
            text-decoration: underline; }
        div.campaign-sign-form-page div.resources-wrapper div.resources-grid div.resource a.resource-link, div.campaign-join-form-page div.resources-wrapper div.resources-grid div.resource a.resource-link {
          color: #333333;
          margin-top: 15px;
          text-decoration: underline; }
    div.campaign-sign-form-page div.resources-wrapper a.view-all-resources, div.campaign-join-form-page div.resources-wrapper a.view-all-resources {
      display: inline-block;
      position: relative;
      margin-top: 30px;
      color: #333333;
      text-decoration: underline; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-form-page div.resources-wrapper div.resources-grid, div.campaign-join-form-page div.resources-wrapper div.resources-grid {
        grid-template-columns: 1fr; } }
  div.campaign-sign-form-page a.read-more-link, div.campaign-join-form-page a.read-more-link {
    display: block;
    position: relative;
    text-align: center;
    color: #333333;
    background-color: #74C6CA;
    padding: 25px;
    margin: 50px 10% 0 10%;
    max-width: 400px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out; }
    div.campaign-sign-form-page a.read-more-link.hidden, div.campaign-join-form-page a.read-more-link.hidden {
      opacity: 0; }
  div.campaign-sign-form-page div.supported-by-block, div.campaign-join-form-page div.supported-by-block {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 150px;
    gap: 50px;
    padding: 50px;
    margin: 50px 10% 100px 10%;
    background-color: #F2F1F3; }
    div.campaign-sign-form-page div.supported-by-block::after, div.campaign-join-form-page div.supported-by-block::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.campaign-sign-form-page div.supported-by-block h3, div.campaign-join-form-page div.supported-by-block h3 {
      color: #333333; }
    div.campaign-sign-form-page div.supported-by-block img.supported-image, div.campaign-join-form-page div.supported-by-block img.supported-image {
      display: block;
      position: relative;
      width: 150px;
      height: auto;
      object-fit: contain; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-form-page div.supported-by-block, div.campaign-join-form-page div.supported-by-block {
        grid-template-columns: 1fr; } }
  @media screen and (max-width: 986px) {
    div.campaign-sign-form-page div.content-and-form-wrapper, div.campaign-join-form-page div.content-and-form-wrapper {
      grid-template-columns: 1fr; } }
  @media screen and (max-width: 768px) {
    div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.companies-grid {
      width: 100%;
      grid-template-columns: 1fr 1fr; }
    div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper div.company-text-grid {
      width: 100%;
      grid-template-columns: 1fr; }
    div.campaign-sign-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link, div.campaign-join-form-page div.content-and-form-wrapper div.content-block div.companies-wrapper a.view-all-link {
      width: 100%; } }

div.campaign-sign-thank-you-page, div.campaign-join-thank-you-page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.campaign-sign-thank-you-page div.header img.header-image, div.campaign-join-thank-you-page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.campaign-sign-thank-you-page div.header img.header-image, div.campaign-join-thank-you-page div.header img.header-image {
      max-height: 400px; } }
  div.campaign-sign-thank-you-page div.supported-by-block, div.campaign-join-thank-you-page div.supported-by-block {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 150px;
    gap: 50px;
    padding: 50px;
    margin: 50px 10% 100px 10%;
    background-color: #F2F1F3; }
    div.campaign-sign-thank-you-page div.supported-by-block::after, div.campaign-join-thank-you-page div.supported-by-block::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.campaign-sign-thank-you-page div.supported-by-block h3, div.campaign-join-thank-you-page div.supported-by-block h3 {
      color: #333333; }
    div.campaign-sign-thank-you-page div.supported-by-block img.supported-image, div.campaign-join-thank-you-page div.supported-by-block img.supported-image {
      display: block;
      position: relative;
      width: 150px;
      height: auto;
      object-fit: contain; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-thank-you-page div.supported-by-block, div.campaign-join-thank-you-page div.supported-by-block {
        grid-template-columns: 1fr; } }
  div.campaign-sign-thank-you-page div.content-wrapper, div.campaign-join-thank-you-page div.content-wrapper {
    display: grid;
    position: relative;
    margin: 0 10%;
    padding-top: 40px;
    grid-template-columns: 1fr 420px;
    gap: 50px; }
    div.campaign-sign-thank-you-page div.content-wrapper div.content h1, div.campaign-join-thank-you-page div.content-wrapper div.content h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.campaign-sign-thank-you-page div.content-wrapper div.content h4, div.campaign-join-thank-you-page div.content-wrapper div.content h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.campaign-sign-thank-you-page div.content-wrapper div.content h4 strong, div.campaign-join-thank-you-page div.content-wrapper div.content h4 strong {
        font-weight: 600; }
    div.campaign-sign-thank-you-page div.content-wrapper div.content p, div.campaign-join-thank-you-page div.content-wrapper div.content p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.campaign-sign-thank-you-page div.content-wrapper div.content ul, div.campaign-join-thank-you-page div.content-wrapper div.content ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.campaign-sign-thank-you-page div.content-wrapper div.content ul li, div.campaign-join-thank-you-page div.content-wrapper div.content ul li {
        margin-bottom: 7px; }
    div.campaign-sign-thank-you-page div.content-wrapper div.content a, div.campaign-join-thank-you-page div.content-wrapper div.content a {
      color: #58498F; }
    div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper {
      display: block;
      position: relative; }
      div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block {
        display: block;
        position: relative; }
        div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block h3, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block h3 {
          display: block;
          position: relative;
          color: #333333;
          font-weight: 400;
          margin-bottom: 16px; }
        div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid {
          display: grid;
          position: relative;
          grid-template-columns: 1fr;
          gap: 15px; }
          div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button {
            display: block;
            position: relative;
            width: calc(100% - 74px);
            padding: 22px 37px;
            background-color: #74C6CA;
            color: #333333;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button:hover, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button:hover {
              background-color: #ACDDDF; }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button::before {
              content: '';
              display: inline-block;
              position: absolute;
              left: 37px;
              top: 50%;
              width: 30px;
              height: 25px;
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center center;
              transform: translateY(-50%); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.facebook::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.facebook::before {
              background-image: url("/assets/images/logo/facebook-black.png"); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.twitter::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.twitter::before {
              background-image: url("/assets/images/logo/twitter-black.png"); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp {
              display: none; }
              div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp::before {
                background-image: url("/assets/images/logo/whatsapp-black.png"); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.linkedin::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.linkedin::before {
              background-image: url("/assets/images/logo/linkedin-black.png"); }
            div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.email::before, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.email::before {
              background-image: url("/assets/images/logo/envelope-black.png"); }
          div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.skip-link, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.skip-link {
            display: block;
            position: relative;
            text-align: center;
            color: #333333;
            text-decoration: underline; }
        @media screen and (max-width: 768px) {
          div.campaign-sign-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp, div.campaign-join-thank-you-page div.content-wrapper div.sharing-wrapper div.sharing-block div.share-grid a.share-button.whatsapp {
            display: block; } }
  div.campaign-sign-thank-you-page div.success-stories-wrapper, div.campaign-join-thank-you-page div.success-stories-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    overflow: hidden;
    opacity: 1;
    max-height: 20000px;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, padding 0.3s ease-in-out; }
    div.campaign-sign-thank-you-page div.success-stories-wrapper.hidden, div.campaign-join-thank-you-page div.success-stories-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%; }
    div.campaign-sign-thank-you-page div.success-stories-wrapper div.header, div.campaign-join-thank-you-page div.success-stories-wrapper div.header {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 200px;
      gap: 30px;
      align-items: end; }
      div.campaign-sign-thank-you-page div.success-stories-wrapper div.header h2, div.campaign-join-thank-you-page div.success-stories-wrapper div.header h2 {
        color: #333333;
        justify-self: left; }
      div.campaign-sign-thank-you-page div.success-stories-wrapper div.header a, div.campaign-join-thank-you-page div.success-stories-wrapper div.header a {
        justify-self: right;
        color: #333333;
        text-decoration: underline; }
    div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories {
      display: block;
      position: relative;
      margin: 40px 0; }
      div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item {
        position: relative;
        display: grid;
        grid-template-columns: 40% 60%;
        margin-bottom: 25px; }
        div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item img.news-image, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item img.news-image {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
        div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content {
          display: block;
          position: relative;
          padding: 35px;
          background-color: #74C6CA; }
          div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content h3, div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content p, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content h3, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content p {
            color: #333333;
            margin-bottom: 15px; }
          div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button.read-more svg#arrow_button, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button.read-more svg#arrow_button {
            margin-left: 0; }
          div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            font-weight: 600; }
            div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg, div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg {
              display: inline-block;
              position: relative;
              margin-left: 10px;
              cursor: pointer;
              width: 65px;
              height: 20px; }
              div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg g path, div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg g path, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button svg g path, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a svg g path {
                fill: #333333; }
            div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button:hover svg g path#Bar, div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a:hover svg g path#Bar, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button:hover svg g path#Bar, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a:hover svg g path#Bar {
              animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
          div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content button {
            background: transparent;
            padding: 0;
            border: none;
            cursor: pointer;
            font-size: 16px;
            color: #333333; }
          div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item div.content a {
            color: #333333; }
    div.campaign-sign-thank-you-page div.success-stories-wrapper > a, div.campaign-join-thank-you-page div.success-stories-wrapper > a {
      color: #333333;
      text-decoration: underline;
      justify-self: right; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-thank-you-page div.success-stories-wrapper div.header, div.campaign-join-thank-you-page div.success-stories-wrapper div.header {
        grid-template-columns: 1fr; }
      div.campaign-sign-thank-you-page div.success-stories-wrapper div.success-stories a.news-item, div.campaign-join-thank-you-page div.success-stories-wrapper div.success-stories a.news-item {
        grid-template-columns: 1fr; } }
  div.campaign-sign-thank-you-page div.success-stories-wrapper, div.campaign-join-thank-you-page div.success-stories-wrapper {
    padding: 40px 10%; }
  div.campaign-sign-thank-you-page div.resources-wrapper, div.campaign-join-thank-you-page div.resources-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    margin-bottom: 100px;
    overflow: hidden;
    opacity: 1;
    max-height: 2000px;
    transition: all 0.3s ease-in-out; }
    div.campaign-sign-thank-you-page div.resources-wrapper.hidden, div.campaign-join-thank-you-page div.resources-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%;
      margin: 0; }
    div.campaign-sign-thank-you-page div.resources-wrapper div.header, div.campaign-join-thank-you-page div.resources-wrapper div.header {
      display: block;
      position: relative;
      margin-bottom: 45px; }
      div.campaign-sign-thank-you-page div.resources-wrapper div.header h2, div.campaign-join-thank-you-page div.resources-wrapper div.header h2 {
        color: #333333; }
    div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px 25px; }
      div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource {
        display: block;
        position: relative; }
        div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource h4, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource h4 {
          color: #333333;
          margin-bottom: 10px; }
        div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource p, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource p {
          margin-bottom: 10px; }
          div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource p strong, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource p strong {
            font-weight: 600; }
          div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource p a, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource p a {
            color: #58498F;
            text-decoration: underline; }
        div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid div.resource a.resource-link, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid div.resource a.resource-link {
          color: #333333;
          margin-top: 15px;
          text-decoration: underline; }
    div.campaign-sign-thank-you-page div.resources-wrapper a.view-all-resources, div.campaign-join-thank-you-page div.resources-wrapper a.view-all-resources {
      display: inline-block;
      position: relative;
      margin-top: 30px;
      color: #333333;
      text-decoration: underline; }
    @media screen and (max-width: 768px) {
      div.campaign-sign-thank-you-page div.resources-wrapper div.resources-grid, div.campaign-join-thank-you-page div.resources-wrapper div.resources-grid {
        grid-template-columns: 1fr; } }
  div.campaign-sign-thank-you-page div.resources-wrapper, div.campaign-join-thank-you-page div.resources-wrapper {
    padding: 40px 10%; }
  @media screen and (max-width: 768px) {
    div.campaign-sign-thank-you-page div.content-wrapper, div.campaign-join-thank-you-page div.content-wrapper {
      grid-template-columns: 1fr; } }

div.campaign-resources-page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.campaign-resources-page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.campaign-resources-page div.header img.header-image {
      max-height: 400px; } }
  div.campaign-resources-page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.campaign-resources-page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.campaign-resources-page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.campaign-resources-page div.intro h4 strong {
        font-weight: 600; }
    div.campaign-resources-page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.campaign-resources-page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.campaign-resources-page div.intro ul li {
        margin-bottom: 7px; }
    div.campaign-resources-page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.campaign-resources-page div.intro h4 {
      width: 80%; } }
  div.campaign-resources-page div.resources-wrapper {
    display: block;
    position: relative;
    padding: 40px 10%;
    margin-bottom: 100px;
    overflow: hidden;
    opacity: 1;
    max-height: 2000px;
    transition: all 0.3s ease-in-out; }
    div.campaign-resources-page div.resources-wrapper.hidden {
      opacity: 0;
      max-height: 0px;
      padding: 0 10%;
      margin: 0; }
    div.campaign-resources-page div.resources-wrapper div.header {
      display: block;
      position: relative;
      margin-bottom: 45px; }
      div.campaign-resources-page div.resources-wrapper div.header h2 {
        color: #333333; }
    div.campaign-resources-page div.resources-wrapper div.resources-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px 25px; }
      div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource {
        display: block;
        position: relative; }
        div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource h4 {
          color: #333333;
          margin-bottom: 10px; }
        div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource p {
          margin-bottom: 10px; }
          div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource p strong {
            font-weight: 600; }
          div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource p a {
            color: #58498F;
            text-decoration: underline; }
        div.campaign-resources-page div.resources-wrapper div.resources-grid div.resource a.resource-link {
          color: #333333;
          margin-top: 15px;
          text-decoration: underline; }
    div.campaign-resources-page div.resources-wrapper a.view-all-resources {
      display: inline-block;
      position: relative;
      margin-top: 30px;
      color: #333333;
      text-decoration: underline; }
    @media screen and (max-width: 768px) {
      div.campaign-resources-page div.resources-wrapper div.resources-grid {
        grid-template-columns: 1fr; } }
  div.campaign-resources-page div.supported-by-block {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 150px;
    gap: 50px;
    padding: 50px;
    margin: 50px 10% 100px 10%;
    background-color: #F2F1F3; }
    div.campaign-resources-page div.supported-by-block::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_30.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
    div.campaign-resources-page div.supported-by-block h3 {
      color: #333333; }
    div.campaign-resources-page div.supported-by-block img.supported-image {
      display: block;
      position: relative;
      width: 150px;
      height: auto;
      object-fit: contain; }
    @media screen and (max-width: 768px) {
      div.campaign-resources-page div.supported-by-block {
        grid-template-columns: 1fr; } }

div.donate.page {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.donate.page div.header img.header-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; }
  @media screen and (max-width: 1000px) {
    div.donate.page div.header img.header-image {
      max-height: 400px; } }
  div.donate.page div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.donate.page div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.donate.page div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.donate.page div.intro h4 strong {
        font-weight: 600; }
    div.donate.page div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.donate.page div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.donate.page div.intro ul li {
        margin-bottom: 7px; }
    div.donate.page div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.donate.page div.intro h4 {
      width: 80%; } }
  div.donate.page div.donate {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 75px 7%;
    column-gap: 20px;
    row-gap: 20px; }
    div.donate.page div.donate div.regular, div.donate.page div.donate div.single {
      position: relative;
      padding: 40px 6%; }
      div.donate.page div.donate div.regular h2, div.donate.page div.donate div.single h2 {
        color: #FFFFFF;
        margin-bottom: 60px;
        font-weight: 400; }
      div.donate.page div.donate div.regular a, div.donate.page div.donate div.single a {
        padding: 10px 15px;
        background-color: #F7F5F7; }
      div.donate.page div.donate div.regular button, div.donate.page div.donate div.regular a, div.donate.page div.donate div.single button, div.donate.page div.donate div.single a {
        font-weight: 600; }
        div.donate.page div.donate div.regular button svg, div.donate.page div.donate div.regular a svg, div.donate.page div.donate div.single button svg, div.donate.page div.donate div.single a svg {
          display: inline-block;
          position: relative;
          margin-left: 10px;
          cursor: pointer;
          top: 1px;
          width: 40px;
          height: 14px; }
          div.donate.page div.donate div.regular button svg g path, div.donate.page div.donate div.regular a svg g path, div.donate.page div.donate div.single button svg g path, div.donate.page div.donate div.single a svg g path {
            fill: #58498F; }
        div.donate.page div.donate div.regular button:hover svg g path#Bar, div.donate.page div.donate div.regular a:hover svg g path#Bar, div.donate.page div.donate div.single button:hover svg g path#Bar, div.donate.page div.donate div.single a:hover svg g path#Bar {
          animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
      div.donate.page div.donate div.regular button, div.donate.page div.donate div.single button {
        background: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #58498F; }
      div.donate.page div.donate div.regular a, div.donate.page div.donate div.single a {
        color: #58498F; }
    div.donate.page div.donate div.regular {
      background-color: #58498F; }
      div.donate.page div.donate div.regular::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
    div.donate.page div.donate div.single {
      background-color: #74C6CA; }
      div.donate.page div.donate div.single::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
  div.donate.page div.who-can-you-help {
    display: block;
    position: relative;
    padding: 75px 10%;
    background-color: #F7F5F7; }
    div.donate.page div.who-can-you-help h2 {
      margin-bottom: 40px;
      font-weight: 500; }
    div.donate.page div.who-can-you-help h4, div.donate.page div.who-can-you-help p {
      margin-bottom: 20px;
      font-weight: 300; }
  div.donate.page div.news-stories {
    display: flex;
    flex-wrap: wrap; }
    div.donate.page div.news-stories .article {
      position: relative;
      display: block;
      width: calc(100% / 3);
      height: calc(100vw / 3); }
      div.donate.page div.news-stories .article div.image-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        div.donate.page div.news-stories .article div.image-wrapper img.article-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      div.donate.page div.news-stories .article div.content-wrapper {
        display: block;
        position: relative;
        width: calc(100% - 80px);
        height: calc(100% - 90px);
        padding: 60px 40px 30px 40px;
        z-index: 2;
        transition: clip-path 0.3s ease-in-out; }
        div.donate.page div.news-stories .article div.content-wrapper h3, div.donate.page div.news-stories .article div.content-wrapper p {
          margin-bottom: 20px; }
      div.donate.page div.news-stories .article.w-image:hover div.content-wrapper {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
      div.donate.page div.news-stories .article.w-image div.content-wrapper {
        opacity: 0.8;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
      div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper {
        background-color: #74C6CA; }
        div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper h3, div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper p {
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper button, div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper a {
          font-weight: 600; }
          div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper button svg, div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper button svg g path, div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper button:hover svg g path#Bar, div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(1n) div.content-wrapper a {
          color: #FFFFFF; }
      div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper {
        background-color: #58498F; }
        div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper h3, div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper p {
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper button, div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper a {
          font-weight: 600; }
          div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper button svg, div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper button svg g path, div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper button:hover svg g path#Bar, div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(2n) div.content-wrapper a {
          color: #FFFFFF; }
      div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper {
        background-color: #EE767A; }
        div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper h3, div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper p {
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper button, div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper a {
          font-weight: 600; }
          div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper button svg, div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper button svg g path, div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper button:hover svg g path#Bar, div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.news-stories .article:nth-child(3n) div.content-wrapper a {
          color: #FFFFFF; }
  div.donate.page div.see-more {
    position: relative;
    display: block;
    padding: 40px 10%;
    background-color: #F7F5F7; }
    div.donate.page div.see-more button, div.donate.page div.see-more a {
      font-weight: 600; }
      div.donate.page div.see-more button svg, div.donate.page div.see-more a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.donate.page div.see-more button svg g path, div.donate.page div.see-more a svg g path {
          fill: #58498F; }
      div.donate.page div.see-more button:hover svg g path#Bar, div.donate.page div.see-more a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.donate.page div.see-more button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #58498F; }
    div.donate.page div.see-more a {
      color: #58498F; }
    div.donate.page div.see-more a {
      display: block;
      text-align: right; }
    div.donate.page div.see-more::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_mauve_20.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
  div.donate.page div.support-us {
    position: relative;
    display: block;
    padding: 75px 10%; }
    div.donate.page div.support-us h2 {
      font-weight: 500;
      margin-bottom: 40px; }
    div.donate.page div.support-us div.block-grid {
      display: grid;
      position: relative;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 20px;
      row-gap: 20px; }
      div.donate.page div.support-us div.block-grid div.block img.block-image {
        width: 100%;
        height: auto;
        object-fit: cover; }
      div.donate.page div.support-us div.block-grid div.block div.content {
        padding: 30px 20px; }
        div.donate.page div.support-us div.block-grid div.block div.content h2, div.donate.page div.support-us div.block-grid div.block div.content h4, div.donate.page div.support-us div.block-grid div.block div.content p, div.donate.page div.support-us div.block-grid div.block div.content a {
          margin-bottom: 20px; }
        div.donate.page div.support-us div.block-grid div.block div.content h2 {
          font-weight: 400; }
      div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content {
        background-color: #74C6CA; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content h2, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content h4, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content p, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          font-weight: 600; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button svg, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button svg g path, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button:hover svg g path#Bar, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          color: #FFFFFF; }
      div.donate.page div.support-us div.block-grid div.block:nth-child(1) {
        background-color: #74C6CA; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content h2, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content h4, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content p, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          font-weight: 600; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button svg, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button svg g path, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button:hover svg g path#Bar, div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(1) div.content a {
          color: #FFFFFF; }
      div.donate.page div.support-us div.block-grid div.block:nth-child(2) {
        background-color: #58498F; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content h2, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content h4, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content p, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a {
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content button, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a {
          font-weight: 600; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content button svg, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a svg {
            display: inline-block;
            position: relative;
            margin-left: 10px;
            cursor: pointer;
            top: 1px;
            width: 40px;
            height: 14px; }
            div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content button svg g path, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a svg g path {
              fill: #FFFFFF; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content button:hover svg g path#Bar, div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a:hover svg g path#Bar {
            animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
        div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content button {
          background: transparent;
          padding: 0;
          border: none;
          cursor: pointer;
          font-size: 16px;
          color: #FFFFFF; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(2) div.content a {
          color: #FFFFFF; }
      div.donate.page div.support-us div.block-grid div.block:nth-child(3) {
        background-color: #F2F1F3; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content h2, div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content h4, div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content p, div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content a {
          color: #58498F; }
        div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content a.contact-us {
          font-weight: 600; }
          div.donate.page div.support-us div.block-grid div.block:nth-child(3) div.content a.contact-us::before {
            content: '';
            display: inline-block;
            position: relative;
            background-image: url("/assets/images/icons/email-purple.svg");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            height: 14px;
            width: 20px;
            top: 2px;
            margin-right: 5px; }
  @media screen and (max-width: 1200px) {
    div.donate.page div.news-stories .article {
      width: 50vw;
      height: 50vw; }
    div.donate.page div.support-us div.block-grid {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 768px) {
    div.donate.page {
      padding-top: 70px; }
      div.donate.page div.donate {
        grid-template-columns: 1fr; }
      div.donate.page div.news-stories .article {
        width: 100vw;
        height: 100vw; }
        div.donate.page div.news-stories .article.w-image div.content-wrapper {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
      div.donate.page div.support-us div.block-grid {
        grid-template-columns: 1fr; } }

div.page.donorfy {
  display: block;
  position: relative;
  padding-top: 90px; }
  div.page.donorfy div.intro {
    display: block;
    position: relative;
    padding: 30px 10%;
    margin-bottom: 40px;
    z-index: 1; }
    div.page.donorfy div.intro h1 {
      color: #58498F;
      margin-bottom: 40px; }
    div.page.donorfy div.intro h4 {
      color: #58498F;
      width: 60%;
      font-weight: 300; }
      div.page.donorfy div.intro h4 strong {
        font-weight: 600; }
    div.page.donorfy div.intro p {
      margin-top: 30px;
      margin-bottom: 10px; }
    div.page.donorfy div.intro ul {
      list-style-type: disc;
      padding-left: 15px;
      margin-left: 15px; }
      div.page.donorfy div.intro ul li {
        margin-bottom: 7px; }
    div.page.donorfy div.intro a {
      color: #58498F; }
  @media screen and (max-width: 1000px) {
    div.page.donorfy div.intro h4 {
      width: 80%; } }
  div.page.donorfy div.intro button, div.page.donorfy div.intro a {
    font-weight: 600; }
    div.page.donorfy div.intro button svg, div.page.donorfy div.intro a svg {
      display: inline-block;
      position: relative;
      margin-left: 10px;
      cursor: pointer;
      top: 1px;
      width: 40px;
      height: 14px; }
      div.page.donorfy div.intro button svg g path, div.page.donorfy div.intro a svg g path {
        fill: #58498F; }
    div.page.donorfy div.intro button:hover svg g path#Bar, div.page.donorfy div.intro a:hover svg g path#Bar {
      animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
  div.page.donorfy div.intro button {
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #58498F; }
  div.page.donorfy div.intro a {
    color: #58498F; }
  div.page.donorfy div.intro h1 {
    margin-top: 40px; }
  div.page.donorfy div.intro a.back-button {
    padding: 10px;
    background-color: #ACDDDF;
    margin-bottom: 40px; }
    div.page.donorfy div.intro a.back-button svg {
      transform: rotate(180deg); }
  div.page.donorfy form#CreditCardForm, div.page.donorfy form#DirectDebitForm {
    display: block;
    position: relative; }
    div.page.donorfy form#CreditCardForm div.your-info, div.page.donorfy form#DirectDebitForm div.your-info {
      display: block;
      position: relative;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 10%;
      background-color: #ACDDDF;
      z-index: 2; }
      div.page.donorfy form#CreditCardForm div.your-info::after, div.page.donorfy form#DirectDebitForm div.your-info::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal_60.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.page.donorfy form#CreditCardForm div.your-info h2, div.page.donorfy form#DirectDebitForm div.your-info h2 {
        font-weight: 400; }
      div.page.donorfy form#CreditCardForm div.your-info h2, div.page.donorfy form#CreditCardForm div.your-info p, div.page.donorfy form#DirectDebitForm div.your-info h2, div.page.donorfy form#DirectDebitForm div.your-info p {
        margin-bottom: 20px; }
      div.page.donorfy form#CreditCardForm div.your-info div.form-group, div.page.donorfy form#DirectDebitForm div.your-info div.form-group {
        margin-bottom: 20px; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group h4, div.page.donorfy form#DirectDebitForm div.your-info div.form-group h4 {
          font-weight: 500;
          margin-bottom: 10px; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group label, div.page.donorfy form#DirectDebitForm div.your-info div.form-group label {
          display: block;
          color: #333333;
          margin-bottom: 3px;
          font-weight: 300; }
          div.page.donorfy form#CreditCardForm div.your-info div.form-group label.error, div.page.donorfy form#DirectDebitForm div.your-info div.form-group label.error {
            box-shadow: none;
            color: #EE767A; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group input, div.page.donorfy form#CreditCardForm div.your-info div.form-group select, div.page.donorfy form#DirectDebitForm div.your-info div.form-group input, div.page.donorfy form#DirectDebitForm div.your-info div.form-group select {
          position: relative;
          display: block;
          border: 2px solid #CDC8DD;
          background-color: #FFFFFF;
          border-radius: 6px;
          width: 75%;
          height: 40px;
          padding: 2px 5px;
          margin-bottom: 10px; }
          div.page.donorfy form#CreditCardForm div.your-info div.form-group input[type=checkbox], div.page.donorfy form#CreditCardForm div.your-info div.form-group select[type=checkbox], div.page.donorfy form#DirectDebitForm div.your-info div.form-group input[type=checkbox], div.page.donorfy form#DirectDebitForm div.your-info div.form-group select[type=checkbox] {
            height: auto; }
          div.page.donorfy form#CreditCardForm div.your-info div.form-group input::placeholder, div.page.donorfy form#CreditCardForm div.your-info div.form-group select::placeholder, div.page.donorfy form#DirectDebitForm div.your-info div.form-group input::placeholder, div.page.donorfy form#DirectDebitForm div.your-info div.form-group select::placeholder {
            color: #8884AF;
            font-weight: 300; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes div, div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes div {
          display: inline; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes input, div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes label, div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes input, div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes label {
          display: inline;
          width: auto; }
          div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes input[type=radio], div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes label[type=radio], div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes input[type=radio], div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes label[type=radio] {
            top: -3px; }
        div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes label, div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes label {
          margin-right: 25px; }
    div.page.donorfy form#CreditCardForm div.gift-aid, div.page.donorfy form#DirectDebitForm div.gift-aid {
      position: relative;
      display: block;
      top: -75px;
      padding: 150px 15%;
      z-index: 1;
      background-color: #DEDBE9; }
      div.page.donorfy form#CreditCardForm div.gift-aid::after, div.page.donorfy form#DirectDebitForm div.gift-aid::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_purple_20.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.page.donorfy form#CreditCardForm div.gift-aid h2, div.page.donorfy form#DirectDebitForm div.gift-aid h2 {
        font-weight: 400;
        margin-bottom: 40px; }
      div.page.donorfy form#CreditCardForm div.gift-aid div.info-wrapper, div.page.donorfy form#DirectDebitForm div.gift-aid div.info-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 75% 25%;
        column-gap: 20px;
        margin-bottom: 20px; }
        div.page.donorfy form#CreditCardForm div.gift-aid div.info-wrapper p strong, div.page.donorfy form#DirectDebitForm div.gift-aid div.info-wrapper p strong {
          font-weight: 600; }
        div.page.donorfy form#CreditCardForm div.gift-aid div.info-wrapper img.giftaid, div.page.donorfy form#DirectDebitForm div.gift-aid div.info-wrapper img.giftaid {
          width: 100%;
          height: auto;
          max-height: 100px;
          object-fit: contain; }
      div.page.donorfy form#CreditCardForm div.gift-aid div.input-wrapper, div.page.donorfy form#DirectDebitForm div.gift-aid div.input-wrapper {
        display: block;
        width: calc(70% - 40px);
        background-color: #F7F5F7;
        padding: 20px; }
        div.page.donorfy form#CreditCardForm div.gift-aid div.input-wrapper input, div.page.donorfy form#DirectDebitForm div.gift-aid div.input-wrapper input {
          margin-right: 7px;
          margin-bottom: 10px; }
        div.page.donorfy form#CreditCardForm div.gift-aid div.input-wrapper p, div.page.donorfy form#DirectDebitForm div.gift-aid div.input-wrapper p {
          width: 100%; }
    div.page.donorfy form#CreditCardForm div.payment, div.page.donorfy form#DirectDebitForm div.payment {
      display: block;
      position: relative;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 10%;
      background-color: #D5EEEF;
      z-index: 2;
      top: -150px;
      margin-bottom: -100px; }
      div.page.donorfy form#CreditCardForm div.payment::after, div.page.donorfy form#DirectDebitForm div.payment::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        background-image: url("/assets/images/brushed-edges/brushed_edge_teal_30.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 20px;
        bottom: -19px; }
      div.page.donorfy form#CreditCardForm div.payment h2, div.page.donorfy form#DirectDebitForm div.payment h2 {
        font-weight: 400; }
      div.page.donorfy form#CreditCardForm div.payment h2, div.page.donorfy form#CreditCardForm div.payment p, div.page.donorfy form#DirectDebitForm div.payment h2, div.page.donorfy form#DirectDebitForm div.payment p {
        margin-bottom: 20px; }
      div.page.donorfy form#CreditCardForm div.payment div.form-group, div.page.donorfy form#DirectDebitForm div.payment div.form-group {
        margin-bottom: 20px; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group h4, div.page.donorfy form#DirectDebitForm div.payment div.form-group h4 {
          font-weight: 500;
          margin-bottom: 10px; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group label, div.page.donorfy form#DirectDebitForm div.payment div.form-group label {
          display: block;
          color: #333333;
          margin-bottom: 3px;
          font-weight: 300; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group input, div.page.donorfy form#CreditCardForm div.payment div.form-group select, div.page.donorfy form#DirectDebitForm div.payment div.form-group input, div.page.donorfy form#DirectDebitForm div.payment div.form-group select {
          position: relative;
          display: block;
          border: 2px solid #CDC8DD;
          background-color: #FFFFFF;
          border-radius: 6px;
          width: 75%;
          padding: 2px 5px;
          margin-bottom: 6px;
          height: 40px; }
          div.page.donorfy form#CreditCardForm div.payment div.form-group input[type=radio], div.page.donorfy form#CreditCardForm div.payment div.form-group select[type=radio], div.page.donorfy form#DirectDebitForm div.payment div.form-group input[type=radio], div.page.donorfy form#DirectDebitForm div.payment div.form-group select[type=radio] {
            height: auto;
            top: -3px; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group div#card-number, div.page.donorfy form#CreditCardForm div.payment div.form-group div#card-expiry, div.page.donorfy form#CreditCardForm div.payment div.form-group div#card-cvc, div.page.donorfy form#DirectDebitForm div.payment div.form-group div#card-number, div.page.donorfy form#DirectDebitForm div.payment div.form-group div#card-expiry, div.page.donorfy form#DirectDebitForm div.payment div.form-group div#card-cvc {
          padding: 11px 5px;
          border: 2px solid #CDC8DD;
          background-color: #FFFFFF;
          border-radius: 6px;
          width: 75%;
          height: 22px; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group.checkboxes input, div.page.donorfy form#CreditCardForm div.payment div.form-group.checkboxes label, div.page.donorfy form#DirectDebitForm div.payment div.form-group.checkboxes input, div.page.donorfy form#DirectDebitForm div.payment div.form-group.checkboxes label {
          display: inline;
          width: auto; }
        div.page.donorfy form#CreditCardForm div.payment div.form-group.checkboxes label, div.page.donorfy form#DirectDebitForm div.payment div.form-group.checkboxes label {
          margin-right: 25px; }
    div.page.donorfy form#CreditCardForm button#submitButton, div.page.donorfy form#DirectDebitForm button#submitButton {
      display: block;
      position: relative;
      margin-left: 15%;
      margin-bottom: 75px;
      padding: 10px 30px;
      border: none;
      background-color: #74C6CA;
      color: #FFFFFF;
      font-weight: 400; }
    div.page.donorfy form#CreditCardForm button, div.page.donorfy form#CreditCardForm a, div.page.donorfy form#DirectDebitForm button, div.page.donorfy form#DirectDebitForm a {
      font-weight: 600; }
      div.page.donorfy form#CreditCardForm button svg, div.page.donorfy form#CreditCardForm a svg, div.page.donorfy form#DirectDebitForm button svg, div.page.donorfy form#DirectDebitForm a svg {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        cursor: pointer;
        top: 1px;
        width: 40px;
        height: 14px; }
        div.page.donorfy form#CreditCardForm button svg g path, div.page.donorfy form#CreditCardForm a svg g path, div.page.donorfy form#DirectDebitForm button svg g path, div.page.donorfy form#DirectDebitForm a svg g path {
          fill: #FFFFFF; }
      div.page.donorfy form#CreditCardForm button:hover svg g path#Bar, div.page.donorfy form#CreditCardForm a:hover svg g path#Bar, div.page.donorfy form#DirectDebitForm button:hover svg g path#Bar, div.page.donorfy form#DirectDebitForm a:hover svg g path#Bar {
        animation: arrowButton 1.4s cubic-bezier(0.7, 0, 0, 0.7); }
    div.page.donorfy form#CreditCardForm button, div.page.donorfy form#DirectDebitForm button {
      background: transparent;
      padding: 0;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #FFFFFF; }
    div.page.donorfy form#CreditCardForm a, div.page.donorfy form#DirectDebitForm a {
      color: #FFFFFF; }
  div.page.donorfy form#DirectDebitForm div.your-info {
    background-color: #DEDBE9; }
  div.page.donorfy form#DirectDebitForm div.gift-aid {
    background-color: #ACDDDF; }
    div.page.donorfy form#DirectDebitForm div.gift-aid::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-image: url("/assets/images/brushed-edges/brushed_edge_teal_60.svg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
      bottom: -19px; }
  @media screen and (max-width: 768px) {
    div.page.donorfy form#CreditCardForm div.your-info div.form-group input[type=text], div.page.donorfy form#DirectDebitForm div.your-info div.form-group input[type=text] {
      width: 100%; }
    div.page.donorfy form#CreditCardForm div.your-info div.form-group.checkboxes div, div.page.donorfy form#DirectDebitForm div.your-info div.form-group.checkboxes div {
      display: block; }
    div.page.donorfy form#CreditCardForm div.gift-aid div.info-wrapper, div.page.donorfy form#DirectDebitForm div.gift-aid div.info-wrapper {
      grid-template-columns: 1fr;
      row-gap: 20px; }
    div.page.donorfy form#CreditCardForm div.gift-aid div.input-wrapper, div.page.donorfy form#DirectDebitForm div.gift-aid div.input-wrapper {
      width: 85%; }
    div.page.donorfy form#CreditCardForm div.payment div.form-group.checkboxes label, div.page.donorfy form#DirectDebitForm div.payment div.form-group.checkboxes label {
      display: block;
      margin-top: 15px; }
      div.page.donorfy form#CreditCardForm div.payment div.form-group.checkboxes label span, div.page.donorfy form#DirectDebitForm div.payment div.form-group.checkboxes label span {
        margin-left: 0; } }

div.blank-page-template {
  display: block;
  position: relative;
  padding: 200px 10% 10% 10%; }
  div.blank-page-template h1, div.blank-page-template h2, div.blank-page-template h3, div.blank-page-template h4, div.blank-page-template h5, div.blank-page-template h6 {
    margin-bottom: 30px; }
  div.blank-page-template p {
    margin-bottom: 20px; }
    div.blank-page-template p strong {
      font-weight: 500; }
  div.blank-page-template ul {
    list-style: disc;
    padding-left: 20px; }
    div.blank-page-template ul li {
      margin-bottom: 10px; }
  div.blank-page-template a {
    color: #58498F; }

html {
  scroll-behavior: smooth; }

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