.bg-rc-primary {
  background: #EC008C; }

.bg-rc-secondary {
  background: #2e3a60; }

.bg-rc-primary, .bg-rc-secondary, .content .bg-rc-primary, .content .bg-rc-secondary {
  color: #fff; }
  .bg-rc-primary a, .bg-rc-secondary a, .content .bg-rc-primary a, .content .bg-rc-secondary a {
    color: #fff; }

.bg-rc-white {
  background: #fff; }

.color-rc-primary {
  color: #EC008C; }

.color-rc-secondary {
  color: #2e3a60; }

.color-rc-white {
  color: #fff; }

@font-face {
  font-family: "Gotham-Light";
  src: url("./../fonts/Gotham-Light.501537e6bdec.otf") format("truetype"); }
@font-face {
  font-family: "Gotham-Black";
  src: url("./../fonts/GothamHTF-Black.2927cd6a27e0.otf") format("truetype"); }
@font-face {
  font-family: "Gotham-Book";
  src: url("./../fonts/GothamHTF-Book.48680770526a.otf") format("truetype"); }
@font-face {
  font-family: "Gotham-Medium";
  src: url("./../fonts/GothamHTF-Medium.1fef2fca683b.otf") format("truetype"); }
@font-face {
  font-family: "Gotham-Ultra";
  src: url("./../fonts/GothamHTF-Ultra.89c24ffb1eb9.otf") format("truetype"); }
@font-face {
  font-family: "Rfc-Regular";
  /* src: url("./../fonts/Rfc-Regular.eb728e8b2f21.otf") format('opentype'); */
  src: url("./../fonts/ReachForChangeV2-Regular.983ffc1eb62e.otf") format("opentype"); }
.font-base {
  font-family: "Gotham-Book", sans-serif; }

.font-light {
  font-family: "Gotham-Light", sans-serif; }

.font-strong {
  font-family: "Gotham-Black", sans-serif; }

.font-medium, .font-medium--bold {
  font-family: "Gotham-Medium", sans-serif; }
  .font-medium--bold {
    font-weight: bold; }

.font-rfc {
  font-family: "Rfc-Regular", sans-serif; }

html {
  background: url("./../images/background-pattern.18e7d2bbc717.jpg") top center;
  background-size: cover; }

body {
  background: #EC008CCC;
  font-family: "Gotham-Book", sans-serif;
  font-size: 0.9rem;
  position: relative; }

strong {
  font-family: "Gotham-Medium", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham-Black", sans-serif; }

a {
  cursor: pointer; }

iframe {
  max-width: 100%; }

img {
  max-width: 100%; }

ul {
  list-style-image: url("./../images/li-default.a78a3b14ee6d.png");
  padding-left: 16px; }
  ul li {
    padding-left: 2px; }

.page {
  max-width: 1505px;
  margin-left: 0; }

.mobile-nav {
  background: #f2f1f1;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%; }
  .mobile-nav .menu-button {
    background: #EC008C;
    display: inline-block;
    padding: 16px;
    position: relative;
    z-index: 40; }
    .mobile-nav .menu-button .icon-open {
      display: block; }
    .mobile-nav .menu-button .icon-close {
      display: none; }
    .mobile-nav .menu-button.open {
      background: #fff; }
      .mobile-nav .menu-button.open .icon-open {
        display: none; }
      .mobile-nav .menu-button.open .icon-close {
        display: block; }
  .mobile-nav__top-space {
    background: #f2f1f1;
    height: 140px;
    display: none; }
  .mobile-nav .current-milestone {
    display: none; }
  .mobile-nav.fixed-menu {
    background: #fff;
    box-shadow: 0 0 5px #333;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    top: 0;
    z-index: 41; }
    .mobile-nav.fixed-menu .current-milestone {
      display: block; }

#cms-top + .mobile-nav.fixed-menu {
  top: 46px; }

.sidenav {
  max-width: 415px; }
  @media (max-width: 1199px) {
    .sidenav {
      background: #EC008C;
      height: 100vh;
      margin-left: -415px;
      overflow: auto;
      position: fixed;
      top: 0;
      transition: all 0.5s;
      z-index: 32; }
      .sidenav.visible {
        margin-left: 0; } }
  @media (min-width: 576px) {
    .sidenav {
      width: 415px; } }
  @media (max-width: 575px) {
    .sidenav {
      width: 100%;
      max-width: none;
      margin-left: -100%; } }

.content {
  background: #f2f1f1;
  width: 1090px;
  padding-left: 30px;
  padding-right: 30px;
  min-height: 100vh; }
  @media (max-width: 1199px) {
    .content {
      width: 100%; } }
  @media (max-width: 359px) {
    .content {
      padding-left: 15px;
      padding-right: 15px; } }

.content, .sidenav {
  padding-top: 50px;
  padding-bottom: 40px; }

.sidenav {
  color: #fff;
  font-size: 18px; }
  .sidenav a {
    color: #fff; }
  .sidenav img.logo {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
  .sidenav .logo {
    padding-left: 40px;
    padding-right: 40px; }
  .sidenav .account-link {
    background: #EC008C;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: "Gotham-Medium", sans-serif;
    font-weight: bold;
    line-height: 30px;
    margin: 30px 30px 30px 0;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s; }
    .sidenav .account-link img {
      margin-right: 0.5rem; }
    .sidenav .account-link:hover {
      padding-left: 55px;
      margin-right: 15px; }
  .sidenav__header {
    margin-bottom: 30px;
    max-width: 20rem; }
  .sidenav__developments .header {
    background-color: #2e3a60;
    color: #fff;
    display: block;
    font-family: "Gotham-Medium", sans-serif;
    font-weight: bold;
    padding: 5px 30px 5px 40px;
    margin-top: 0.5rem;
    margin-right: 30px;
    min-height: 75px;
    text-transform: uppercase;
    transition: 0.3s; }
    .sidenav__developments .header:hover {
      color: #fff;
      text-decoration: none;
      padding-left: 55px;
      margin-right: 15px; }
    .sidenav__developments .header svg {
      height: auto;
      fill: #fff;
      margin-right: 10px;
      width: 30px;
      min-width: 30px; }
      .sidenav__developments .header svg.systems_change_icon {
        width: 40px;
        margin-left: -5px;
        margin-right: 5px; }
    .sidenav__developments .header.collapsed {
      background-color: white;
      color: #2e3a60; }
      .sidenav__developments .header.collapsed svg {
        fill: #2e3a60; }
  .sidenav__developments ul {
    background-color: #2e3a60;
    margin-bottom: 0;
    margin-right: 30px;
    padding-left: 0;
    padding-bottom: 0.5rem; }
    .sidenav__developments ul li {
      list-style: none; }
      .sidenav__developments ul li a {
        display: block;
        color: #fff;
        padding-left: 75px;
        margin-right: 10px;
        position: relative; }
        .sidenav__developments ul li a.selected:before {
          content: url("/static/images/icons/arrowRightPrimary.ea6e7248bfa5.svg");
          position: absolute;
          padding-left: inherit;
          left: -30px;
          top: 0; }
        .sidenav__developments ul li a.secondary {
          padding-left: 120px;
          padding-right: 10px;
          font-family: "Gotham-Book", sans-serif; }
  .sidenav__developments--stages .header svg {
    height: 30px; }
  .sidenav__developments--stages .header.collapsed {
    background-color: #2e3a60;
    color: #fff; }
    .sidenav__developments--stages .header.collapsed svg {
      fill: #fff; }
  .sidenav__developments .milestones .milestone-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px; }
    .sidenav__developments .milestones .milestone-link .uncollapse-arrow {
      margin-right: 15px;
      padding-left: 0;
      flex: 0 0 auto; }
      .sidenav__developments .milestones .milestone-link .uncollapse-arrow img {
        transition: 0.3s;
        transform: rotate(-90deg); }
      .sidenav__developments .milestones .milestone-link .uncollapse-arrow.collapsed img {
        transform: rotate(90deg); }
  .sidenav__developments .milestones a {
    transition: 0.3s;
    line-height: 26px; }
    .sidenav__developments .milestones a:hover {
      text-decoration: none;
      padding-left: 85px;
      margin-right: 0; }
    .sidenav__developments .milestones a.secondary:hover, .sidenav__developments .milestones a.secondary.active {
      padding-left: 130px;
      padding-right: 0; }
    .sidenav__developments .milestones a.milestone:hover:before {
      content: url("/static/images/icons/arrowRightPrimary.ea6e7248bfa5.svg");
      position: absolute;
      padding-left: inherit;
      margin-right: 0;
      left: -30px;
      top: 0; }
  .sidenav__developments .milestones__stage-link:hover:before {
    content: url("/static/images/icons/arrowRightPrimary.ea6e7248bfa5.svg");
    position: absolute;
    padding-left: inherit;
    left: -30px;
    top: 0; }
  .sidenav__developments .milestones .no-action-points {
    cursor: not-allowed;
    margin-left: 75px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.75rem; }
  .sidenav__links {
    margin-bottom: 30px; }
    .sidenav__links p {
      margin-bottom: 0.5rem; }
    .sidenav__links a {
      transition: 0.3s;
      text-decoration: none; }
      .sidenav__links a:hover {
        padding-left: 10px; }
  .sidenav__languages .active {
    font-family: "Gotham-Black", sans-serif;
    border-bottom: 2px solid #fff; }
  .sidenav__languages input[type='submit'] {
    border: none;
    background: none;
    color: #fff;
    padding: 0; }
  .sidenav p {
    padding-left: 40px; }

.btn-rc-primary, .btn-rc-secondary, .btn-rc-close {
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  font-family: "Gotham-Medium", sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  .btn-rc-primary:hover, .btn-rc-secondary:hover, .btn-rc-close:hover {
    color: #fff; }

.btn-rc-primary {
  background: #EC008C; }
  .btn-rc-primary:hover {
    background: #c80077; }

.btn-rc-secondary {
  background: #2e3a60; }
  .btn-rc-secondary:hover {
    background: #222b48; }

.btn-rc-close {
  background: #949494; }
  .btn-rc-close:hover {
    background: #828282; }

.stick-to-input {
  margin-top: -60px;
  margin-left: 11px;
  margin-right: 11px;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham-Light", sans-serif;
  font-weight: 300; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: "Gotham-Black", sans-serif;
    font-weight: 700; }

h1.font-rfc {
  font-size: 4rem;
  line-height: 1; }

h2.font-rfc {
  font-size: 3rem;
  line-height: 1; }

.errorlist {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  color: red; }

.field-wrapper {
  margin-bottom: 1rem; }

.form-control {
  border: 0;
  border-radius: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  height: auto; }

.custom-checkbox .custom-control-label::before {
  border: none;
  border-radius: 0; }
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
  height: 30px;
  width: 30px; }
.custom-checkbox .custom-control-label {
  padding-left: 15px;
  padding-top: 6px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #EC008C;
  background-color: #EC008C; }

.sidenav__search-form {
  margin-bottom: 30px; }
  .sidenav__search-form p {
    margin-right: 60px; }
  .sidenav__search-form .search-input, .sidenav__search-form .search-input:focus {
    background: none;
    border-bottom: 3px solid #fff;
    box-shadow: none;
    color: #fff; }
    .sidenav__search-form .search-input:focus, .sidenav__search-form .search-input:focus:focus {
      border-bottom: 3px solid #E6E6E6; }

.content {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .content a {
    color: #EC008C; }
    .content a.btn {
      color: #fff; }

.comment-carousel {
  margin-bottom: 30px;
  background-color: #fff; }

.comment-section {
  background-color: #fff;
  padding: 30px;
  border: 1px solid #E6E6E6; }
  .comment-section__comment {
    display: flex; }
    .comment-section__comment .user-avatar {
      flex: 0 0 auto;
      margin-right: 15px; }
    .comment-section__comment .user-name {
      height: 50px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      font-family: "Gotham-Medium", sans-serif;
      margin-bottom: 0; }

#CookielawBanner {
  background: #2e3a60;
  color: #fff;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  max-width: 328px;
  font-size: 12px;
  line-height: 16px;
  padding: 1rem;
  z-index: 2; }
  #CookielawBanner h6 {
    font-family: "Gotham-Medium", sans-serif; }

.cookie-page.page-header .container:last-child {
  border-bottom: 0; }
.cookie-page .cookie-group-form {
  display: flex;
  align-items: center; }
  .cookie-page .cookie-group-form > * {
    margin-right: 1rem;
    margin-bottom: 1rem; }
.cookie-page .cookie-group {
  margin-bottom: 1.5rem;
  margin-top: 0.5rem; }
.cookie-page h3 {
  margin-bottom: 1rem; }

.head {
  background: #2e3a60; }
  .head span {
    font-weight: bold; }

.page-header {
  background-color: #2e3a60;
  color: #fff;
  padding: 70px 30px 30px 30px;
  margin-top: -50px;
  margin-bottom: 36px;
  margin-left: -30px;
  margin-right: -30px; }
  @media (max-width: 1199px) {
    .page-header {
      padding-top: 36px;
      margin-top: -40px; } }
  @media (max-width: 359px) {
    .page-header {
      margin-left: -15px;
      margin-right: -15px; } }
  @media (min-width: 1200px) {
    .page-header--one-liner {
      padding-bottom: 60px; } }
  .page-header h1 {
    font-family: "Rfc-Regular", sans-serif;
    margin-bottom: 0;
    font-size: 4rem;
    line-height: 1.3; }
    @media (max-width: 575px) {
      .page-header h1 {
        font-size: 2rem; } }
  .page-header h2 {
    line-height: 1;
    margin-bottom: 0;
    font-size: 1.9rem; }
  .page-header--fixed {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    opacity: 1;
    z-index: 1;
    align-items: flex-end;
    flex-wrap: nowrap;
    box-shadow: 0 0 5px #949494;
    justify-content: center;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all 0.3s ease; }
    @media (max-width: 767px) {
      .page-header--fixed {
        display: none; } }
    .page-header--fixed.hide {
      opacity: 0;
      z-index: -1; }
    .page-header--fixed h1, .page-header--fixed h2 {
      font-size: 26px;
      color: #2e3a60; }
    .page-header--fixed h1 {
      margin-right: 1rem; }

.collapsible-section, .collapsible-section--not-allowed {
  background-color: #fff;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 0 0 30px;
  margin-top: 10px; }
  @media (max-width: 359px) {
    .collapsible-section, .collapsible-section--not-allowed {
      margin-left: -15px;
      margin-right: -15px;
      padding: 0 0 0 15px; } }
  .collapsible-section .header, .collapsible-section--not-allowed .header {
    display: flex;
    align-items: center;
    cursor: pointer; }
    @media (max-width: 991px) {
      .collapsible-section .header, .collapsible-section--not-allowed .header {
        display: block; } }
    .collapsible-section .header:after, .collapsible-section--not-allowed .header:after {
      content: url("/static/images/icons/arrow-down.e39ab467838a.png");
      transition: transform 0.4s ease-in-out;
      margin-right: 30px;
      margin-left: auto; }
      @media (max-width: 991px) {
        .collapsible-section .header:after, .collapsible-section--not-allowed .header:after {
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          display: block;
          padding-top: 15px;
          padding-bottom: 15px; } }
    .collapsible-section .header.collapsed:after, .collapsible-section--not-allowed .header.collapsed:after {
      transform: rotate(180deg);
      margin-left: auto; }
    .collapsible-section .header h1, .collapsible-section--not-allowed .header h1 {
      display: inline-block;
      font-family: "Rfc-Regular", sans-serif;
      background-color: #EC008C;
      color: #fff;
      padding: 11px 15px 15px 15px;
      margin-top: -15px;
      margin-bottom: 15px;
      margin-right: 15px;
      line-height: 1.3;
      font-size: 2rem;
      vertical-align: bottom; }
    .collapsible-section .header .tag-icon, .collapsible-section--not-allowed .header .tag-icon {
      margin-right: 20px;
      width: 121px;
      min-width: 121px; }
      .collapsible-section .header .tag-icon img, .collapsible-section--not-allowed .header .tag-icon img {
        height: 25px; }
    .collapsible-section .header h2, .collapsible-section--not-allowed .header h2 {
      color: #000;
      line-height: 1;
      font-size: 1.4rem;
      display: flex;
      align-items: center;
      margin-bottom: 0;
      padding-top: 10px; }
      @media (min-width: 992px) {
        .collapsible-section .header h2, .collapsible-section--not-allowed .header h2 {
          padding-top: 10px;
          padding-bottom: 10px; } }
    .collapsible-section .header .collapse, .collapsible-section--not-allowed .header .collapse {
      background-color: #fff; }
  .collapsible-section--not-allowed {
    opacity: 0.5; }
    .collapsible-section--not-allowed .header {
      cursor: not-allowed; }
  .collapsible-section h3, .collapsible-section--not-allowed h3 {
    color: #000;
    font-size: 1.4rem;
    margin-bottom: 15px; }
  .collapsible-section h4, .collapsible-section--not-allowed h4 {
    font-size: 1.2rem;
    margin-bottom: 0.75rem; }
  .collapsible-section__fragment {
    padding: 30px 45px 15px 0;
    margin-bottom: 1.875px;
    border-top: 1px solid #E6E6E6; }
    @media (max-width: 575px) {
      .collapsible-section__fragment {
        padding-right: 30px; } }
    .collapsible-section__fragment.highlighted {
      background-color: #2e3a60;
      color: #fff;
      padding: 30px 15px 15px 30px;
      margin-left: -30px; }
      .collapsible-section__fragment.highlighted + .collapsible-section__fragment {
        border-top: 0; }
      .collapsible-section__fragment.highlighted h3 {
        color: #fff; }
      .collapsible-section__fragment.highlighted ul {
        list-style-image: url("./../images/li-default-white.1abf1598f0be.png"); }
    @media (max-width: 767px) {
      .collapsible-section__fragment > .row > div[class^='col-'] {
        margin-top: 10px;
        margin-bottom: 15px; } }
  .collapsible-section textarea, .collapsible-section--not-allowed textarea {
    border: 1px solid #E6E6E6; }

.section-with-buttons, .section-with-buttons--btns-right {
  background: #2e3a60;
  color: #fff;
  font-size: 18px;
  font-family: "Gotham-Medium", sans-serif;
  font-weight: bold;
  padding: 20px 30px;
  text-transform: uppercase; }
  .section-with-buttons .btns, .section-with-buttons--btns-right .btns {
    text-align: left;
    margin-left: -19px;
    margin-right: -19px;
    margin-bottom: -20px; }
    .section-with-buttons .btns .btn, .section-with-buttons--btns-right .btns .btn {
      margin-bottom: -20px; }
  .section-with-buttons--btns-right .btns {
    text-align: right; }

.line-dividing, .line-dividing--no-mr, .line-dividing__with-btn {
  border-top: 2px solid #b7b7b7;
  display: block; }
  .line-dividing--no-mr {
    margin-right: -30px;
    padding-right: 30px; }
  .line-dividing__with-btn .btn {
    margin-top: -27px;
    margin-right: 11px; }

.carousel-indicators li {
  border-radius: 100%;
  border: 2px solid #949494;
  height: 7px;
  width: 7px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #fff;
  opacity: 1;
  transition: background-color 0.6s ease;
  background-clip: border-box; }
  .carousel-indicators li.active {
    background-color: #949494; }

.video-with-description {
  margin-bottom: 1.5rem;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%; }
  .carousel-item .video-with-description {
    margin-bottom: 0; }
  .video-with-description iframe, .video-with-description video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
  .video-with-description h5 {
    background: white;
    padding: 15px;
    position: absolute;
    left: 20px;
    bottom: -20px;
    max-width: 80%; }
    .video-with-description h5:empty {
      display: none; }

.account-preview {
  padding-top: 3rem; }
  .account-preview__content {
    background: #fff;
    margin-right: -30px;
    padding: 20px 30px; }
    .account-preview__content .user-avatar {
      margin-top: -60px; }

.field-wrapper__avatar {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0; }
  .field-wrapper__avatar .user-avatar {
    flex: none; }
  .field-wrapper__avatar img {
    width: 80px;
    height: 80px;
    margin-right: 5px; }
  .field-wrapper__avatar .custom-file, .field-wrapper__avatar .custom-file-input {
    height: 80px; }
  .field-wrapper__avatar .custom-file-input {
    cursor: pointer; }
  .field-wrapper__avatar .custom-file-label {
    align-items: center;
    background: none;
    border: none;
    height: 80px;
    margin-bottom: 0;
    line-height: calc(80px - .75rem); }
    .field-wrapper__avatar .custom-file-label:after {
      display: none; }
.field-wrapper + .field-wrapper--no-margin-bottom {
  margin-top: -1rem; }

.opportunities {
  background: #2e3a60;
  padding: 15px 30px; }
  .opportunities__head {
    color: #fff;
    font-family: "Gotham-Book", sans-serif;
    font-size: 20px; }
  .opportunities__links {
    margin-bottom: -30px; }
  .opportunities .btn-rc-primary {
    text-transform: none; }
  .opportunities .opportunity__more-info {
    background: #EC008C;
    padding: 6px 12px;
    color: #fff; }
    .opportunities .opportunity__more-info p {
      margin-top: 10px; }

footer {
  background: #2e3a60;
  color: #fff; }
  footer img.logo--footer {
    max-width: 384px; }
  footer .footer-content {
    width: 1090px;
    margin-left: 415px;
    padding: 30px; }
    @media (max-width: 1519px) {
      footer .footer-content {
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 1110px) {
      footer .footer-content {
        width: auto; } }
    footer .footer-content .supporter-logo {
      max-width: 235px; }

.modal-body input, .modal-body textarea {
  border: 1px solid #dee2e6; }

.chose-scale-option .button-container {
  width: 10%;
  display: inline-block; }
  .chose-scale-option .button-container .scale-button {
    border-left: 0; }
  .chose-scale-option .button-container:first-child .scale-button {
    border-left: 1px solid #949494; }
.chose-scale-option .scale-button {
  width: 100%;
  height: 40px;
  border-radius: 0;
  border: 1px solid #949494; }

.landing-page h1, .landing-page h2, .landing-page h3, .landing-page h4, .landing-page h5, .landing-page h6 {
  color: #EC008C; }
@media (max-width: 575px) {
  .landing-page h1 {
    font-size: 32px; } }
.landing-page .color-rc-primary {
  color: #EC008C; }
.landing-page .color-rc-secondary {
  color: #2e3a60; }
.landing-page .highlighted {
  padding: 30px 45px 15px 45px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -15px;
  margin-left: 15px; }
  @media (max-width: 359px) {
    .landing-page .highlighted {
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 0;
      margin-left: 0; } }
  .landing-page .highlighted .btns {
    margin-bottom: -36px; }
  .landing-page .highlighted img {
    margin-bottom: -53px; }

.getInspiredControls {
  margin-top: 3rem;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -40px; }
  @media (max-width: 359px) {
    .getInspiredControls {
      margin-left: -15px;
      margin-right: -15px; } }
  .getInspiredControls h1, .getInspiredControls h2 {
    color: #fff; }
  .getInspiredControls .carousel-item .row {
    padding-left: 60px;
    padding-right: 60px; }
    @media (max-width: 991px) {
      .getInspiredControls .carousel-item .row {
        padding-top: 3rem;
        padding-bottom: 3rem; } }
    @media (max-width: 575px) {
      .getInspiredControls .carousel-item .row {
        padding-left: 30px;
        padding-right: 30px; } }
  .getInspiredControls .carousel-control-next, .getInspiredControls .carousel-control-prev {
    width: 5%; }
  .getInspiredControls .carousel-control-prev-icon, .getInspiredControls .carousel-control-next-icon {
    width: 17px;
    height: 51px; }
  .getInspiredControls .carousel-control-prev-icon {
    background-image: url("../images/carousel/left-arrow--gray.4cf006a5ce6f.png"); }
  .getInspiredControls .carousel-control-next-icon {
    background-image: url("../images/carousel/right-arrow--gray.e51083223574.png"); }

.main-page-carousel {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -50px;
  margin-bottom: 12px; }
  @media (max-width: 359px) {
    .main-page-carousel {
      margin-left: -15px;
      margin-right: -15px; } }

.area-shorts__icons svg {
  fill: #2e3a60;
  height: 56px;
  min-width: 56px;
  margin-right: 0.5rem; }
.area-shorts__icons__systems_change svg {
  max-width: 56px; }
.area-shorts__icons__financial_sustainability svg {
  height: 40px;
  margin-top: 5px; }

.area-shorts__header {
  font-size: 18px; }

.search-page h4, .search-page p {
  margin-bottom: 0; }
.search-page h4 + p {
  margin-top: 10px; }
.search-page h4 a {
  color: inherit;
  display: inline-block;
  transition: all 0.3s; }
  .search-page h4 a:hover {
    text-decoration: none;
    margin-left: 10px; }
.search-page__bar input, .search-page__bar input:focus, .search-page__bar input:hover {
  background: none;
  box-shadow: none;
  border-bottom: 3px solid #000; }
.search-page__milestone {
  border-bottom: 2px solid #fff;
  padding: 30px; }
.search-page__ap {
  margin-left: 30px;
  margin-top: 30px; }

.milestone-template div[class^="col-"] {
  margin-bottom: 30px; }

.rating-saved {
  display: none; }

.star-ratings-rating-full, .star-ratings-rating-empty {
  padding-right: 0;
  border: none;
  outline: none; }
  .star-ratings-rating-full:active, .star-ratings-rating-full:focus, .star-ratings-rating-full:hover, .star-ratings-rating-full:visited, .star-ratings-rating-full:focus-within, .star-ratings-rating-empty:active, .star-ratings-rating-empty:focus, .star-ratings-rating-empty:hover, .star-ratings-rating-empty:visited, .star-ratings-rating-empty:focus-within {
    border: none;
    outline: none; }

.milestone-comments {
  background: #fff;
  padding: 10px 30px 15px;
  margin-top: 3rem;
  margin-left: -30px;
  margin-right: -30px; }
  .milestone-comments textarea {
    border: 1px solid #E6E6E6; }

.stage-list .svg-container {
  height: 56px;
  display: block; }
  .stage-list .svg-container__financial_sustainability svg {
    margin-top: 10px; }
  .stage-list .svg-container__systems_change svg {
    width: 56px;
    margin-top: 8px;
    margin-left: -5px;
    margin-right: -11px; }
.stage-list svg {
  fill: #2e3a60;
  width: 40px;
  height: auto; }
.stage-list__ul {
  list-style: none;
  padding-left: 0; }
  .stage-list__ul li {
    display: block;
    margin-bottom: 0.25rem; }
    .stage-list__ul li a {
      color: #2e3a60; }
.stage-list__header {
  font-family: "Gotham-Medium", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #2e3a60;
  text-transform: uppercase;
  margin-bottom: 0.5rem; }

@media (max-width: 767px) {
  .action-point-information {
    margin-top: 30px; } }
.action-point-information .star-ratings {
  line-height: 1; }
.action-point-information .star-ratings-rating-full, .action-point-information .star-ratings-rating-empty {
  background-image: url("/static/star-ratings/images/stars_secondary.f894125eec1f.svg") !important; }
.action-point-information .clock-icon {
  width: 24px;
  height: 24px; }
.action-point-information .file-icon {
  display: inline-block;
  width: 32px;
  height: 32px; }
.action-point-information .row {
  margin-bottom: 30px; }
.action-point-information .vertical-centered {
  display: flex;
  align-items: center; }
  .action-point-information .vertical-centered > * {
    margin-right: 7.5px; }
.action-point-information .further-readings a {
  color: #2e3a60; }
@media (max-width: 767px) {
  .action-point-information .further-readings {
    margin-top: 30px; } }
.action-point-information .template-link {
  color: #2e3a60; }
  .action-point-information .template-link strong {
    font-weight: bold; }

.time-estimation .clock-icon {
  width: 24px;
  height: 24px; }

#video-overlay, .video-overlay {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 280px;
  transition: opacity 0.3s ease-in-out; }
  #video-overlay:hover, .video-overlay:hover {
    opacity: 0.8; }
    #video-overlay:hover .play-icon, .video-overlay:hover .play-icon {
      transition: all 0.2s ease-in-out;
      transform: scale(1.1); }
  #video-overlay + .background-video, .video-overlay + .background-video {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  #video-overlay .play-icon, .video-overlay .play-icon {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center; }

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