/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
/*
----------------------------------
BoxGrid
----------------------------------
Author: Ashley Needham
Description: A flexbox based grid
Version: 1.2
License: MIT
URL: http://flexbox.net
*/
.boxgrid {
  width: 100%;
  margin-left: -1.5%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }
  .boxgrid.no-margin {
    margin-left: 0; }
  .boxgrid > .col {
    margin: 6px 1.5%;
    width: 97%;
    box-sizing: border-box; }
    .boxgrid > .col > .inner {
      display: block;
      box-sizing: border-box; }
  .boxgrid:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden; }

@media screen and (min-width: 300px) {
  .boxgrid > .small_12 {
    width: 97%;
    display: block; }

  .boxgrid > .small_11 {
    width: 88.66667%;
    display: block; }

  .boxgrid > .small_10 {
    width: 80.33333%;
    display: block; }

  .boxgrid > .small_9 {
    width: 72%;
    display: block; }

  .boxgrid > .small_8 {
    width: 63.66667%;
    display: block; }

  .boxgrid > .small_7 {
    width: 55.33333%;
    display: block; }

  .boxgrid > .small_6 {
    width: 47%;
    display: block; }

  .boxgrid > .small_5 {
    width: 38.66667%;
    display: block; }

  .boxgrid > .small_4 {
    width: 30.33333%;
    display: block; }

  .boxgrid > .small_3 {
    width: 22%;
    display: block; }

  .boxgrid > .small_2 {
    width: 13.66667%;
    display: block; }

  .boxgrid > .small_1 {
    width: 5.33333%;
    display: block; }

  .boxgrid > .small_0 {
    display: none; }

  .boxgrid > .small_pre_11 {
    margin-left: 93.16667%; }

  .boxgrid > .small_pre_10 {
    margin-left: 84.83333%; }

  .boxgrid > .small_pre_9 {
    margin-left: 76.5%; }

  .boxgrid > .small_pre_8 {
    margin-left: 68.16667%; }

  .boxgrid > .small_pre_7 {
    margin-left: 59.83333%; }

  .boxgrid > .small_pre_6 {
    margin-left: 51.5%; }

  .boxgrid > .small_pre_5 {
    margin-left: 43.16667%; }

  .boxgrid > .small_pre_4 {
    margin-left: 34.83333%; }

  .boxgrid > .small_pre_3 {
    margin-left: 26.5%; }

  .boxgrid > .small_pre_2 {
    margin-left: 18.16667%; }

  .boxgrid > .small_pre_1 {
    margin-left: 9.83333%; }

  .boxgrid > .small_pre_0 {
    margin-left: 1.5%; }

  .boxgrid > .small_post_11 {
    margin-right: 93.16667%; }

  .boxgrid > .small_post_10 {
    margin-right: 84.83333%; }

  .boxgrid > .small_post_9 {
    margin-right: 76.5%; }

  .boxgrid > .small_post_8 {
    margin-right: 68.16667%; }

  .boxgrid > .small_post_7 {
    margin-right: 59.83333%; }

  .boxgrid > .small_post_6 {
    margin-right: 51.5%; }

  .boxgrid > .small_post_5 {
    margin-right: 43.16667%; }

  .boxgrid > .small_post_4 {
    margin-right: 34.83333%; }

  .boxgrid > .small_post_3 {
    margin-right: 26.5%; }

  .boxgrid > .small_post_2 {
    margin-right: 18.16667%; }

  .boxgrid > .small_post_1 {
    margin-right: 9.83333%; }

  .boxgrid > .small_post_0 {
    margin-right: 1.5%; }

  .boxgrid > .col[data-bg_small_order="1"] {
    order: 1; }

  .boxgrid > .col[data-bg_small_order="2"] {
    order: 2; }

  .boxgrid > .col[data-bg_small_order="3"] {
    order: 3; }

  .boxgrid > .col[data-bg_small_order="4"] {
    order: 4; }

  .boxgrid > .col[data-bg_small_order="5"] {
    order: 5; }

  .boxgrid > .col[data-bg_small_order="6"] {
    order: 6; }

  .boxgrid > .col[data-bg_small_order="7"] {
    order: 7; }

  .boxgrid > .col[data-bg_small_order="8"] {
    order: 8; }

  .boxgrid > .col[data-bg_small_order="9"] {
    order: 9; }

  .boxgrid > .col[data-bg_small_order="10"] {
    order: 10; }

  .boxgrid > .col[data-bg_small_order="11"] {
    order: 11; }

  .boxgrid > .col[data-bg_small_order="12"] {
    order: 12; }

  .boxgrid > .small_first {
    order: -1; }

  .boxgrid > .small_last {
    order: 999; }

  .boxgrid > .small_left {
    display: flex;
    justify-content: flex-start; }

  .boxgrid > .small_center {
    display: flex;
    justify-content: center; }

  .boxgrid > .small_right {
    display: flex;
    justify-content: flex-end; }

  .boxgrid > .small_text_left {
    text-align: left; }

  .boxgrid > .small_text_center {
    text-align: center; }

  .boxgrid > .small_text_right {
    text-align: right; }

  .boxgrid > .small_top {
    display: flex;
    align-items: flex-start; }

  .boxgrid > .small_middle {
    display: flex;
    align-items: center; }

  .boxgrid > .small_bottom {
    display: flex;
    align-items: flex-end; } }
@media screen and (min-width: 600px) {
  .boxgrid > .medium_12 {
    width: 97%;
    display: block; }

  .boxgrid > .medium_11 {
    width: 88.66667%;
    display: block; }

  .boxgrid > .medium_10 {
    width: 80.33333%;
    display: block; }

  .boxgrid > .medium_9 {
    width: 72%;
    display: block; }

  .boxgrid > .medium_8 {
    width: 63.66667%;
    display: block; }

  .boxgrid > .medium_7 {
    width: 55.33333%;
    display: block; }

  .boxgrid > .medium_6 {
    width: 47%;
    display: block; }

  .boxgrid > .medium_5 {
    width: 38.66667%;
    display: block; }

  .boxgrid > .medium_4 {
    width: 30.33333%;
    display: block; }

  .boxgrid > .medium_3 {
    width: 22%;
    display: block; }

  .boxgrid > .medium_2 {
    width: 13.66667%;
    display: block; }

  .boxgrid > .medium_1 {
    width: 5.33333%;
    display: block; }

  .boxgrid > .medium_0 {
    display: none; }

  .boxgrid > .medium_pre_11 {
    margin-left: 93.16667%; }

  .boxgrid > .medium_pre_10 {
    margin-left: 84.83333%; }

  .boxgrid > .medium_pre_9 {
    margin-left: 76.5%; }

  .boxgrid > .medium_pre_8 {
    margin-left: 68.16667%; }

  .boxgrid > .medium_pre_7 {
    margin-left: 59.83333%; }

  .boxgrid > .medium_pre_6 {
    margin-left: 51.5%; }

  .boxgrid > .medium_pre_5 {
    margin-left: 43.16667%; }

  .boxgrid > .medium_pre_4 {
    margin-left: 34.83333%; }

  .boxgrid > .medium_pre_3 {
    margin-left: 26.5%; }

  .boxgrid > .medium_pre_2 {
    margin-left: 18.16667%; }

  .boxgrid > .medium_pre_1 {
    margin-left: 9.83333%; }

  .boxgrid > .medium_pre_0 {
    margin-left: 1.5%; }

  .boxgrid > .medium_post_11 {
    margin-right: 93.16667%; }

  .boxgrid > .medium_post_10 {
    margin-right: 84.83333%; }

  .boxgrid > .medium_post_9 {
    margin-right: 76.5%; }

  .boxgrid > .medium_post_8 {
    margin-right: 68.16667%; }

  .boxgrid > .medium_post_7 {
    margin-right: 59.83333%; }

  .boxgrid > .medium_post_6 {
    margin-right: 51.5%; }

  .boxgrid > .medium_post_5 {
    margin-right: 43.16667%; }

  .boxgrid > .medium_post_4 {
    margin-right: 34.83333%; }

  .boxgrid > .medium_post_3 {
    margin-right: 26.5%; }

  .boxgrid > .medium_post_2 {
    margin-right: 18.16667%; }

  .boxgrid > .medium_post_1 {
    margin-right: 9.83333%; }

  .boxgrid > .medium_post_0 {
    margin-right: 1.5%; }

  .boxgrid > .col[data-bg_medium_order="1"] {
    order: 1; }

  .boxgrid > .col[data-bg_medium_order="2"] {
    order: 2; }

  .boxgrid > .col[data-bg_medium_order="3"] {
    order: 3; }

  .boxgrid > .col[data-bg_medium_order="4"] {
    order: 4; }

  .boxgrid > .col[data-bg_medium_order="5"] {
    order: 5; }

  .boxgrid > .col[data-bg_medium_order="6"] {
    order: 6; }

  .boxgrid > .col[data-bg_medium_order="7"] {
    order: 7; }

  .boxgrid > .col[data-bg_medium_order="8"] {
    order: 8; }

  .boxgrid > .col[data-bg_medium_order="9"] {
    order: 9; }

  .boxgrid > .col[data-bg_medium_order="10"] {
    order: 10; }

  .boxgrid > .col[data-bg_medium_order="11"] {
    order: 11; }

  .boxgrid > .col[data-bg_medium_order="12"] {
    order: 12; }

  .boxgrid > .medium_first {
    order: -1; }

  .boxgrid > .medium_last {
    order: 999; }

  .boxgrid > .medium_left {
    display: flex;
    justify-content: flex-start; }

  .boxgrid > .medium_center {
    display: flex;
    justify-content: center; }

  .boxgrid > .medium_right {
    display: flex;
    justify-content: flex-end; }

  .boxgrid > .medium_text_left {
    text-align: left; }

  .boxgrid > .medium_text_center {
    text-align: center; }

  .boxgrid > .medium_text_right {
    text-align: right; }

  .boxgrid > .medium_top {
    display: flex;
    align-items: flex-start; }

  .boxgrid > .medium_middle {
    display: flex;
    align-items: center; }

  .boxgrid > .medium_bottom {
    display: flex;
    align-items: flex-end; } }
@media screen and (min-width: 1200px) {
  .boxgrid > .large_12 {
    width: 97%;
    display: block; }

  .boxgrid > .large_11 {
    width: 88.66667%;
    display: block; }

  .boxgrid > .large_10 {
    width: 80.33333%;
    display: block; }

  .boxgrid > .large_9 {
    width: 72%;
    display: block; }

  .boxgrid > .large_8 {
    width: 63.66667%;
    display: block; }

  .boxgrid > .large_7 {
    width: 55.33333%;
    display: block; }

  .boxgrid > .large_6 {
    width: 47%;
    display: block; }

  .boxgrid > .large_5 {
    width: 38.66667%;
    display: block; }

  .boxgrid > .large_4 {
    width: 30.33333%;
    display: block; }

  .boxgrid > .large_3 {
    width: 22%;
    display: block; }

  .boxgrid > .large_2 {
    width: 13.66667%;
    display: block; }

  .boxgrid > .large_1 {
    width: 5.33333%;
    display: block; }

  .boxgrid > .large_0 {
    display: none; }

  .boxgrid > .large_pre_11 {
    margin-left: 93.16667%; }

  .boxgrid > .large_pre_10 {
    margin-left: 84.83333%; }

  .boxgrid > .large_pre_9 {
    margin-left: 76.5%; }

  .boxgrid > .large_pre_8 {
    margin-left: 68.16667%; }

  .boxgrid > .large_pre_7 {
    margin-left: 59.83333%; }

  .boxgrid > .large_pre_6 {
    margin-left: 51.5%; }

  .boxgrid > .large_pre_5 {
    margin-left: 43.16667%; }

  .boxgrid > .large_pre_4 {
    margin-left: 34.83333%; }

  .boxgrid > .large_pre_3 {
    margin-left: 26.5%; }

  .boxgrid > .large_pre_2 {
    margin-left: 18.16667%; }

  .boxgrid > .large_pre_1 {
    margin-left: 9.83333%; }

  .boxgrid > .large_pre_0 {
    margin-left: 1.5%; }

  .boxgrid > .large_post_11 {
    margin-right: 93.16667%; }

  .boxgrid > .large_post_10 {
    margin-right: 84.83333%; }

  .boxgrid > .large_post_9 {
    margin-right: 76.5%; }

  .boxgrid > .large_post_8 {
    margin-right: 68.16667%; }

  .boxgrid > .large_post_7 {
    margin-right: 59.83333%; }

  .boxgrid > .large_post_6 {
    margin-right: 51.5%; }

  .boxgrid > .large_post_5 {
    margin-right: 43.16667%; }

  .boxgrid > .large_post_4 {
    margin-right: 34.83333%; }

  .boxgrid > .large_post_3 {
    margin-right: 26.5%; }

  .boxgrid > .large_post_2 {
    margin-right: 18.16667%; }

  .boxgrid > .large_post_1 {
    margin-right: 9.83333%; }

  .boxgrid > .large_post_0 {
    margin-right: 1.5%; }

  .boxgrid > .col[data-bg_large_order="1"] {
    order: 1; }

  .boxgrid > .col[data-bg_large_order="2"] {
    order: 2; }

  .boxgrid > .col[data-bg_large_order="3"] {
    order: 3; }

  .boxgrid > .col[data-bg_large_order="4"] {
    order: 4; }

  .boxgrid > .col[data-bg_large_order="5"] {
    order: 5; }

  .boxgrid > .col[data-bg_large_order="6"] {
    order: 6; }

  .boxgrid > .col[data-bg_large_order="7"] {
    order: 7; }

  .boxgrid > .col[data-bg_large_order="8"] {
    order: 8; }

  .boxgrid > .col[data-bg_large_order="9"] {
    order: 9; }

  .boxgrid > .col[data-bg_large_order="10"] {
    order: 10; }

  .boxgrid > .col[data-bg_large_order="11"] {
    order: 11; }

  .boxgrid > .col[data-bg_large_order="12"] {
    order: 12; }

  .boxgrid > .large_first {
    order: -1; }

  .boxgrid > .large_last {
    order: 999; }

  .boxgrid > .large_left {
    display: flex;
    justify-content: flex-start; }

  .boxgrid > .large_center {
    display: flex;
    justify-content: center; }

  .boxgrid > .large_right {
    display: flex;
    justify-content: flex-end; }

  .boxgrid > .large_text_left {
    text-align: left; }

  .boxgrid > .large_text_center {
    text-align: center; }

  .boxgrid > .large_text_right {
    text-align: right; }

  .boxgrid > .large_top {
    display: flex;
    align-items: flex-start; }

  .boxgrid > .large_middle {
    display: flex;
    align-items: center; }

  .boxgrid > .large_bottom {
    display: flex;
    align-items: flex-end; } }
@media screen and (min-width: 1500px) {
  .boxgrid > .verybig_12 {
    width: 97%;
    display: block; }

  .boxgrid > .verybig_11 {
    width: 88.66667%;
    display: block; }

  .boxgrid > .verybig_10 {
    width: 80.33333%;
    display: block; }

  .boxgrid > .verybig_9 {
    width: 72%;
    display: block; }

  .boxgrid > .verybig_8 {
    width: 63.66667%;
    display: block; }

  .boxgrid > .verybig_7 {
    width: 55.33333%;
    display: block; }

  .boxgrid > .verybig_6 {
    width: 47%;
    display: block; }

  .boxgrid > .verybig_5 {
    width: 38.66667%;
    display: block; }

  .boxgrid > .verybig_4 {
    width: 30.33333%;
    display: block; }

  .boxgrid > .verybig_3 {
    width: 22%;
    display: block; }

  .boxgrid > .verybig_2 {
    width: 13.66667%;
    display: block; }

  .boxgrid > .verybig_1 {
    width: 5.33333%;
    display: block; }

  .boxgrid > .verybig_0 {
    display: none; }

  .boxgrid > .verybig_pre_11 {
    margin-left: 93.16667%; }

  .boxgrid > .verybig_pre_10 {
    margin-left: 84.83333%; }

  .boxgrid > .verybig_pre_9 {
    margin-left: 76.5%; }

  .boxgrid > .verybig_pre_8 {
    margin-left: 68.16667%; }

  .boxgrid > .verybig_pre_7 {
    margin-left: 59.83333%; }

  .boxgrid > .verybig_pre_6 {
    margin-left: 51.5%; }

  .boxgrid > .verybig_pre_5 {
    margin-left: 43.16667%; }

  .boxgrid > .verybig_pre_4 {
    margin-left: 34.83333%; }

  .boxgrid > .verybig_pre_3 {
    margin-left: 26.5%; }

  .boxgrid > .verybig_pre_2 {
    margin-left: 18.16667%; }

  .boxgrid > .verybig_pre_1 {
    margin-left: 9.83333%; }

  .boxgrid > .verybig_pre_0 {
    margin-left: 1.5%; }

  .boxgrid > .verybig_post_11 {
    margin-right: 93.16667%; }

  .boxgrid > .verybig_post_10 {
    margin-right: 84.83333%; }

  .boxgrid > .verybig_post_9 {
    margin-right: 76.5%; }

  .boxgrid > .verybig_post_8 {
    margin-right: 68.16667%; }

  .boxgrid > .verybig_post_7 {
    margin-right: 59.83333%; }

  .boxgrid > .verybig_post_6 {
    margin-right: 51.5%; }

  .boxgrid > .verybig_post_5 {
    margin-right: 43.16667%; }

  .boxgrid > .verybig_post_4 {
    margin-right: 34.83333%; }

  .boxgrid > .verybig_post_3 {
    margin-right: 26.5%; }

  .boxgrid > .verybig_post_2 {
    margin-right: 18.16667%; }

  .boxgrid > .verybig_post_1 {
    margin-right: 9.83333%; }

  .boxgrid > .verybig_post_0 {
    margin-right: 1.5%; }

  .boxgrid > .col[data-bg_verybig_order="1"] {
    order: 1; }

  .boxgrid > .col[data-bg_verybig_order="2"] {
    order: 2; }

  .boxgrid > .col[data-bg_verybig_order="3"] {
    order: 3; }

  .boxgrid > .col[data-bg_verybig_order="4"] {
    order: 4; }

  .boxgrid > .col[data-bg_verybig_order="5"] {
    order: 5; }

  .boxgrid > .col[data-bg_verybig_order="6"] {
    order: 6; }

  .boxgrid > .col[data-bg_verybig_order="7"] {
    order: 7; }

  .boxgrid > .col[data-bg_verybig_order="8"] {
    order: 8; }

  .boxgrid > .col[data-bg_verybig_order="9"] {
    order: 9; }

  .boxgrid > .col[data-bg_verybig_order="10"] {
    order: 10; }

  .boxgrid > .col[data-bg_verybig_order="11"] {
    order: 11; }

  .boxgrid > .col[data-bg_verybig_order="12"] {
    order: 12; }

  .boxgrid > .verybig_first {
    order: -1; }

  .boxgrid > .verybig_last {
    order: 999; }

  .boxgrid > .verybig_left {
    display: flex;
    justify-content: flex-start; }

  .boxgrid > .verybig_center {
    display: flex;
    justify-content: center; }

  .boxgrid > .verybig_right {
    display: flex;
    justify-content: flex-end; }

  .boxgrid > .verybig_text_left {
    text-align: left; }

  .boxgrid > .verybig_text_center {
    text-align: center; }

  .boxgrid > .verybig_text_right {
    text-align: right; }

  .boxgrid > .verybig_top {
    display: flex;
    align-items: flex-start; }

  .boxgrid > .verybig_middle {
    display: flex;
    align-items: center; }

  .boxgrid > .verybig_bottom {
    display: flex;
    align-items: flex-end; } }
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
input,
textarea {
  font-family: 'Source Sans Pro', sans-serif; }
  body.white,
  h1.white,
  h2.white,
  h3.white,
  h4.white,
  h5.white,
  h6.white,
  p.white,
  a.white,
  li.white,
  span.white,
  input.white,
  textarea.white {
    color: #fff; }
  body.grey,
  h1.grey,
  h2.grey,
  h3.grey,
  h4.grey,
  h5.grey,
  h6.grey,
  p.grey,
  a.grey,
  li.grey,
  span.grey,
  input.grey,
  textarea.grey {
    color: #455560; }
  body.blue,
  h1.blue,
  h2.blue,
  h3.blue,
  h4.blue,
  h5.blue,
  h6.blue,
  p.blue,
  a.blue,
  li.blue,
  span.blue,
  input.blue,
  textarea.blue {
    color: #395067; }
  body .purple,
  h1 .purple,
  h2 .purple,
  h3 .purple,
  h4 .purple,
  h5 .purple,
  h6 .purple,
  p .purple,
  a .purple,
  li .purple,
  span .purple,
  input .purple,
  textarea .purple {
    color: #781d7e; }

em {
  font-style: italic; }

strong {
  font-weight: 600; }

del {
  text-decoration: line-through; }

a {
  text-decoration: none; }

h1, .h1 {
  font-size: 40px; }

h2, .h2 {
  font-size: 25px; }

h3, .h3 {
  font-size: 20px; }

h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 15px; }

h6, .h6 {
  font-size: 14px;
  margin: 20px 0 10px 0;
  padding: 0; }

p {
  font-size: 14px; }

.post-single a {
  text-decoration: underline; }

.entry-date {
  font-weight: 600; }

.success-title-outer h3, .success-title-outer p {
  display: inline; }

.sticky-event-inner a {
  color: #fff; }

.single-patient-stories-content {
  padding: 20px; }

.events-title-inner h2 {
  color: #424860;
  padding: 20px;
  margin: 0; }

.events-box-inner h6 {
  margin-top: 15px;
  margin-bottom: 15px; }

.featured-event p {
  color: #000; }

p.events-box-copy {
  margin-bottom: 30px; }

h3.hero-donate-title {
  padding: 0 40px 0 40px;
  margin: 0;
  font-weight: 300;
  line-height: 105%; }

.megamenu-title h3 {
  font-size: 16px; }
  @media only screen and (min-width: 600px) {
    .megamenu-title h3 {
      font-size: 24px; } }
  @media only screen and (min-width: 1200px) {
    .megamenu-title h3 {
      font-size: 28px; } }
  @media only screen and (min-width: 1500px) {
    .megamenu-title h3 {
      font-size: 36px; } }

p.hero-donate-copy,
p.generic-donate-copy {
  padding: 0px 40px 0 40px; }

h3.donation-donate-title {
  padding: 0 40px 0 40px;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 0;
  color: #b71a8b;
  font-size: 40px; }

p.donation-donate-small-heading {
  padding: 0 0 0 20px;
  color: #424860;
  font-size: 20px;
  font-weight: 600; }

p.hero-donate-small-heading {
  padding: 0px 40px 5px 40px;
  color: #424860;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600; }

p.confirm-donate-small-heading {
  padding: 0px 40px 5px 40px;
  color: #424860;
  font-size: 20px;
  font-weight: 600; }

.home-donate-amount {
  font-size: 20px; }

h3.ashgate-success-title {
  color: #781d7e; }

.generic-page-inner a {
  color: #455560;
  font-weight: 600; }

em {
  font-style: italic; }

strong {
  font-weight: 600; }

ul {
  list-style-type: circle; }

h3.everypersonmatters-donate-title {
  padding: 0 40px 0 40px;
  margin: 5px 0 10px 0;
  font-weight: 600;
  line-height: 95%;
  margin-bottom: 0;
  color: #b71a8b;
  font-size: 40px; }

h1.single-patient-stories-heading {
  color: #fff;
  font-size: 28px;
  margin-left: 20px; }

h3.single-patient-donate-title {
  padding: 40px 40px 0 40px;
  margin: 25px 0 10px 0;
  font-weight: 600;
  line-height: 95%;
  margin-bottom: 0;
  color: #fff;
  font-size: 45px; }

.footer-smallprint p {
  margin: 0;
  font-size: 12px; }

.secondary-footer-smallprint p {
  font-size: 10px; }

.footer-address p.alt-spacing {
  margin-top: 6px; }

h2.jobs-archive-title,
h2.volunteer-archive-title {
  padding-left: 40px; }

footer a {
  opacity: 1;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s; }
  footer a:hover {
    opacity: 0.7;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s; }

footer ul,
.footer-address p,
.footer-telephone p,
.footer-magazine-ad p,
.footer-qa p {
  font-size: 14px; }

.contact-heading,
.contact-subheading,
.contact-content-inner {
  color: #fff; }

p.contact-content-copy {
  margin-bottom: 5px;
  margin-top: 0; }

.contact-content-inner a,
.contact-us-content-copy p {
  color: #fff; }

.contact-content-inner p {
  font-size: 15px; }

a.generic-link,
a.generic-link2,
a.generic-link3 {
  padding-bottom: 10px;
  display: block;
  opacity: 1;
  transition: opacity 0.4s; }
  a.generic-link:hover,
  a.generic-link2:hover,
  a.generic-link3:hover {
    opacity: 0.7;
    transition: opacity 0.4s; }

a.generic-link2 p,
a.generic-link3 p {
  padding: 0;
  margin: 0; }

a.generic-link3 p {
  color: #000; }

.entry-meta,
.cat-links,
.cat-links a {
  color: #d60d8c; }

/*.extra-donation{
  padding-left:30px;
}
*/
h6.entry-title a {
  color: #424860; }

aside h1 {
  font-size: 26px;
  margin: 0 0 20px 0;
  padding: 0; }

aside ul {
  list-style-image: url("/wp-content/uploads/2016/04/white-arrow.png");
  margin: 0 0 0 18px;
  padding: 0; }
  aside ul li {
    margin-bottom: 15px; }
    aside ul li a {
      color: #fff; }
      aside ul li a:hover {
        color: #d60d8c; }

.events-entry-price p {
  color: #d60d8c; }

.article-inner h3 {
  margin: 10px 0 20px 0;
  padding: 0; }

.events-information h5 {
  margin: 0;
  padding: 0; }

h3.archive-events-title {
  color: #424860; }

.events-information a {
  color: #fff;
  font-weight: 600; }

.lottery-header-inner {
  color: #fff;
  max-height: 710px; }

h3.lottery-article-title {
  margin: 0;
  padding: 0;
  font-size: 24px; }

h3.lottery-article-title,
.lottery-extra-info p {
  color: #424860; }

.lottery-draw-date {
  color: #b71a8b;
  font-size: 22px;
  font-weight: 600; }

.lottery-rollover-info {
  color: #424860;
  margin: 20px 0; }

.lottery-how a {
  color: #424860;
  font-weight: 600; }

h2.lottery-content-title {
  color: #424860; }

.archive-page h1 {
  font-size: 35px; }
  .archive-page h1 a {
    color: #424860; }

.our-donation-centre-inner p {
  color: #fff; }

.entry-summary .news-summary p {
  font-size: 14px; }

.confirm-donate-submit-outer a {
  color: #b71a8b;
  font-weight: 600;
  margin-top: 20px; }

p.more-toggle1,
p.more-toggle2,
p.more-toggle3 {
  display: none; }

.confirm-result a {
  color: #b71a8b; }

.white h1,
.white p {
  color: #fff; }

h1.generic-title {
  padding: 40px 40px 0 40px;
  color: #fff; }

h1.generic-3-title {
  padding: 40px 40px 0 40px;
  color: #fff;
  margin: 120px 0 0 0;
  padding: 0; }

p.generic-3-copy {
  color: #000;
  padding: 0 40px 40px 0; }

li.navi-menu-title {
  font-size: 16px; }

.generic-hero-donate h1 {
  font-size: 30px; }

.our-shops-inner a {
  color: #00529b; }

.donation-container-sparkle div div div div h3.donation-donate-title {
  color: #fff; }

h3.archive-events-title {
  padding-left: 20px;
  padding-top: 20px; }

h2.generic-donate-lg-copy {
  color: #fff;
  padding: 0 40px 0 40px; }

h4.generic-title {
  color: #fff;
  padding: 20px 40px 0 40px; }

h3.lottery-article-title {
  padding-top: 15px;
  padding-bottom: 20px; }

.shop-online-page-inner a {
  color: #fff;
  font-weight: 600; }

.our-shops-inner strong p {
  margin-bottom: 20px; }

.our-shops-inner p {
  margin: 2px 0; }

h1.archive-title {
  margin: 0;
  color: #424860; }

.error-404 h1 {
  text-align: center;
  padding: 40px 0; }
.error-404 p {
  text-align: center;
  padding-bottom: 80px; }

h3.ashgate-success-title {
  display: block;
  color: #494f69;
  font-size: 36px; }

h3.ashgate-success-title-lg {
  font-size: 47px;
  font-weight: 600;
  display: block;
  color: #494f69;
  margin: 0;
  padding: 0; }

p.events-date {
  color: #d60d8c; }

h3.hero-donate-title {
  color: #b71a8b;
  font-weight: 600; }

p.hero-donate-copy {
  color: #221f73; }

p.generic-donate-copy {
  color: #fff; }

@media screen and (min-width: 1200px) {
  .events-title-inner h2 {
    padding: 20px 0; } }
.fancy_type {
  font-family: 'Covered By Your Grace', cursive; }

.customer-data-preference a {
  color: #781d7e; }

.btn-generic {
  display: inline-block;
  width: 39%;
  vertical-align: top;
  color: #fff;
  background-color: #781d7e;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 5px; }
  .btn-generic:hover {
    background-color: #eae9e9;
    color: #781d7e;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s; }
  .btn-generic.purple {
    background-color: #781d7e;
    color: #fff; }
  .btn-generic.birthday-btn {
    background-color: #6aabd5;
    color: #fff;
    transition: background-color 0.3s;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    max-width: 350px; }
    @media screen and (min-width: 620px) {
      .btn-generic.birthday-btn {
        max-width: 250px; } }
    .btn-generic.birthday-btn:hover {
      background-color: #3588bd;
      transition: background-color 0.3s; }

.ashgate-success-button a {
  margin-top: 40px;
  display: block;
  max-width: 110px;
  text-align: center;
  padding: 10px 20px;
  border: 1px solid #781d7e;
  font-size: 14px;
  background-color: #fff;
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s; }
  .ashgate-success-button a:hover {
    background-color: #781d7e;
    color: #fff !important;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s; }

button,
.button {
  background-color: transparent;
  padding: 10px;
  border: 1px solid #000; }
  button:hover,
  .button:hover {
    cursor: pointer; }

.pre-header-buttons {
  text-align: center;
  float: none; }
  .pre-header-buttons img {
    max-width: 40px;
    opacity: 1;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s; }
    .pre-header-buttons img:hover {
      opacity: 0.8;
      transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      -webkit-transition: opacity 0.4s;
      cursor: pointer; }

button.patient-stories-buttons-left,
button.patient-stories-buttons-right,
button.staff-stories-buttons-left,
button.staff-stories-buttons-right {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 43%;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: 600; }

button.sticky-event-button {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 43%;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600; }
  button.sticky-event-button:hover {
    border: 2px solid #424860;
    transition: border 0.6s;
    -moz-transition: border 0.6s;
    -ms-transition: border 0.6s;
    -o-transition: border 0.6s;
    -webkit-transition: border 0.6s;
    cursor: pointer; }

button.shop-button-1,
button.shop-button-2,
button.shop-button-3 {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 32%;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600; }

button.events-box-button {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600; }

button.patient-stories-buttons-left,
button.staff-stories-buttons-left,
button.shop-button-1,
button.shop-button-2 {
  margin-right: 0; }

button.patient-stories-buttons-right,
button.staff-stories-buttons-right {
  margin-left: 20px; }

button.patient-stories-buttons-left:hover,
button.patient-stories-buttons-right:hover,
button.staff-stories-buttons-left:hover,
button.staff-stories-buttons-right:hover,
button.shop-button-1:hover,
button.shop-button-2:hover,
button.shop-button-3:hover,
button.events-box-button:hover {
  border: 2px solid #424860;
  transition: border 0.6s;
  -moz-transition: border 0.6s;
  -ms-transition: border 0.6s;
  -o-transition: border 0.6s;
  -webkit-transition: border 0.6s;
  cursor: pointer; }

button.contact-header-button {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 44%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600; }
  button.contact-header-button:hover {
    background-color: #d1d5d8;
    border: 2px solid #424860;
    transition: border 0.4s;
    -moz-transition: border 0.4s;
    -ms-transition: border 0.4s;
    -o-transition: border 0.4s;
    -webkit-transition: border 0.4s;
    color: #424860;
    width: 44%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600; }

.post-single-button,
.events-single-button {
  margin-bottom: 10px; }
  .post-single-button img,
  .events-single-button img {
    width: 100%; }

.events-single-button input {
  margin: 20px 0;
  width: 100%; }

.events-button,
.news-button,
.campaigns-button {
  margin-bottom: 5px; }

.events-button-inner.red {
  background-color: #ed1848;
  border: 1px solid #ed1848;
  color: #fff; }

button.events-button-inner,
button.news-button-inner,
button.campaigns-button-inner {
  width: 100%;
  background-color: #d1d5d8;
  border: none;
  color: #424860;
  font-size: 28px;
  font-weight: 600;
  padding: 20px 0;
  border: 2px solid #d1d5d8;
  transition: border 0.6s;
  -moz-transition: border 0.6s;
  -ms-transition: border 0.6s;
  -o-transition: border 0.6s;
  -webkit-transition: border 0.6s;
  cursor: pointer; }
  button.events-button-inner:hover,
  button.news-button-inner:hover,
  button.campaigns-button-inner:hover {
    border: 2px solid #424860;
    transition: border 0.6s;
    -moz-transition: border 0.6s;
    -ms-transition: border 0.6s;
    -o-transition: border 0.6s;
    -webkit-transition: border 0.6s;
    cursor: pointer; }

button#opc_button {
  background-color: #b71a8b;
  border: none;
  margin-top: 10px;
  color: #fff;
  transition: background-color 0.4s; }
  button#opc_button:hover {
    background-color: #fff;
    color: #b71a8b;
    transition: background-color 0.4s;
    cursor: pointer; }

.arrow-button a,
.arrow-button-center a,
.arrow-button-right a {
  background-color: transparent; }

.arrow-button-center img {
  max-width: 40px;
  padding-bottom: 30px; }

.arrow-button {
  position: relative; }
  .arrow-button img {
    position: absolute;
    right: -31px;
    top: -7px; }

.arrow-button img,
.arrow-button-right img {
  max-width: 40px; }

button.get-involved-btn {
  background-color: #d1d5d8;
  color: #424860;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  border: none; }
  button.get-involved-btn:hover {
    background-color: #424860;
    color: #d1d5d8;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    cursor: pointer; }

input.campaign-submit,
a.campaign-donate-link {
  display: block;
  width: 100%;
  background-color: #ed1848;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  border: none;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  font-size: 20px;
  -webkit-appearance: none;
  text-decoration: none; }
  input.campaign-submit:hover,
  a.campaign-donate-link:hover {
    cursor: pointer; }

.campaigns-button a button {
  background-color: #768ba5;
  color: #fff;
  border: 2px solid transparent;
  padding: 20px 20px; }
  .campaigns-button a button:hover {
    cursor: pointer; }

.sponsor-project {
  text-align: center;
  padding: 0 40px; }
  .sponsor-project a.sponsor-project-btn {
    width: 85%;
    background-color: #228b99;
    color: #fff;
    padding: 10px 20px;
    display: block;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s; }
    @media only screen and (min-width: 600px) {
      .sponsor-project a.sponsor-project-btn {
        width: 81%; } }
    @media only screen and (min-width: 1200px) {
      .sponsor-project a.sponsor-project-btn {
        width: 89%; } }
    .sponsor-project a.sponsor-project-btn:hover {
      background-color: #19396b;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; }

@media screen and (min-width: 800px) {
  button.get-involved-btn {
    width: 50%; } }
.btn {
  padding: 10px 20px;
  border: none;
  display: inline-block; }
  .btn.lilac {
    background-color: #bfaedd;
    transition: background-color 0.3s;
    color: #fff; }
    .btn.lilac:hover {
      background-color: #3d4769;
      transition: background-color 0.3s; }
  .btn.purple {
    background-color: #781d7e;
    transition: background-color 0.3s;
    color: #fff; }
    .btn.purple:hover {
      background-color: #3d4769;
      transition: background-color 0.3s; }
  .btn.grey {
    background-color: #d1d5d8;
    transition: background-color 0.3s;
    color: #4e5a7b; }
    .btn.grey:hover {
      background-color: #781d7e;
      transition: background-color 0.3s; }

.monthly-donation-box {
  margin: 15px 0 0;
  display: block;
  text-align: center; }
  .monthly-donation-box .monthly-donation-btn {
    color: #b71a8b;
    font-size: 22px; }

.news-pagination {
  margin: 20px; }

nav.pagination a {
  color: #000; }
nav.pagination .previous-next .prev-page-link {
  margin-right: 40px; }

table.lottery-table {
  text-align: center;
  font-size: 13px;
  color: #424860;
  width: 81%; }
  table.lottery-table td,
  table.lottery-table th {
    padding: 2px; }

select {
  border: 1px solid #d1d5d8; }

input.dedication {
  display: none; }

#show-me, #show-me2 {
  display: none; }

span.required-text {
  font-size: 16px;
  color: #b71a8b;
  position: relative;
  right: 0;
  top: 0;
  float: right; }

span.required-field {
  font-size: 14px;
  color: #b71a8b;
  display: inline; }

label.required-label {
  display: inline; }

span.currency, span.currency2 {
  color: #424860; }

label.specific-questions-radio-label {
  margin-right: 30px;
  margin-left: 10px;
  padding-left: 0 !important; }

.dob-selects {
  margin-bottom: 20px; }

.dob-selects select {
  margin-right: 10px; }

#donate-page-form label.dedicate-label {
  display: inline !important;
  margin-right: 100px !important; }

.monthly-tick {
  display: none;
  color: green;
  font-size: 17px; }

.monthly-tick-open {
  position: absolute;
  display: inline-block; }

.once-tick {
  display: none;
  color: green;
  font-size: 18px; }

.once-tick-open {
  position: absolute;
  display: inline-block;
  margin-left: 5px; }

input.events-single-submit {
  width: 100%;
  background-color: #ed1848;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
  border: none;
  font-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

input.events-single-submit:hover {
  cursor: pointer; }

span.currency, span.everypersonmatters-currency {
  position: absolute;
  font-size: 32px;
  font-weight: 600;
  margin-left: 10px;
  color: #000; }

span.currency2 {
  position: absolute;
  font-size: 32px;
  font-weight: 600;
  margin-left: 10px; }

span.currency:first-child {
  margin-top: 5px; }

span.patient-currency:first-child {
  margin-top: 5px; }

span.currency2:first-child {
  margin-top: 5px; }

input.donation-donate-amount {
  padding: 12px 14px 10px 30px;
  font-size: 22px;
  margin: 0 0 10px 0;
  border: none;
  width: 82%;
  border-left: solid 2px #ececeb;
  border-top: solid 2px #ececeb;
  border-right: solid 2px #ececeb;
  border-bottom: solid 2px #ececeb; }

label > input {
  visibility: hidden;
  position: absolute; }

#hero label {
  color: #fff;
  font-weight: 300;
  cursor: pointer; }

#hero input[type="radio"],
.patient-stories-donate-form input[type="radio"],
form#everypersonmatters-donate input[type="radio"] {
  display: none; }

.frequency-button {
  width: 43%;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  border: 2px solid transparent;
  font-size: 19px; }

input.frqbtn:checked + label.frequency-button {
  background-color: #19396b; }

label > input + img {
  border: 2px solid transparent; }

label > input:checked + img {
  border: 2px solid #781d7e; }

.frequency-button {
  background-color: #6a89b8;
  padding: 6px 2px;
  margin: 10px 7px 10px 2px; }

input.confirm-donate-submit {
  padding: 0;
  max-width: 175px;
  width: 50%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

#confirm-page-form input {
  margin: 0 0 10px 0;
  width: 83%;
  border: solid 1px #ececeb;
  font-size: 20px; }

#donate-page-form input.universal,
#donate-page-form textarea.universal {
  padding: 12px 14px 10px 14px;
  margin: 0 0 10px 0;
  width: 90%;
  border: solid 2px #ececeb;
  font-size: 20px; }

#donate-page-form input.alt-universal,
#donate-page-form textarea.alt-universal {
  padding: 14px 14px 18px 14px;
  margin: 0 0 10px 0;
  width: 89%;
  border: none;
  font-size: 20px; }

#donate-page-form {
  background-color: #ebecee; }

#donate-page-form label {
  color: #424860;
  padding-left: 10px; }

label.monthly-label, label.dedicate-label {
  margin-right: 75px; }

#donate-page-form .home-donate-submit-outer input {
  border: none; }

#donate-page-form label.alt {
  display: inline; }

#donate-page-form input,
#donate-page-form textarea,
#donate-page-form label {
  display: inline; }

#donate-page-form input[type="radio"],
#donate-page-form input.donate-page-donate-amount,
#donate-page-form .home-donate-frequency input,
#donate-page-form .home-donate-frequency label,
input#watch-me, input#dont-watch-me, label.dedicate-label {
  display: inline; }

#donate-page-form input[type="radio"] {
  margin: 0;
  width: 18px;
  height: 18px; }

.donation-page-frequency img {
  max-width: 191px; }

.donation-page-frequency,
.dedicate-input,
.top-donate-field {
  padding-left: 18px label;
    padding-left-font-size: 17px;
    padding-left-display: inline;
    padding-left-margin-right: 112px;
    padding-left-color: #424860; }

.donation-names input,
.donation-names label {
  display: inline;
  width: 24%; }

input.donation-submit {
  width: 100%;
  background-color: #b71a8b;
  min-height: 65px;
  border: none;
  color: #fff;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

.amount-input span,
.amount-input input {
  display: inline;
  min-height: 30px; }

#archive-events-hero {
  padding: 0 20px; }

select.country-select, select.source-select, select.titleselect {
  width: 97%;
  border: solid 2px #ececeb;
  min-height: 30px;
  margin-bottom: 20px;
  padding: 17px 0 17px 15px; }

.country-select option, .source-select option {
  padding-left: 20px; }

.confirm-donate-submit-outer {
  text-align: center; }

.confirm-header {
  font-weight: 600; }

p.confirm-header, .confirm-result p {
  margin: 0; }

form#everypersonmatters-donate {
  padding: 20px 40px; }

.everypersonmatters-archive-page input.everypersonmatters-donate-amount,
.everypersonmatters-archive-page span.everypersonmatters-currency {
  display: inline; }

input.everypersonmatters-donate-amount {
  padding: 18px 14px 13px 14px;
  margin: 0 0 10px 0;
  width: 84%;
  border: solid 2px #ececeb; }

span.everypersonmatters-currency:first-child {
  margin-top: 5px; }

.menuopenhide {
  display: none !important; }

.contact-page-form input,
.contact-page-form textarea {
  min-height: 35px;
  width: 100%; }

.contact-page-form textarea {
  min-height: 189px; }

.contact-page-form input[type="submit"] {
  min-height: 30px;
  color: #424860;
  font-size: 14px;
  padding: 10px 0;
  font-weight: 600;
  background-color: #d1d5d8;
  border: none; }

.contact-form-submit input {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600; }

.contact-form-submit input:hover {
  background-color: #d1d5d8;
  border: 2px solid #424860;
  transition: border 0.1s;
  -moz-transition: border 0.1s;
  -ms-transition: border 0.1s;
  -o-transition: border 0.1s;
  -webkit-transition: border 0.1s;
  color: #424860;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 600; }

.postandbillbox p,
.postandbillbox input {
  float: left;
  margin-bottom: 10px; }

input {
  border-radius: 0; }

input[type='text'] {
  -webkit-appearance: none; }

.donation-page-frequency input {
  -webkit-appearance: normal; }

.frequency-button {
  width: 96%;
  padding: 12px 2px;
  margin: 10px 0 0 0; }

input.dedication {
  margin-top: 20px;
  min-height: 50px;
  width: 95%;
  border: solid 2px #ececeb;
  padding: 0 0 0 20px; }

select.tshirtselect {
  width: 131px;
  margin-bottom: 15px;
  border: solid 2px #ececeb;
  min-height: 50px; }

.billingaddresssection {
  display: none; }

#postcode_lookup, #bpostcode_lookup {
  margin-bottom: 20px; }

select#opc_dropdown {
  display: block;
  width: 96%;
  margin-top: 20px;
  padding: 12px 14px 10px 14px; }

.address-section input, .billingaddress-section input {
  padding: 12px 14px 10px 14px;
  margin: 0 0 10px 0;
  width: 90%;
  border: solid 2px #ececeb;
  font-size: 20px; }

input.september-donate {
  width: 87%;
  margin: 0 0 10px 0;
  padding: 15px 0 15px 30px;
  border: 0;
  font-size: 15px; }

span.sept-currency {
  position: absolute;
  left: 10px;
  top: 2px;
  color: #41475f;
  font-size: 32px;
  font-weight: 600; }

input.september-stories-submit {
  margin-top: 0; }

.customer-data-preference hr {
  margin: 20px 0; }
.customer-data-preference .form-field {
  display: block; }

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px; }

.loading {
  text-align: center;
  margin-bottom: 40px; }
  .loading h6 {
    display: block; }

.please-wait-copy {
  text-align: center;
  margin: 100px 0 0 0; }

@keyframes ellipsis {
  to {
    width: 20px; } }
@-webkit-keyframes ellipsis {
  to {
    width: 20px; } }
html,
body {
  margin: 0;
  padding: 0; }

body {
  overflow-x: hidden; }

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

.narrow-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto; }

#page-wrapper {
  overflow: hidden; }

.donation-container-inline {
  padding: 0 40px 40px 40px; }

.generic-page-inner {
  padding: 0 40px; }

.patient-stories-banner img {
  margin-top: 42px;
  display: block; }

.keeping-in-touch-page {
  padding: 60px 20px 20px 20px; }
  @media screen and (min-width: 1200px) {
    .keeping-in-touch-page {
      padding: 120px 0 20px 0; } }

.entry-content #patient-stories .home-patient-story img {
  margin-top: 42px;
  display: block; }
.entry-content #staff-stories .home-staff-story img {
  margin-bottom: -8px; }

.footer-smallprint {
  padding-bottom: 40px; }

footer iframe {
  width: 0;
  height: 0;
  min-height: 0; }

#infscr-loading {
  text-align: center;
  margin-right: 4%;
  margin-top: 40px;
  margin-bottom: 40px; }

.news-summary {
  margin-bottom: 20px; }

#generic-3-lower-page {
  padding-bottom: 40px; }

.generic-3-image img {
  margin-top: 45px; }

.generic-3-image-lower img {
  margin-top: 120px; }

#generic-3-hero {
  padding-top: 100px;
  color: #000; }

.generic-3-text {
  padding-bottom: 40px; }

.our-donation-centre-inner {
  padding: 40px 0 30px 40px; }

.generic-3-header-img img {
  margin: 60px 0 60px 0; }

#generic-2-page {
  background-color: #6988b8;
  padding: 0; }

.circle-container {
  margin-top: 50px !important; }

#generic-3-hero {
  background-color: #e3d4e0; }

#generic-3-page {
  background-color: #8966aa; }

#generic-3-lower-page {
  background-color: #cfdae3; }

.generic-3-hero-donate {
  color: #fff; }

.generic-2-page-inner {
  color: #fff;
  padding: 0 40px; }

.logo img {
  position: static;
  max-width: 100px;
  z-index: 110; }

.pre-header-buttons {
  margin-top: 7px;
  padding-right: 10px; }
  .pre-header-buttons img {
    width: 100%; }

.mobile-menu-icon img {
  max-width: 30px;
  padding: 45px 30px 0 0; }

.lottery-image-pad {
  padding-left: 40px; }

.footer-recent-posts ul li {
  line-height: 120%;
  margin-bottom: 20px;
  margin-top: 5px; }

#hero {
  background-image: url("/wp-content/uploads/2016/07/mobile-hero-donate-img.jpg");
  background-size: cover;
  background-position: center;
  width: 100%; }

#generic-2-hero,
#shop-ashgate,
#shop-ashgate-alt {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%; }

.generic-hero-donate {
  min-height: 300px;
  background-image: url("/wp-content/uploads/2016/05/generic-hero-donate-bg.png");
  width: 100%;
  margin: 0; }

#generic-2-hero {
  padding-top: 100px; }

#shop-ashgate,
#shop-ashgate-alt {
  padding-bottom: 40px; }

.logo {
  padding: 12px 15px; }

.mobile-hide {
  display: none; }

.desktop-hide {
  display: initial;
  display: inline; }

.back-to-main-site-link {
  display: inline; }
  .back-to-main-site-link img {
    max-width: 40px;
    margin-top: 10px; }

.back-to-main-site-link-text {
  position: absolute;
  margin-top: 10px;
  margin-left: 20px; }

.hidden {
  display: none; }

.donation-body {
  margin-bottom: 40px; }

.donation-errors {
  margin-bottom: 30px;
  color: #ff0202; }

.confirm-container {
  padding: 20px 40px; }

.confirm-result {
  margin-bottom: 30px; }

.donation-section {
  margin: 30px 0; }

.donation-section-inner {
  padding: 20px;
  background-color: #f5f5f6; }

.donation-spacer {
  margin-top: 20px; }

.footer-recent-posts,
.footer-address,
.footer-telephone,
.footer-magazine-ad,
.footer-qa {
  padding: 0 40px; }

.footer-magazine-ad a,
.footer-qa a {
  display: block;
  font-size: 14px;
  margin-bottom: 20px; }

.footer-address {
  padding-bottom: 10px;
  margin: 0; }
  .footer-address p {
    margin: 0; }

.footer-social-media {
  margin: 20px 20px 30px 30px; }
  .footer-social-media img {
    max-width: 46px;
    margin-left: 8px; }

.footer-smallprint {
  margin-top: 40px;
  padding-left: 20px; }

.secondary-footer-smallprint {
  margin: 20px 0;
  padding: 0 20px; }

.footer-secondary-logo,
.footer-secondary-logo2 {
  padding-right: 40px;
  padding-left: 40px; }

.footer-secondary-logo img {
  max-width: 110px;
  margin-top: 50px;
  float: right; }

img.footer-secondary-logo-exception {
  max-width: 160px;
  margin-left: 2px; }

.footer-secondary-logo2 img {
  max-width: 200px;
  float: left; }

#site-footer .content {
  padding-top: 60px;
  padding-bottom: 40px; }
#site-footer .footer-logos-strip {
  background-color: #fff;
  padding: 30px 30px 30px 10px; }
  #site-footer .footer-logos-strip img {
    padding: 0 10px; }
#site-footer .footer-bottom-content {
  color: #8c9faf; }
  #site-footer .footer-bottom-content .footer-smallprint {
    margin-top: 12px; }
    #site-footer .footer-bottom-content .footer-smallprint p {
      font-size: 14px;
      color: #8c9faf; }
#site-footer .footer-bottom-strip {
  background-color: #313c43;
  color: #8c9faf;
  padding: 20px;
  margin-bottom: -20px; }
  #site-footer .footer-bottom-strip a {
    color: #8c9faf;
    font-size: 14px; }
  #site-footer .footer-bottom-strip a.left {
    margin-right: 20px; }
  #site-footer .footer-bottom-strip a.right {
    margin-left: 20px; }
  #site-footer .footer-bottom-strip p {
    margin: 0;
    padding: 0;
    color: #8c9faf;
    font-size: 14px; }

.shop-ashgate-inner {
  margin: 0 40px; }

.contact-header {
  background-image: url("/wp-content/uploads/2016/04/contact-header.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .contact-header .contact-header-inner {
    padding: 40px; }

.contact-header-button img {
  max-width: 250px; }

.contact-content {
  padding-top: 40px;
  background-color: #49a7b9; }

.contact-content-outer {
  background-color: #6eb7c4; }

.contact-content-inner {
  padding: 35px; }

.contact-us-content-copy {
  margin: 0;
  padding: 20px 40px; }

.paul-column {
  width: 100%;
  float: left;
  max-height: 465px; }

iframe {
  width: 100%;
  height: auto;
  min-height: 443px; }

#generic-page {
  padding: 40px; }

.news-article article {
  padding: 20px; }

.news-article.featured-event article {
  min-height: 120px; }

.news-article-2 article {
  padding: 20px;
  position: relative; }

.jobs-article article {
  padding: 20px; }

.news-article-inner {
  margin-bottom: 40px; }

.news-archive-article-button img,
.events-archive-article-button img {
  margin: 20px 0 0 0;
  width: 50%; }

#recent-posts-3,
#archives-3 {
  padding: 20px; }

.previous-next {
  padding-left: 20px;
  padding-bottom: 40px; }

.news-advert {
  margin-top: 20px; }

main.post-single {
  background-color: #ebecee;
  padding: 20px 0 20px 0; }

.article-inner {
  padding: 20px;
  color: #424860; }

.post-single-date {
  margin-bottom: 20px; }

.lottery-header {
  background-image: url("/wp-content/uploads/2016/04/lottery-background.png");
  background-size: cover;
  background-position: center;
  padding-top: 20px; }

.no-margin {
  margin-bottom: 0; }

article.lottery-article {
  background-color: #f2f3f4;
  margin: 10px 0; }

.article-top {
  padding: 0 20px 0px 20px; }

.article-body {
  display: none; }

.article-breaker {
  border-top: 6px solid #cdcfd5;
  width: 96%;
  margin: 0 auto; }

.article-breaker-2 {
  border-top: 6px solid #cdcfd5;
  width: 100%;
  margin: 30px auto 20px auto; }

.lottery-prizes {
  background-color: #424860;
  padding: 0 40px;
  color: #fff; }

.lottery-how {
  background-color: #ebecee;
  padding: 0 40px;
  color: #424860; }

.lottery-image-pad {
  padding-top: 20px; }

.lottery-recruitment {
  background-color: #fff;
  padding: 0 40px;
  color: #424860; }

.lottery-icon {
  margin: 13px 0; }
  .lottery-icon img {
    margin-bottom: 15px;
    max-width: 50px;
    max-height: 50px;
    float: right; }

.paul-column-small {
  max-height: 296px !important; }

.desktop-button {
  display: none; }

.mobile-button {
  display: initial;
  display: inline; }

.lottery-header-inner,
.lottery-content {
  padding: 0 40px; }

img.wysiwyg-img {
  width: initial; }

.lottery-draw-date {
  padding: 5px 0 15px 0; }

.shop-online-second-img img {
  margin: 80px 0; }

#shop-online {
  background-color: #424860;
  max-height: 706px; }

#shop-online-2 {
  background-color: #46a7b9; }

.shop-online-page-inner {
  padding: 20px 40px;
  color: #fff; }

.accordian-switch {
  background-image: url("/wp-content/uploads/2016/04/lottery-plus.png");
  background-size: cover;
  height: 35px;
  width: 35px;
  margin-left: 35px; }

.accordian-switch.open {
  background-image: url("/wp-content/uploads/2016/04/lottery-minus.png"); }

article.archive-page {
  padding-bottom: 20px;
  border-bottom: 1px solid #7b7b7b; }

.circle img {
  border-radius: 50%;
  margin: 40px 0; }

.heart {
  position: relative;
  min-height: 200px;
  left: 40px; }

.positioner {
  position: static !important; }

#confirm-page-form {
  margin-top: 40px; }

.success-failure-body {
  padding: 0 40px; }

#our-donation-centre-block {
  background-color: #424860;
  padding: 40px 0; }

.shop-online-second-img {
  padding-left: 40px; }

.thankyou-iframe-wrapper iframe {
  max-height: 306px;
  min-height: 306px; }

.success-title-outer-lower {
  margin-top: 30px; }

#show-me,
#show-me2 {
  margin: 0;
  padding: 0; }

.donation-right-img {
  margin-top: 30px; }

.donation-right-img img {
  max-width: 450px; }

.arrow-button {
  text-align: center;
  display: none; }

.arrow-button-right {
  text-align: center;
  margin-bottom: 20px; }

.arrow-button-center {
  text-align: center; }

@media screen and (min-width: 599px) {
  .entry-content #patient-stories .home-patient-story img {
    margin-top: 138px; }

  .heart img {
    position: absolute;
    bottom: 0; } }
@media screen and (min-width: 680px) {
  .patient-stories-banner img {
    margin-top: 250px; }

  .footer-secondary-logo2 img {
    float: right; } }
@media screen and (min-width: 880px) {
  .entry-content #patient-stories .home-patient-story img,
  .patient-stories-banner img {
    margin-top: 42px; } }
@media screen and (min-width: 890px) {
  .contact-header .contact-header-inner {
    padding: 140px 40px 40px 40px; } }
@media screen and (min-width: 1200px) {
  .patient-stories-banner img {
    margin-top: 84px; }

  #site-footer .footer-logos-strip {
    padding: 20px 0; }
  #site-footer .footer-bottom-strip {
    padding: 20px 0; } }
.responsive-img img,
img.responsive-img {
  width: 100%;
  height: auto; }

.shop-img img {
  margin-top: 80px; }

.single-patient-responsive-img img {
  width: 100%;
  height: auto; }

.secondary-patient-stories-nav-icon img {
  max-width: 50px; }

.circle-img {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .circle-img img {
    display: inline;
    margin: 0 auto;
    height: auto;
    width: 100%;
    margin-bottom: -5px; }

.circle img {
  position: static;
  max-width: 400px;
  width: 100%;
  height: auto; }

.header-staff-photo img {
  margin-left: 50px; }

img.wysiwyg-img {
  width: initial; }

@media screen and (min-width: 599px) {
  ul#menu-primary-nav {
    float: right; } }
ul#menu-primary-nav li:hover {
  cursor: pointer; }
@media screen and (min-width: 890px) {
  ul#menu-primary-nav li {
    font-size: 15px; } }
@media screen and (min-width: 599px) {
  ul#menu-primary-nav li.thirtyforthirty-menuitem a {
    padding: 10px 20px;
    color: #fff;
    background-color: #b71a8b;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s; }
    ul#menu-primary-nav li.thirtyforthirty-menuitem a:hover {
      color: #b71a8b;
      background-color: #fff;
      transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; } }
@media screen and (min-width: 599px) {
  ul#menu-primary-nav li.urgent-appeal-menuitem a {
    padding: 10px 20px;
    color: #fff;
    background-color: #e7302a;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s; }
    ul#menu-primary-nav li.urgent-appeal-menuitem a:hover {
      background-color: #c81c16;
      color: #fff;
      transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; } }
@media screen and (max-width: 599px) {
  ul#menu-primary-nav {
    margin: 0;
    padding: 0;
    background-color: rgba(72, 78, 100, 0.95);
    position: absolute;
    left: 0;
    transition: left 0.4s;
    width: 100%;
    z-index: 20; }
    ul#menu-primary-nav li {
      list-style-type: none;
      border-bottom: 1px solid #bec5e1;
      padding: 20px 20px 20px 40px;
      font-weight: 300; }
      ul#menu-primary-nav li.current-menu-item a {
        color: #fff; }
      ul#menu-primary-nav li:hover {
        cursor: pointer; }
      ul#menu-primary-nav li a {
        color: #b6bdd9;
        display: inline-block;
        width: 90%; }
    ul#menu-primary-nav.submenu-select {
      position: absolute;
      display: block;
      left: -100%;
      transition: left 0.4s; } }
@media screen and (min-width: 890px) {
  ul#menu-primary-nav {
    margin: 16px 0;
    padding: 0 0 0 32px; }
    ul#menu-primary-nav li ul.sub-menu-list li {
      font-size: 20px; } }

@media screen and (min-width: 890px) {
  ul#menu-primary-nav > li {
    margin-right: 28px; } }
@media screen and (max-width: 599px) {
  li.megatitle {
    background-color: #228b99; }

  li.back-link {
    background-color: #d0dae2; }

  .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background-color: rgba(72, 78, 100, 0.95); }

  li.back-link {
    display: none;
    display: block;
    background-color: #363b4e;
    font-weight: 600 !important; }

  nav#site-navigation {
    display: none; }

  a.description {
    width: 0 !important; }

  .megamenu-content-block {
    display: none; }

  ul.sub-menu-list {
    padding: 0; }

  li.menu-item-has-children::after {
    position: absolute;
    right: 40px;
    content: url("/wp-content/uploads/2016/07/menu-dropdown3mobile.png"); }

  li.megatitle {
    display: none; } }
.patient-stories-nav {
  background-image: url("/wp-content/uploads/2016/04/bg.png");
  background-size: cover;
  color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0; }
  .patient-stories-nav ul {
    list-style-type: none;
    padding-top: 40px; }
  .patient-stories-nav a {
    color: #fff;
    font-size: 30px; }
    .patient-stories-nav a:hover {
      color: #b71a8b; }

.secondary-patient-stories-nav-icon {
  float: right;
  margin-right: 38px;
  margin-top: 0; }

.patient-menu {
  left: 0px;
  position: absolute; }

.nav-logo {
  text-align: center;
  margin-top: 81%; }
  .nav-logo img {
    max-width: 200px; }

.megamenu-close img:hover {
  cursor: pointer; }

.dedicate-input p {
  color: #424860; }

.megamenu-donate-button a {
  padding: 15px 60px;
  background-color: #b71a8b;
  color: #fff;
  margin-top: 40px;
  display: inline-block;
  border: 1px solid #fff;
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s; }
  .megamenu-donate-button a:hover {
    padding: 15px 60px;
    background-color: #fff;
    color: #b71a8b;
    margin-top: 40px;
    display: inline-block;
    border: 1px solid #b71a8b;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s; }

.megamenu-title,
.megamenu-subtitle {
  color: #424860; }

.footer-nav ul,
.footer-recent-posts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 190%; }

.megamenu-inner {
  z-index: 100; }

input.home-donate-submit {
  width: 100%; }

@media screen and (min-width: 590px) {
  .megamenu-close {
    opacity: 1;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s; }
    .megamenu-close:hover {
      opacity: 0.6;
      transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -webkit-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s; }

  ul#menu-primary-nav,
  .pre-header-buttons,
  ul#menu-primary-nav li a {
    position: relative;
    z-index: 200; }

  ul#menu-primary-nav > li {
    display: inline-block;
    font-weight: 300;
    margin-right: 18px; }

  .submenu {
    display: none;
    background-color: rgba(233, 232, 232, 0.95);
    position: fixed;
    padding: 138px 40px 40px 40px;
    left: 27%;
    height: 100%;
    width: 100%;
    z-index: 100;
    top: 0; }

  .megamenu-section {
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    max-width: 28%;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 0;
    z-index: 110; }

  .megamenu-inner {
    padding: 20px; }

  .megamenu-content-block {
    position: relative;
    top: -186px;
    left: 72px; }

  .megamenu-content-block img {
    max-width: 30px; }

  ul.sub-menu-list li {
    font-size: 22px;
    color: #781d7e;
    margin: 30px 0;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s; }

  ul.sub-menu-list li:nth-child(2) {
    margin-top: 0 !important; }

  ul.sub-menu-list li:hover {
    color: #521656;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s; }

  ul#menu-primary-nav li a:hover {
    color: #b71a8b;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -webkit-transition: color 0.2s; }

  .openli a {
    color: #b71a8b;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -webkit-transition: color 0.2s; }

  ul.sub-menu-list li a {
    color: #424860; }
    ul.sub-menu-list li a:hover {
      color: #b71a8b; }

  ul#menu-primary-nav {
    margin: 15px 0; }
    ul#menu-primary-nav li {
      font-size: 11px; } }
    @media only screen and (min-width: 590px) and (min-width: 1200px) {
      ul#menu-primary-nav li {
        font-size: 13px; } }
@media screen and (min-width: 590px) {
      ul#menu-primary-nav li ul.sub-menu-list li {
        font-size: 16px; } }
@media screen and (min-width: 599px) {
  ul.columns-one {
    columns: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -webkit-column-count: 1;
    width: 50%; }

  ul.columns-two {
    columns: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -webkit-column-count: 2;
    width: 50%; }

  ul.columns-three {
    columns: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -webkit-column-count: 3;
    width: 50%; }

  ul.columns-four {
    columns: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -webkit-column-count: 4;
    width: 50%; }

  .menu-donate-frequency {
    margin-bottom: 20px; }

  .menu-donate-frequency input[type="radio"] {
    display: none; }

  .menu-donate-frequency label.frequency-button {
    width: 96%;
    color: #fff;
    max-width: 338px; } }
@media screen and (min-width: 766px) {
  .megamenu-inner {
    padding: 20px; } }
@media screen and (min-width: 890px) {
  .megamenu-section {
    max-width: 27%; } }
@media screen and (min-width: 1000px) {
  .megamenu-section {
    max-width: 36%; }

  .submenu {
    left: 36%; } }
@media screen and (min-width: 1200px) {
  .megamenu-inner {
    padding: 40px 40px 40px 260px; } }
@media screen and (min-width: 1500px) {
  ul#menu-primary-nav li {
    font-size: 15px; } }
ul.page-numbers {
  position: absolute;
  right: 20px;
  padding: 20px 0;
  margin: 0;
  padding: 0;
  float: right; }
  ul.page-numbers li {
    display: inline;
    padding-right: 20px; }

.cscheme-oyster-mushroom {
  background-color: #876d77; }

.cscheme-emerald-palace {
  background-color: #1da8ab; }

.cscheme-lavender-fields {
  background-color: #9280b4; }

.cscheme-spring-blossom {
  background-color: #980e5c; }

.cscheme-ashgate-amethyst {
  background-color: #62568a; }

.cscheme-raspberry-fondant {
  background-color: #775772; }

.cscheme-hillside-dew {
  background-color: #1a6983; }

.cscheme-winter-afternoon {
  background-color: #86b7dd; }

.donation-container,
.confirm-container {
  background-color: #ebecee; }

.donation-container-sparkle {
  background-color: #ea337d; }

.news-archive,
.jobs-archive {
  background-color: #424860;
  color: #fff; }

.news-article,
.news-article-2,
.jobs-article {
  background-color: #fff; }

.post-single-container a {
  color: #424860; }

ul.sidebar-events a {
  color: #fff; }
  ul.sidebar-events a:hover {
    color: #d60d8c; }

article.post-single {
  background-color: #fff; }

#archive-events-outer {
  background-color: #ebecee; }

.lottery-table-header {
  background-color: #c4c7ce; }

.lottery-table-row-1,
.lottery-table-row-2 {
  background-color: #e0e2e5; }

.thankyou-wrapper {
  background-color: #e2d4e1; }

#pre-header {
  background-color: #fff;
  padding-bottom: 0; }

footer {
  background-color: #455560; }

#events,
#generic-page,
#news-main {
  background-color: #ebecee; }

#generic-page-lower-2 {
  background-color: #daf1fd; }

nav ul li a {
  color: #424860; }

#patient-stories,
#staff-stories {
  color: #fff; }

footer a,
footer p {
  color: #fff; }

.events-box-inner h6 {
  color: #424860; }

#generic-page {
  color: #424860; }

.dedicate-input p {
  color: #424860; }

.html5-video-player {
  background-color: #fff; }

#our-care-patient-stories {
  background-color: #dacee5; }

.keeping-in-touch-page {
  background-color: #eee0ee; }

.hide {
  display: none; }

a,
img {
  border: none;
  outline: none; }

.footer-magazine-ad {
  margin-top: 25px; }

.september-stories-header-banner {
  background-color: #775772; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.half {
  width: 50%;
  margin: 0;
  padding: 0;
  display: inline; }
  .half img {
    width: 50%;
    float: left; }

a.generic-btn {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  margin: 0px 42px;
  text-align: center;
  display: block;
  padding: 15px;
  width: 55%;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-weight: 600; }
  a.generic-btn:hover {
    border: 2px solid #424860;
    transition: border 0.4s;
    -moz-transition: border 0.4s;
    -ms-transition: border 0.4s;
    -o-transition: border 0.4s;
    -webkit-transition: border 0.4s; }

a.generic-btn-2 {
  background-color: #d1d5d8;
  border: 2px solid #d1d5d8;
  transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  -webkit-transition: border 0.4s;
  color: #424860;
  margin: 0;
  text-align: center;
  display: block;
  padding: 15px;
  width: 55%;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-weight: 600; }
  a.generic-btn-2:hover {
    border: 2px solid #424860;
    transition: border 0.4s;
    -moz-transition: border 0.4s;
    -ms-transition: border 0.4s;
    -o-transition: border 0.4s;
    -webkit-transition: border 0.4s; }

a.get-involved-back-btn {
  background-color: #424860;
  color: #fff;
  padding: 15px 15px;
  margin-top: 45px;
  margin-right: 20px;
  max-width: 138px;
  display: block;
  font-size: 15px;
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s; }
  a.get-involved-back-btn:hover {
    background-color: #fff;
    color: #424860;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s; }

.generic-2-page-inner a {
  color: #fff;
  font-weight: 600; }
.generic-2-page-inner a.generic-btn-2 {
  color: #424860; }

.bottom-generic-image img {
  margin-top: 42px; }

#generic-large-header-img .xl-banner {
  background-size: cover;
  margin-bottom: -4px; }
#generic-large-header-img .banner-2 {
  background-color: #228b99;
  color: #fff;
  padding: 0 20px; }
#generic-large-header-img .banner-3 {
  color: #fff;
  padding: 0 20px;
  background-image: url("/wp-content/uploads/2017/06/banner-smaller.jpg");
  background-size: cover;
  background-position: center; }
  #generic-large-header-img .banner-3 .banner-3-left-container {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    color: #424860; }
#generic-large-header-img .banner-4 {
  background-color: #fff;
  color: #424860;
  padding: 30px 0; }
  #generic-large-header-img .banner-4 .banner-4-right-container {
    text-align: center; }
    #generic-large-header-img .banner-4 .banner-4-right-container .banner-4-img img {
      max-width: 420px;
      margin: 30px 0; }

#generic-page .generic-page-inner .generic-simple-text-block {
  background-color: #455560;
  color: #fff;
  padding: 40px 20px; }
  #generic-page .generic-page-inner .generic-simple-text-block a {
    color: #fff;
    font-size: 1em; }

.book-a-speaker {
  background-color: #6988b8;
  padding: 20px;
  color: #fff; }
  @media screen and (min-width: 1200px) {
    .book-a-speaker {
      padding: 40px 0; } }
  .book-a-speaker input[type="submit"] {
    background-color: #fff;
    border: none;
    padding: 10px 20px; }

@media screen and (min-width: 890px) {
  a.get-involved-back-btn {
    padding: 15px 15px;
    margin-top: 60px;
    margin-right: 0;
    max-width: 138px;
    display: block;
    font-size: 16px; } }
@media screen and (min-width: 1200px) {
  #generic-large-header-img .banner-2 {
    padding: 0; }
  #generic-large-header-img .banner-3 {
    padding: 40px 0; } }
#patient-stories > div > div > div.col.medium_5 {
  margin: 0 1.5%; }

.col.medium_4.news-archive, .col.medium_4.news-article-2,
.col.medium_4.volunteers-archive, .col.medium_4.jobs-article {
  margin-bottom: 40px; }

.col.medium_4.news-article {
  margin-bottom: 40px; }

#pre-header > div > div > div.col.patient-stories-nav {
  margin: 0;
  width: 100%; }

.paul-column-small #patient-donate > div.home-donate-submit-outer > input.home-donate-submit {
  max-width: 297px; }

#patient-donate > div.home-donate-submit-outer > input.home-donate-submit {
  max-width: 280px; }

.patientstory1 {
  background-color: #e8e7f3;
  color: #250858; }
  .patientstory1 a {
    background-color: #250858; }
  .patientstory1 .patientstory1-right {
    color: #980e5c;
    margin-top: 40px; }
  .patientstory1 button.patientstory1-btn {
    background-color: #250858;
    color: #fff;
    padding: 10px;
    width: 100%;
    max-width: 105px;
    margin-bottom: 30px;
    opacity: 1;
    transition: opacity 0.4s; }
    .patientstory1 button.patientstory1-btn:hover {
      opacity: 0.7;
      transition: opacity 0.4s; }

.patientstory2 {
  background-color: #d6e7f0;
  color: #250858;
  padding-top: 30px; }
  .patientstory2 a {
    background-color: #ed1846;
    max-width: 80px; }
  .patientstory2 .patientstory2-right .patientstory2-right-inner {
    color: #1a6983; }
    .patientstory2 .patientstory2-right .patientstory2-right-inner p {
      color: #000; }
  .patientstory2 button.patientstory2-btn {
    background-color: #1a6983;
    color: #fff;
    border: none;
    padding: 10px;
    width: 100%;
    max-width: 105px;
    margin-bottom: 40px;
    opacity: 1;
    transition: opacity 0.4s; }
    .patientstory2 button.patientstory2-btn:hover {
      opacity: 0.8;
      transition: opacity 0.4s; }

.patient-stories-form-right {
  color: #7e69a5; }

.patient-donate-frequency {
  margin-bottom: 5px; }

.patientstory1-extra,
.patientstory2-extra {
  display: none; }

a.patient-stories-button-3 {
  background-color: #ed1846;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  width: 100%;
  max-width: 102px;
  opacity: 1;
  transition: opacity 0.4s;
  text-align: center; }

a.patient-stories-button-3 {
  display: block;
  margin: 20px auto;
  text-align: center; }
  a.patient-stories-button-3:hover {
    opacity: 0.7;
    transition: opacity 0.4s; }

.patient-stories-video {
  text-align: center; }
  .patient-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 178px;
    max-height: 178px;
    max-width: 551px; }

.patient-stories-pagination nav.pagination a,
.patient-stories-pagination nav.pagination span {
  color: #fff; }

.patientstories-donationbanner {
  text-align: center; }

img.next-patient-story-arrow:hover {
  cursor: pointer; }

.patientstory {
  padding: 0 20px; }

.patientstory1-right div img {
  width: 95%; }

.patient-stories-header-banner {
  padding: 0 20px;
  background-color: #775772; }

.patient-stories-logo {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff; }

img.patient-stories-btn {
  width: 47%; }

.patient-donate-amount-outer {
  position: relative; }

.patientstories-donationbanner {
  display: block;
  background-color: #dacee5; }

.patient-stories-form-right {
  padding: 0 40px; }

.patient-stories-donate-form {
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding: 20px 30px; }
  .patient-stories-donate-form h4 {
    margin: 0 0 20px 0; }
  .patient-stories-donate-form form input.patient-stories-submit {
    width: 98%; }
  .patient-stories-donate-form form .home-donate-submit-outer {
    width: 100%; }
    .patient-stories-donate-form form .home-donate-submit-outer input {
      max-width: 247px !important; }
  .patient-stories-donate-form form div.home-donate-frequency .frequency-img {
    width: 47%; }

.patient-stories-inner {
  margin: 0 40px; }

/* Colours ------------------------------ */
.cscheme-hillside-dew h3 {
  color: #fff; }

.cscheme-lavender-fields h3 {
  color: #fff; }

.cscheme-raspberry-fondant h3 {
  color: #fff; }

.cscheme-spring-blossom h3 {
  color: #fff; }

.cscheme-emerald-palace h3 {
  color: #fff; }

@media screen and (min-width: 980px) {
  .patient-stories-donate-form {
    margin: 20px 0 0 0; }

  .patient-stories-donate-form {
    padding: 40px 30px; } }
.tweetstrip-outer {
  background-color: #d0e8f7;
  padding: 30px 0 10px 0; }
  .tweetstrip-outer .tweetstrip-inner {
    padding: 30px; }
    .tweetstrip-outer .tweetstrip-inner h2 {
      color: #b71a8b;
      font-size: 20px; }
    .tweetstrip-outer .tweetstrip-inner h3 {
      color: #b71a8b; }
    .tweetstrip-outer .tweetstrip-inner span {
      color: #228b99;
      font-size: 30px; }
    .tweetstrip-outer .tweetstrip-inner a {
      color: #228b99; }
    .tweetstrip-outer .tweetstrip-inner .tweetstrip-widget iframe {
      width: 100% !important;
      height: 400px !important;
      padding: 0 !important; }
    .tweetstrip-outer .tweetstrip-inner .tweetstrip-widget img {
      width: 100% !important;
      height: 400px !important;
      padding: 55px !important; }

span.tweetstrip-large-text a {
  color: #221f73;
  font-weight: 600; }

.twitter-graphic img {
  max-width: 200px; }

.twitter-follow iframe {
  max-height: 28px !important;
  max-width: 200px !important;
  min-height: 0 !important;
  padding: 30px 0 30px 0 !important; }

/* Refer a patient page -------------------- */
.referral-form-container {
  width: 100%; }
  .referral-form-container form.referral-form-section {
    background-color: #f5f5f6;
    padding: 30px;
    margin-bottom: 30px; }

.referral-form-question {
  display: block;
  margin-bottom: 20px; }
  .referral-form-question input {
    height: 30px;
    border: 1px solid #ececeb;
    padding-left: 10px; }

input[type="text"].referral-form-input {
  width: 100%; }

.refer-submit input {
  background-color: #b71a8b;
  color: #fff;
  padding: 20px 80px;
  font-size: 24px;
  border: 0; }

.refer-errors {
  color: red; }

.referralphase {
  display: block;
  width: 100%;
  margin-bottom: 20px; }

.referralphase .referralphase-container {
  width: 100%;
  float: left;
  padding: 0 15px;
  display: inline; }

table.hospiceathometable {
  text-align: left;
  width: 100%; }

table.hospiceathometable th {
  background-color: #b8cce4; }
table.hospiceathometable th,
table.hospiceathometable td {
  border: 1px solid #000;
  margin: 0;
  padding: 5px; }
table.hospiceathometable input {
  width: 100%;
  border: none;
  background-color: #f5f5f6; }

textarea.referral-form-textarea {
  border: 1px solid #ececeb;
  width: 100%;
  min-height: 120px; }

.refer-submit {
  margin-left: 30px; }

p.post-submit-text {
  padding: 0 20px; }

#sidebar-news {
  padding: 20px;
  background-color: #424860;
  color: #fff; }
  #sidebar-news ul.news-monthly-archive {
    color: #fff; }

.news-article-inner article .news-archive-article-button {
  position: absolute;
  bottom: 0; }
.news-article-inner article .news-summary p {
  min-height: 135px; }
  @media only screen and (min-width: 600px) {
    .news-article-inner article .news-summary p {
      min-height: 200px; } }

#services-page,
#giving-in-memory-page {
  background-color: #e8e7f3; }
  #services-page .services-header,
  #services-page .giving-in-memory-header,
  #giving-in-memory-page .services-header,
  #giving-in-memory-page .giving-in-memory-header {
    padding-top: 80px;
    background-color: #775772;
    color: #fff; }
    #services-page .services-header img,
    #services-page .giving-in-memory-header img,
    #giving-in-memory-page .services-header img,
    #giving-in-memory-page .giving-in-memory-header img {
      opacity: 1;
      transition: opacity 0.4s; }
      #services-page .services-header img:hover,
      #services-page .giving-in-memory-header img:hover,
      #giving-in-memory-page .services-header img:hover,
      #giving-in-memory-page .giving-in-memory-header img:hover {
        color: #fff;
        opacity: 0.7;
        transition: opacity 0.4s;
        margin-bottom: -4px; }

.services-content,
.giving-in-memory-content {
  background-color: #e8e7f3;
  padding: 30px; }
  .services-content .services-box .services-box-top,
  .services-content .services-box .giving-in-memory-box-top,
  .services-content .giving-in-memory-box .services-box-top,
  .services-content .giving-in-memory-box .giving-in-memory-box-top,
  .giving-in-memory-content .services-box .services-box-top,
  .giving-in-memory-content .services-box .giving-in-memory-box-top,
  .giving-in-memory-content .giving-in-memory-box .services-box-top,
  .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-top {
    background-color: #755670; }
  .services-content .services-box .services-box-bottom,
  .services-content .services-box .giving-in-memory-box-bottom,
  .services-content .giving-in-memory-box .services-box-bottom,
  .services-content .giving-in-memory-box .giving-in-memory-box-bottom,
  .giving-in-memory-content .services-box .services-box-bottom,
  .giving-in-memory-content .services-box .giving-in-memory-box-bottom,
  .giving-in-memory-content .giving-in-memory-box .services-box-bottom,
  .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom {
    background-color: #755670;
    color: #fff;
    padding: 20px;
    min-height: 28px; }
    .services-content .services-box .services-box-bottom p.services-box-copy,
    .services-content .services-box .services-box-bottom p.giving-in-memory-box-copy,
    .services-content .services-box .giving-in-memory-box-bottom p.services-box-copy,
    .services-content .services-box .giving-in-memory-box-bottom p.giving-in-memory-box-copy,
    .services-content .giving-in-memory-box .services-box-bottom p.services-box-copy,
    .services-content .giving-in-memory-box .services-box-bottom p.giving-in-memory-box-copy,
    .services-content .giving-in-memory-box .giving-in-memory-box-bottom p.services-box-copy,
    .services-content .giving-in-memory-box .giving-in-memory-box-bottom p.giving-in-memory-box-copy,
    .giving-in-memory-content .services-box .services-box-bottom p.services-box-copy,
    .giving-in-memory-content .services-box .services-box-bottom p.giving-in-memory-box-copy,
    .giving-in-memory-content .services-box .giving-in-memory-box-bottom p.services-box-copy,
    .giving-in-memory-content .services-box .giving-in-memory-box-bottom p.giving-in-memory-box-copy,
    .giving-in-memory-content .giving-in-memory-box .services-box-bottom p.services-box-copy,
    .giving-in-memory-content .giving-in-memory-box .services-box-bottom p.giving-in-memory-box-copy,
    .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom p.services-box-copy,
    .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom p.giving-in-memory-box-copy {
      margin: 0;
      padding: 0; }
    .services-content .services-box .services-box-bottom img,
    .services-content .services-box .giving-in-memory-box-bottom img,
    .services-content .giving-in-memory-box .services-box-bottom img,
    .services-content .giving-in-memory-box .giving-in-memory-box-bottom img,
    .giving-in-memory-content .services-box .services-box-bottom img,
    .giving-in-memory-content .services-box .giving-in-memory-box-bottom img,
    .giving-in-memory-content .giving-in-memory-box .services-box-bottom img,
    .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom img {
      max-width: 35px; }
    .services-content .services-box .services-box-bottom img.services-box-arrow,
    .services-content .services-box .services-box-bottom img.giving-in-memory-box-arrow,
    .services-content .services-box .giving-in-memory-box-bottom img.services-box-arrow,
    .services-content .services-box .giving-in-memory-box-bottom img.giving-in-memory-box-arrow,
    .services-content .giving-in-memory-box .services-box-bottom img.services-box-arrow,
    .services-content .giving-in-memory-box .services-box-bottom img.giving-in-memory-box-arrow,
    .services-content .giving-in-memory-box .giving-in-memory-box-bottom img.services-box-arrow,
    .services-content .giving-in-memory-box .giving-in-memory-box-bottom img.giving-in-memory-box-arrow,
    .giving-in-memory-content .services-box .services-box-bottom img.services-box-arrow,
    .giving-in-memory-content .services-box .services-box-bottom img.giving-in-memory-box-arrow,
    .giving-in-memory-content .services-box .giving-in-memory-box-bottom img.services-box-arrow,
    .giving-in-memory-content .services-box .giving-in-memory-box-bottom img.giving-in-memory-box-arrow,
    .giving-in-memory-content .giving-in-memory-box .services-box-bottom img.services-box-arrow,
    .giving-in-memory-content .giving-in-memory-box .services-box-bottom img.giving-in-memory-box-arrow,
    .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom img.services-box-arrow,
    .giving-in-memory-content .giving-in-memory-box .giving-in-memory-box-bottom img.giving-in-memory-box-arrow {
      max-width: 25px;
      float: right; }

a.contact-button {
  background-color: #250858;
  transition: background-color 0.4s;
  color: #fff;
  width: 100px;
  display: block;
  text-align: center;
  padding: 10px 15px;
  margin-top: 20px; }
  a.contact-button:hover {
    background-color: #fff;
    transition: background-color 0.4s;
    color: #250858; }

.services-box,
.giving-in-memory-box {
  opacity: 1;
  transition: opacity 0.4s;
  margin-bottom: 30px; }
  .services-box:hover,
  .giving-in-memory-box:hover {
    opacity: 0.7;
    transition: opacity 0.4s; }

.ashgate-model-cutout img {
  margin-bottom: -4px; }

.services-header-left,
.services-header-right,
.giving-in-memory-header-left,
.giving-in-memory-header-right {
  margin: 0 20px; }

@media screen and (min-width: 1200px) {
  .services-content,
  .giving-in-memory-content {
    padding: 30px 0; } }
/* Virgin money giving --------------------- */
.vmg-generic-page {
  padding-top: 200px; }

.success-failure-body,
.vmg-generic-page {
  color: #fff;
  padding-top: 120px; }

.vmg-generic-page {
  background-color: #238a99; }

.success-failure-body {
  background-color: #e2d4e1; }
  .success-failure-body a {
    color: #424860; }
  .success-failure-body h3 {
    color: #fff;
    font-weight: 600; }

.success-failure-banner {
  background-color: #424860;
  color: #fff;
  padding: 0 20px; }
  @media screen and (min-width: 890px) {
    .success-failure-banner {
      padding-top: 120px; } }
  @media screen and (min-width: 1200px) {
    .success-failure-banner {
      padding: 120px 0 0 0; } }

.success-failure-content {
  background-color: #eae9e9; }
  .success-failure-content a {
    color: #424860; }

.vmg-form-container {
  background-color: #fff;
  color: #424860;
  padding: 20px 60px 40px 60px;
  margin-top: 30px;
  margin-bottom: 30px; }

.vmg-create-fundraiser-page-result {
  margin-top: 150px;
  margin-bottom: 50px; }
  .vmg-create-fundraiser-page-result h2 a {
    color: #455560; }

.create-fundraiser-button {
  text-align: center; }

#everypersonmatters {
  max-height: 640px; }

.everypersonmatters-nav-icon img {
  max-width: 30px;
  padding: 45px 30px 0 0; }

.everypersonmatters-img,
.staff-stories-img,
.shop-img {
  display: none; }

.everypersonmatters-img,
.staff-stories-archive-imgs {
  position: relative;
  z-index: 1; }
  .everypersonmatters-img img,
  .staff-stories-archive-imgs img {
    z-index: 1; }

.everypersonmatters-nav {
  display: none; }

.single-everypersonmatters-header {
  background-color: #4ea1ad; }

.single-everypersonmatters-video iframe {
  width: 100%;
  height: auto;
  min-height: 263px; }

.everypersonmatters-inner {
  margin: 0 40px; }

form#everypersonmatters-donate label {
  display: inline-block;
  width: 44%;
  margin-bottom: 5px;
  color: #fff; }
form#everypersonmatters-donate .home-donate-submit-outer {
  max-width: 297px; }

/* Single ---------------------------------- */
article.every-person-matters h1.single-everypersonmatters-heading {
  font-size: 28px; }
article.every-person-matters h1.single-everypersonmatters-heading,
article.every-person-matters h3.single-everypersonmatters-donate-title {
  color: #fff; }

.epm-single {
  padding: 150px 0 0 0; }
  .epm-single h3.everypersonmatters-donate-title {
    color: #fff; }
  .epm-single form#everypersonmatters-donate .home-donate-submit-outer {
    max-width: 307px; }

@media screen and (min-width: 620px) {
  button.everypersonmatters-buttons-left {
    padding-bottom: 10px; }

  button.everypersonmatters-buttons-left,
  button.everypersonmatters-buttons-right,
  button.everypersonmatters-buttons-left,
  button.everypersonmatters-buttons-right {
    width: 43%; }

  button.everypersonmatters-buttons-left,
  button.staff-stories-buttons-left,
  button.shop-button-1,
  button.shop-button-2 {
    margin-right: 20px; } }
@media screen and (min-width: 1200px) {
  article.every-person-matters h1.single-everypersonmatters-headin {
    margin-left: 0; }

  h3.everypersonmatters-donate-title {
    margin: 20px 0 5px 0; } }
#get-involved {
  background-color: #768ba5;
  padding: 0; }
  #get-involved h4.get-involved-page-title {
    color: #fff;
    padding: 5px 20px; }
  #get-involved .get-involved-navigation {
    padding: 20px 35px 40px 20px; }
    #get-involved .get-involved-navigation .get-involved-option {
      background-color: #fff;
      color: #424860;
      padding: 15px; }
      #get-involved .get-involved-navigation .get-involved-option a.h3.get-involved-title {
        margin: 15px 0 0 0;
        display: block;
        font-size: 32px;
        color: #424860;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.4s;
        -moz-transition: color 0.4s;
        -webkit-transition: color 0.4s;
        -ms-transition: color 0.4s;
        -o-transition: color 0.4s; }
        #get-involved .get-involved-navigation .get-involved-option a.h3.get-involved-title:hover {
          color: #781d7e;
          transition: color 0.4s;
          -moz-transition: color 0.4s;
          -webkit-transition: color 0.4s;
          -ms-transition: color 0.4s;
          -o-transition: color 0.4s; }
      #get-involved .get-involved-navigation .get-involved-option img {
        opacity: 1;
        transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        -o-transition: opacity 0.4s; }
        #get-involved .get-involved-navigation .get-involved-option img:hover {
          opacity: 0.7;
          transition: opacity 0.4s;
          -webkit-transition: opacity 0.4s;
          -moz-transition: opacity 0.4s;
          -ms-transition: opacity 0.4s;
          -o-transition: opacity 0.4s; }
      #get-involved .get-involved-navigation .get-involved-option p.get-involved-text {
        margin-top: 10px;
        min-height: 100px; }
      #get-involved .get-involved-navigation .get-involved-option a.get-involved-btn {
        background-color: #d1d5d8;
        transition: background-color 0.4s;
        -webkit-transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s;
        color: #3d4769;
        padding: 10px 30px;
        display: inline-block;
        font-weight: 600;
        margin-top: 20px; }
        #get-involved .get-involved-navigation .get-involved-option a.get-involved-btn:hover {
          background-color: #3d4769;
          transition: background-color 0.4s;
          -webkit-transition: background-color 0.4s;
          -moz-transition: background-color 0.4s;
          -ms-transition: background-color 0.4s;
          -o-transition: background-color 0.4s;
          color: #d1d5d8; }
  #get-involved .get-involved-staff-story {
    background-image: url("../../assets/img/frontend/get-involved-staff-story-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding: 20px 0; }
    #get-involved .get-involved-staff-story .get-involved-staff-story-text {
      padding: 20px;
      color: #3d4769; }

@media screen and (min-width: 599px) {
  #get-involved .get-involved-staff-story {
    background-position: right; } }
@media screen and (min-width: 890px) {
  #get-involved .get-involved-staff-story {
    background-position: left; }

  .get-involved-navigation {
    padding: 0 0 40px 0; }

  #get-involved {
    padding: 120px 0 0 0; }

  h4.get-involved-page-title {
    padding: 0; } }
/* Archive page -------------------------- */
#events {
  padding-bottom: 40px; }
  #events .home-events-campaigns-title h5 {
    color: #424860;
    padding: 0;
    margin: 0; }

.events-box-inner {
  padding: 15px; }

.events-box-inner-img {
  min-height: 130px; }

.event-social-media {
  margin-right: 32px;
  text-align: center;
  margin-top: 25px;
  width: 100%; }
  .event-social-media img {
    max-width: 46px;
    margin-left: 8px; }
  .event-social-media.sign-up-page {
    background-color: #eee;
    margin: 42px;
    text-align: center;
    padding: 15px;
    width: 40%; }

.social-media-icon:hover {
  cursor: pointer; }

#events .home-events-campaigns-title {
  padding: 0 20px; }
  #events .home-events-campaigns-title a.h5 {
    font-size: 22px;
    color: #424860;
    font-weight: 600;
    text-decoration: none; }
#events .news-article article .events-archive-article-button {
  color: #768ba5; }
  #events .news-article article .events-archive-article-button a.see-event-button {
    background-color: #d60d8c;
    color: #fff;
    font-weight: 600;
    padding: 14px 35px; }

a.see-event-button {
  background-color: #d60d8c;
  color: #fff;
  font-weight: 600;
  padding: 14px 35px;
  margin-top: 30px;
  display: inline-block; }

/* Single -------------------------------- */
#sidebar-events {
  padding: 20px; }

ul.sidebar-events {
  list-style-type: none;
  list-style-image: url("/wp-content/uploads/2016/04/white-arrow.png");
  margin: 0 0 0 18px;
  padding: 0; }

ul.sidebar-events li {
  margin-bottom: 15px; }

.single-event-sidebar {
  background-color: #424860;
  color: #fff;
  max-height: 580px; }
  .single-event-sidebar .single-event-sidebar-inner {
    padding: 20px; }
    .single-event-sidebar .single-event-sidebar-inner ul {
      list-style-image: url("/wp-content/uploads/2016/04/white-arrow.png");
      margin: 10px 0 30px 20px;
      padding: 0; }

/* Events function ------------------------ */
.event-icon {
  position: relative; }
  .event-icon img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 50px;
    padding: 10px;
    z-index: 10; }

.ticket-plural {
  display: none; }

.donation-section-inner h4 {
  margin: 0; }

#zero-donation-box {
  display: none;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 20%;
  width: 50%;
  background-color: #eee;
  padding: 60px;
  border: 1px solid #781d7e; }
  #zero-donation-box.open {
    display: block; }
  #zero-donation-box .btn-container {
    text-align: center; }
    #zero-donation-box .btn-container .btn {
      background-color: #781d7e;
      color: #fff;
      padding: 10px;
      border: none;
      margin-top: 50px;
      margin-right: 40px;
      font-size: 24px;
      min-width: 200px; }
      #zero-donation-box .btn-container .btn:hover {
        cursor: pointer; }

/* Additional participants ----------------- */
.additional-subtitle {
  margin: 10px 0 10px 12px; }

.additional-people-container input.additional-people-input {
  display: inline-block;
  padding: 12px 14px 10px 14px;
  margin: 0 0 10px 0;
  border: solid 2px #ececeb;
  font-size: 20px; }
  .additional-people-container input.additional-people-input.name-field {
    width: 40%;
    margin-right: 5%; }
.additional-people-container .dob-selects {
  display: inline-block;
  padding: 12px 14px 10px 14px;
  margin: 0 0 10px 0;
  font-size: 20px; }
  .additional-people-container .dob-selects select {
    display: inline-block; }
    .additional-people-container .dob-selects select.day {
      width: 18%; }
    .additional-people-container .dob-selects select.month {
      width: 40%; }
    .additional-people-container .dob-selects select.year {
      width: 25%; }
.additional-people-container p.additional-subtitle {
  margin-left: 15px; }

/* Archive page -------------------------- */
.campaigns-box-inner {
  padding: 15px; }

.campaigns-box {
  width: 100%;
  background-color: #fff; }

#campaigns-archive {
  background-color: #768ba5;
  padding: 20px 20px 40px 20px; }
  #campaigns-archive h3.archive-campaigns-title {
    color: #fff; }

.campaigns-box-inner-img {
  min-height: 130px; }

.campaigns-social-media {
  margin-right: 32px;
  text-align: center;
  margin-top: 25px; }
  .campaigns-social-media img {
    max-width: 46px;
    margin-left: 8px; }

#archive-campaigns-outer #patient-stories .patient-stories-banner img {
  padding-top: 110px; }

#events .home-events-campaigns-title.events-title-box {
  background-color: #fff;
  padding: 10px;
  position: relative;
  min-height: 35px; }
  #events .home-events-campaigns-title.events-title-box a.see-event-button {
    margin: 0;
    position: absolute;
    right: 10px;
    padding: 8px; }
#events .home-events-campaigns-title.campaigns-title-box {
  background-color: #768ba5;
  padding: 10px;
  position: relative;
  min-height: 35px; }
  #events .home-events-campaigns-title.campaigns-title-box a.h5 {
    color: #fff; }
  #events .home-events-campaigns-title.campaigns-title-box a.see-event-button {
    margin: 0;
    position: absolute;
    right: 10px;
    padding: 8px; }
#events .campaign-container {
  background-color: #768ba5;
  color: #fff; }
  #events .campaign-container .events-archive-article-button {
    color: #768ba5; }
    #events .campaign-container .events-archive-article-button a.see-campaign-button {
      background-color: #fff;
      color: #768ba5;
      font-weight: 600;
      margin-top: 90px;
      padding: 14px 35px; }
  #events .campaign-container article h6 a {
    color: #fff; }

a.see-campaign-button {
  background-color: #768ba5;
  color: #fff;
  padding: 10px 20px;
  margin-top: 30px;
  display: inline-block; }

/* Single -------------------------------- */
#sidebar-campaigns {
  padding: 20px; }

ul.sidebar-campaigns {
  list-style-type: none;
  list-style-image: url("/wp-content/uploads/2016/04/white-arrow.png");
  margin: 0 0 0 18px;
  padding: 0; }
  ul.sidebar-campaigns li {
    margin-bottom: 15px; }

.single-campaigns-sidebar {
  background-color: #424860;
  color: #fff;
  max-height: 580px; }
  .single-campaigns-sidebar .single-campaigns-sidebar-inner {
    padding: 20px; }
    .single-campaigns-sidebar .single-campaigns-sidebar-inner ul {
      list-style-image: url("/wp-content/uploads/2016/04/white-arrow.png");
      margin: 10px 0 30px 20px;
      padding: 0; }

.campaigns-button {
  margin: 30px 0;
  display: block; }

@media screen and (min-width: 690px) {
  #campaigns-archive {
    background-color: #768ba5;
    padding: 40px 20px; } }
@media screen and (min-width: 800px) {
  #campaigns-archive {
    padding: 120px 0 40px 0; } }
@media screen and (min-width: 1200px) {
  #events .home-events-campaigns-title {
    padding: 0; } }
#what-is-hospice-care-page .banner-1 {
  background-image: url("/wp-content/uploads/2017/03/whatishospicecarebannerbg.jpg");
  background-size: cover;
  color: #3d4769;
  padding: 0 20px; }
  #what-is-hospice-care-page .banner-1 h4.entry-title {
    padding: 20px 0 0 0; }
#what-is-hospice-care-page .banner-2 {
  background-color: #3d4769;
  color: #fff;
  padding: 0 20px; }
  #what-is-hospice-care-page .banner-2 iframe.video-embed {
    width: 100%;
    min-height: 320px;
    margin-top: 42px;
    border: 1px solid #fff; }
  #what-is-hospice-care-page .banner-2 h3 {
    font-size: 30px;
    line-height: 110%; }

@media screen and (min-width: 790px) {
  #what-is-hospice-care-page .banner-2 iframe.video-embed {
    width: 100%;
    min-height: 305px; }

  #what-is-hospice-care-page .banner-1 h4.entry-title {
    padding: 120px 0 0 0; } }
@media screen and (min-width: 1000px) {
  #what-is-hospice-care-page .banner-2 iframe.video-embed {
    width: 99%;
    min-height: 380px; } }
@media screen and (min-width: 1200px) {
  #what-is-hospice-care-page .banner-1 {
    padding: 0; }

  #what-is-hospice-care-page .banner-2 {
    padding: 40px 0; } }
.staffstories {
  padding: 40px 40px 0 40px; }
  .staffstories .staffstories-inner h3.entry-title {
    color: #fff; }
  .staffstories .staffstories-inner a.staff-stories-archive-btn {
    color: #3d4769; }
  .staffstories h3.entry-title a {
    text-decoration: none; }
  .staffstories .staff-stories-archive-imgs img.circular {
    margin-bottom: 20px; }
  .staffstories .staff-stories-archive-imgs img.cutout {
    margin-bottom: -11px; }

.staffstories-bg-colour-1 {
  background-color: #3d4769;
  color: #fff; }
  .staffstories-bg-colour-1 .staffstories a {
    color: #fff; }
  .staffstories-bg-colour-1 .staffstories .button {
    color: #3d4769; }

.staffstories-bg-colour-2 {
  background-color: #e2dcdf;
  color: #3d4769; }
  .staffstories-bg-colour-2 .staffstories a {
    color: #3d4769; }
  .staffstories-bg-colour-2 .staffstories .button {
    color: #3d4769; }

.staffstories-bg-colour-3 {
  background-color: #775772;
  color: #fff; }
  .staffstories-bg-colour-3 .staffstories a {
    color: #fff; }
  .staffstories-bg-colour-3 .staffstories .button {
    color: #3d4769; }

.staffstoriessingle {
  background-color: #424860;
  color: #fff;
  padding: 40px; }

.staff-stories-inner {
  margin: 0 40px; }

#staff-stories {
  max-height: 643px; }

.staff-photo {
  position: relative; }

.header-staff-photo {
  height: 375px; }

.staff-photo img {
  position: absolute;
  bottom: 0;
  margin-top: 30px;
  max-width: 350px; }

.staffstories-header-banner {
  background-size: cover;
  padding: 20px 40px 20px 40px;
  color: #3d4769; }

.staffstories a {
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s; }
  .staffstories a:hover {
    opacity: 0.8;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s; }

a.staff-stories-archive-btn {
  color: #3d4769;
  background-color: #fff;
  display: inline-block;
  margin-top: 20px;
  border: none;
  text-decoration: none;
  padding: 10px 20px;
  font-weight: 600;
  opacity: 1;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s; }
  a.staff-stories-archive-btn:hover {
    opacity: 0.7;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s; }

/* Single ------------------------------------ */
.staffstoriessingle-bottom-banner {
  background-size: cover;
  background-position: left;
  padding: 30px;
  color: #3d4769; }

.staff-stories-btn {
  background-color: #3d4769;
  color: #fff;
  border: none;
  margin-top: 20px;
  display: inline-block; }

.staff-stories-single-img img {
  padding: 0; }

@media screen and (min-width: 780px) {
  .staffstories .staff-stories-archive-imgs img.cutout {
    margin-bottom: -51px; } }
@media screen and (min-width: 900px) {
  .staffstories-header-banner {
    padding: 120px 40px 20px 40px; }

  .staffstories .staff-stories-archive-imgs img.circular {
    margin-bottom: 160px; } }
@media screen and (min-width: 1000px) {
  .staffstories .staff-stories-archive-imgs img.cutout {
    margin-bottom: -11px; } }
@media screen and (min-width: 1200px) {
  .staffstories-header-banner {
    padding: 120px 0 20px 0; }

  .staffstories {
    padding: 40px; }

  .staff-stories-single-img img {
    padding: 160px 0 0 0; }

  .staffstoriessingle-bottom-banner {
    padding: 30px 0; } }
#fundraise .fundraise-banner {
  padding: 40px;
  background-size: cover;
  color: #3d4769; }
#fundraise .fundraise-options-banner {
  background-color: #3d4769;
  padding: 20px; }
  #fundraise .fundraise-options-banner .fundraise-options-banner-item {
    padding: 10px;
    background-color: #fff;
    color: #3d4769; }
    #fundraise .fundraise-options-banner .fundraise-options-banner-item .fundraise-options-banner-item-text {
      padding: 10px; }
      #fundraise .fundraise-options-banner .fundraise-options-banner-item .fundraise-options-banner-item-text h2 {
        padding: 0;
        margin: 10px 0 0 0; }
      #fundraise .fundraise-options-banner .fundraise-options-banner-item .fundraise-options-banner-item-text a.fundraise-button {
        background-color: #d1d5d8;
        color: #3d4769;
        border: none;
        display: inline-block;
        margin: 20px 0 10px 0;
        padding: 10px 20px;
        font-weight: 600;
        opacity: 1;
        transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        -o-transition: opacity 0.4s; }
        #fundraise .fundraise-options-banner .fundraise-options-banner-item .fundraise-options-banner-item-text a.fundraise-button:hover {
          opacity: 0.7;
          transition: opacity 0.4s;
          -webkit-transition: opacity 0.4s;
          -moz-transition: opacity 0.4s;
          -ms-transition: opacity 0.4s;
          -o-transition: opacity 0.4s; }
#fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner {
  padding: 40px 0; }
  #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner h4,
  #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner a {
    margin-left: 20px;
    margin-right: 20px; }
    @media only screen and (min-width: 600px) {
      #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner h4,
      #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner a {
        display: inline;
        margin-left: 0; } }
  #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner h4 {
    color: #3d4769; }
  #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner a.btn {
    background-color: #781d7e;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -otransition: background-color 0.3s;
    color: #fff;
    padding: 10px 20px; }
    #fundraise .fundraising-pack-download-banner .fundraising-pack-download-banner-inner a.btn:hover {
      color: #781d7e;
      background-color: #eee;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -otransition: background-color 0.3s; }
#fundraise .option-1-banner,
#fundraise .option-2-banner,
#fundraise .option-3-banner {
  padding: 20px; }
  #fundraise .option-1-banner a.fundraiser-pack-btn,
  #fundraise .option-2-banner a.fundraiser-pack-btn,
  #fundraise .option-3-banner a.fundraiser-pack-btn {
    background-color: #d1d5d8;
    color: #3d4769;
    font-weight: 600;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 20px;
    opacity: 1;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s; }
    #fundraise .option-1-banner a.fundraiser-pack-btn:hover,
    #fundraise .option-2-banner a.fundraiser-pack-btn:hover,
    #fundraise .option-3-banner a.fundraiser-pack-btn:hover {
      opacity: 0.7;
      transition: opacity 0.4s;
      -webkit-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      -o-transition: opacity 0.4s; }
#fundraise .option-1-banner {
  background-color: #e2dcdf;
  color: #3d4769; }
#fundraise .option-2-banner {
  background-color: #775772;
  color: #fff; }
#fundraise .option-3-banner {
  background-color: #3d4769;
  color: #fff; }
#fundraise .bottom-banner {
  color: #fff;
  padding: 20px; }

#fundraising-pack {
  background-color: #3d4769;
  color: #fff;
  padding: 120px 40px 40px 40px; }
  #fundraising-pack .fundraising-pack-form form input[type="submit"] {
    background-color: #fff;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    padding: 10px 20px;
    color: #3d4769; }
    #fundraising-pack .fundraising-pack-form form input[type="submit"]:hover {
      background-color: #eee;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      color: #fff; }
  #fundraising-pack .fundraising-pack-form .downloads h2 {
    font-size: 2em; }
  #fundraising-pack .fundraising-pack-form .downloads a {
    color: #742479; }
  #fundraising-pack .fundraising-pack-form form.fundraiserpackform .form-field {
    display: block;
    margin: 0 0 20px 0; }
    #fundraising-pack .fundraising-pack-form form.fundraiserpackform .form-field input {
      border: none;
      min-height: 33px;
      padding: 5px;
      font-size: 18px; }
    #fundraising-pack .fundraising-pack-form form.fundraiserpackform .form-field input,
    #fundraising-pack .fundraising-pack-form form.fundraiserpackform .form-field label {
      display: block; }
    #fundraising-pack .fundraising-pack-form form.fundraiserpackform .form-field input[type="checkbox"] {
      width: 20px;
      height: 20px; }
  #fundraising-pack .fundraising-pack-form p.errors {
    color: red;
    font-size: 18px;
    font-weight: 600; }
  #fundraising-pack .fundraising-pack-form h2.result-msg a {
    color: #fff;
    text-decoration: underline; }

form.fundraiserpackform .form-field input {
  border: none;
  margin: 10px 0;
  padding: 5px; }
form.fundraiserpackform .form-field label {
  min-width: 140px;
  display: inline-block; }

.fundraising-individuals .banner-1,
.fundraising-individuals .banner-2,
.fundraising-individuals .banner-3,
.fundraising-individuals .banner-4,
.fundraising-individuals .banner-5 {
  padding: 5px 20px; }
  .fundraising-individuals .banner-1 a.btn,
  .fundraising-individuals .banner-2 a.btn,
  .fundraising-individuals .banner-3 a.btn,
  .fundraising-individuals .banner-4 a.btn,
  .fundraising-individuals .banner-5 a.btn {
    background-color: #781d7e;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block; }
    .fundraising-individuals .banner-1 a.btn:hover,
    .fundraising-individuals .banner-2 a.btn:hover,
    .fundraising-individuals .banner-3 a.btn:hover,
    .fundraising-individuals .banner-4 a.btn:hover,
    .fundraising-individuals .banner-5 a.btn:hover {
      background-color: #eee;
      color: #781d7e;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; }
.fundraising-individuals .banner-6 {
  padding: 5px 20px; }
  .fundraising-individuals .banner-6 a.btn {
    background-color: #fff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    color: #3d4769;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block; }
    .fundraising-individuals .banner-6 a.btn:hover {
      background-color: #3d4769;
      color: #fff;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; }
.fundraising-individuals .banner-1 {
  background-size: cover; }
  .fundraising-individuals .banner-1 .banner-1-inner {
    padding: 100px 0; }
    .fundraising-individuals .banner-1 .banner-1-inner h4 {
      color: #fff; }
.fundraising-individuals .banner-2 {
  background-color: #3d4769;
  background-size: cover;
  background-position: left; }
  .fundraising-individuals .banner-2 .banner-2-inner h4.title {
    color: #ffd204; }
  .fundraising-individuals .banner-2 .banner-2-inner h4 {
    color: #fff;
    font-size: 1.8em; }
.fundraising-individuals .banner-3 .banner-3-inner h4.title {
  color: #781d7e; }
.fundraising-individuals .banner-3 .banner-3-inner h4 {
  color: #3d4769; }
.fundraising-individuals .banner-4 {
  background-color: #ffd204;
  background-size: cover;
  background-position: right; }
  .fundraising-individuals .banner-4 .banner-4-inner a.h3 {
    display: block;
    font-size: 1.0em;
    color: #3d4769;
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -ms-transition: color 0.3s;
    font-weight: 600; }
    @media only screen and (min-width: 600px) {
      .fundraising-individuals .banner-4 .banner-4-inner a.h3 {
        font-size: 1.2em; } }
    .fundraising-individuals .banner-4 .banner-4-inner a.h3:hover {
      color: #fff;
      transition: color 0.3s;
      -moz-transition: color 0.3s;
      -webkit-transition: color 0.3s;
      -ms-transition: color 0.3s; }
.fundraising-individuals .banner-5 .banner-5-inner h4,
.fundraising-individuals .banner-5 .banner-5-inner p {
  color: #3d4769; }
.fundraising-individuals .banner-6 {
  background-color: #781d7e; }
  .fundraising-individuals .banner-6 .banner-6-inner {
    color: #fff; }

form.collection-form .form-field {
  display: block;
  margin: 0 0 20px 0; }
  form.collection-form .form-field input,
  form.collection-form .form-field label {
    display: block; }
  form.collection-form .form-field input {
    border: none;
    min-height: 33px;
    padding: 5px;
    font-size: 18px; }
  form.collection-form .form-field input[type="submit"] {
    background-color: #e2dcdf;
    color: #3d4769;
    font-weight: 600;
    padding: 10px 20px;
    border: none;
    opacity: 1;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s; }
    form.collection-form .form-field input[type="submit"]:hover {
      cursor: pointer;
      opacity: 0.7;
      transition: opacity 0.4s;
      -webkit-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      -o-transition: opacity 0.4s; }

p.error-msg {
  color: red;
  font-size: 20px; }

@media screen and (min-width: 780px) {
  #fundraise fundraise-banner {
    padding: 120px 40px 40px 40px; } }
@media screen and (min-width: 1200px) {
  #fundraise .fundraise-banner {
    padding: 120px 0 40px 0;
    background-size: cover;
    color: #3d4769; }

  .fundraise-options-banner {
    padding: 30px 0; }

  #fundraise .option-1-banner,
  #fundraise .option-2-banner,
  #fundraise .option-3-banner,
  #fundraise .bottom-banner {
    padding: 40px 0; }

  #fundraising-pack {
    padding: 120px 0 40px 0; }

  .fundraising-individuals .banner-1,
  .fundraising-individuals .banner-2,
  .fundraising-individuals .banner-3,
  .fundraising-individuals .banner-4,
  .fundraising-individuals .banner-5,
  .fundraising-individuals .banner-6 {
    padding: 20px 0; }
  .fundraising-individuals .banner-2 .banner-2-inner.left,
  .fundraising-individuals .banner-3 .banner-3-inner,
  .fundraising-individuals .banner-4 .banner-4-inner.left,
  .fundraising-individuals .banner-5 .banner-5-inner,
  .fundraising-individuals .banner-6 .banner-6-inner {
    padding: 20px 0; } }
.fundraise-at-home .banner-1 {
  background-image: url("../img/frontend/fundraising-at-home/header-mobile.jpg");
  background-position: left center;
  background-size: cover; }
  @media only screen and (min-width: 1200px) {
    .fundraise-at-home .banner-1 {
      background-image: url("../img/frontend/fundraising-at-home/header-desktop.jpg");
      background-position: center; } }
  .fundraise-at-home .banner-1 h1 {
    color: #2e1352;
    font-size: 3.5em; }
  .fundraise-at-home .banner-1 h3 {
    color: #fff;
    font-size: 1.7em;
    margin: 0; }
  .fundraise-at-home .banner-1 p {
    color: #fff; }
.fundraise-at-home .banner-2 {
  background: #c5379d;
  padding-bottom: 4em;
  padding-top: 4em; }
  .fundraise-at-home .banner-2 p {
    color: #fff; }
.fundraise-at-home .featured-ideas {
  background-image: url("../img/frontend/fundraising-at-home/featured-ideas.jpg");
  background-position: center;
  background-size: cover;
  padding: 4em 0; }
  .fundraise-at-home .featured-ideas h4 {
    font-weight: bold;
    margin: 0;
    text-align: center; }
  .fundraise-at-home .featured-ideas a.h4 {
    color: #2e1352;
    display: block;
    margin-top: 20px;
    text-decoration: underline; }
    .fundraise-at-home .featured-ideas a.h4 h4 {
      font-weight: normal; }
.fundraise-at-home .featured-ideas-block {
  background-image: url("../img/frontend/fundraising-at-home/featured-ideas-bg.png");
  background-size: 100% 100%;
  height: 100%; }
.fundraise-at-home .featured-ideas-block-text {
  margin: 0 5px;
  padding: 1em 2em;
  position: relative;
  top: -5px; }
  @media only screen and (min-width: 300px) {
    .fundraise-at-home .featured-ideas-block-text {
      margin: 0 10px; } }
  @media only screen and (min-width: 600px) {
    .fundraise-at-home .featured-ideas-block-text {
      margin: 0 10px; } }
  @media only screen and (min-width: 1200px) {
    .fundraise-at-home .featured-ideas-block-text {
      margin: 0 5px; } }
  .fundraise-at-home .featured-ideas-block-text p {
    color: #fff;
    margin: 0; }
    @media only screen and (min-width: 1200px) {
      .fundraise-at-home .featured-ideas-block-text p {
        min-height: 280px; } }
  .fundraise-at-home .featured-ideas-block-text a {
    display: block;
    margin: 20px 0 0; }
  .fundraise-at-home .featured-ideas-block-text .btn {
    text-align: center; }
.fundraise-at-home .register-banner {
  background-color: #ece0ee;
  text-align: center; }
  .fundraise-at-home .register-banner .btn {
    font-size: 1em;
    padding: 20px 40px;
    margin: 40px 0; }
.fundraise-at-home .stars-section {
  background-image: url("../img/frontend/fundraising-at-home/star-background.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 4em 1em; }
.fundraise-at-home .stars-section-inner.text-center-mob {
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .fundraise-at-home .stars-section-inner.text-center-mob {
      text-align: unset; } }
.fundraise-at-home .stars-section-inner a {
  display: inline-block; }
  @media only screen and (min-width: 600px) {
    .fundraise-at-home .stars-section-inner a {
      float: right; } }
.fundraise-at-home .stars-section-inner .small-margin {
  margin: 0 0 20px; }
.fundraise-at-home .stars-section-inner.colour-block {
  display: flex;
  padding: 2em 0 2em 2em; }
  .fundraise-at-home .stars-section-inner.colour-block .title {
    margin: 0 0 10px; }
  .fundraise-at-home .stars-section-inner.colour-block p {
    color: #fff;
    margin: 0 0 10px; }
  .fundraise-at-home .stars-section-inner.colour-block > div {
    width: 75%; }
  .fundraise-at-home .stars-section-inner.colour-block.dark {
    background: #2f1252; }
    .fundraise-at-home .stars-section-inner.colour-block.dark .title {
      color: #a47bb4; }
    .fundraise-at-home .stars-section-inner.colour-block.dark:after {
      align-self: center;
      background-image: url("../img/frontend/fundraising-at-home/dark-arrow.jpg");
      content: '';
      display: inline-block;
      height: 31px;
      width: 50px; }
  .fundraise-at-home .stars-section-inner.colour-block.light {
    background: #af8abd; }
    .fundraise-at-home .stars-section-inner.colour-block.light .title {
      color: #2e1352; }
    .fundraise-at-home .stars-section-inner.colour-block.light:after {
      align-self: center;
      background-image: url("../img/frontend/fundraising-at-home/light-arrow.jpg");
      content: '';
      display: inline-block;
      height: 31px;
      width: 50px; }
.fundraise-at-home .stars-section-inner.footnote .title {
  color: #321755;
  text-align: center; }
  .fundraise-at-home .stars-section-inner.footnote .title a {
    color: #c5379d;
    display: inline;
    float: unset; }
.fundraise-at-home .contact-block {
  background: linear-gradient(180deg, #ece0ee 50%, #af8abd 50%);
  padding: 2em 0; }
  @media only screen and (min-width: 600px) {
    .fundraise-at-home .contact-block {
      background-image: url("../img/frontend/fundraising-at-home/contact.jpg");
      background-position: center;
      background-size: cover; } }
  .fundraise-at-home .contact-block .inner {
    padding: 2em; }
  .fundraise-at-home .contact-block h3 {
    font-weight: bold;
    color: #2e1352;
    margin: 0 0 10px; }
  .fundraise-at-home .contact-block h4 {
    font-weight: bold;
    color: #a47cb4;
    margin: 0 0 10px; }
  .fundraise-at-home .contact-block p {
    font-size: 1.1em; }
    .fundraise-at-home .contact-block p.dark {
      color: #2e1352; }
      .fundraise-at-home .contact-block p.dark a {
        color: #a47cb4;
        text-decoration: underline; }
    .fundraise-at-home .contact-block p.light {
      color: #fff; }
      .fundraise-at-home .contact-block p.light a {
        color: #321755;
        word-wrap: break-word; }
.fundraise-at-home .from-home-form {
  padding: 0 2em; }
  .fundraise-at-home .from-home-form h4.title {
    color: #2e1352;
    font-weight: bold;
    font-size: 30px; }
  .fundraise-at-home .from-home-form label {
    color: #2e1352 !important;
    font-size: 17px !important; }
  .fundraise-at-home .from-home-form p {
    color: #2e1352;
    font-size: 17px !important; }
  .fundraise-at-home .from-home-form .gform_heading {
    display: none; }
  .fundraise-at-home .from-home-form .gform_wrapper ul li.gfield {
    margin-top: 1px !important; }
  .fundraise-at-home .from-home-form .gform_wrapper li.hidden_label input {
    margin-top: 1px !important; }
  .fundraise-at-home .from-home-form .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px !important; }
    .fundraise-at-home .from-home-form .gform_wrapper .top_label div.ginput_container input[type=text] {
      background: #fbdbf2;
      border: none;
      padding: 8px 10px !important;
      width: 100% !important; }
    .fundraise-at-home .from-home-form .gform_wrapper .top_label div.ginput_container textarea {
      background: #fbdbf2;
      border: none; }
  @media only screen and (min-width: 600px) {
    .fundraise-at-home .from-home-form .gform_body {
      column-count: 2; } }
  .fundraise-at-home .from-home-form .gfield_label {
    display: none; }
  .fundraise-at-home .from-home-form .gform_footer {
    /*            text-align:right;*/ }
  .fundraise-at-home .from-home-form input[type=submit] {
    background: #2f1252;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: auto; }
    .fundraise-at-home .from-home-form input[type=submit]:hover {
      background: #471b7c; }
  .fundraise-at-home .from-home-form ::-webkit-input-placeholder {
    color: #2e1352;
    font-size: 16px; }
  .fundraise-at-home .from-home-form ::-moz-placeholder {
    color: #2e1352;
    font-size: 16px; }
  .fundraise-at-home .from-home-form :-ms-input-placeholder {
    color: #2e1352;
    font-size: 16px; }
  .fundraise-at-home .from-home-form :-moz-placeholder {
    color: #2e1352;
    font-size: 16px; }

.shops-header {
  color: #fff;
  padding: 20px; }
  @media only screen and (min-width: 600px) {
    .shops-header {
      padding: 120px 0 0 0; } }

#shop-ashgate-alt {
  padding: 20px; }
  @media only screen and (min-width: 1200px) {
    #shop-ashgate-alt {
      padding: 40px 0; } }
  #shop-ashgate-alt .shops-img-map {
    display: none; }
    @media only screen and (min-width: 1200px) {
      #shop-ashgate-alt .shops-img-map {
        display: block; } }
  @media only screen and (min-width: 1200px) {
    #shop-ashgate-alt .shops-img-map-mobile {
      display: none; } }

.shop-intro-section-2,
.shop-intro-section-3,
.shop-intro-section-4,
.shop-intro-section-5,
.shop-intro-section-6,
.shop-intro-section-7 {
  background-size: cover;
  padding: 20px; }
  @media only screen and (min-width: 1200px) {
    .shop-intro-section-2,
    .shop-intro-section-3,
    .shop-intro-section-4,
    .shop-intro-section-5,
    .shop-intro-section-6,
    .shop-intro-section-7 {
      padding: 40px 0; } }
  .shop-intro-section-2 h5.white,
  .shop-intro-section-3 h5.white,
  .shop-intro-section-4 h5.white,
  .shop-intro-section-5 h5.white,
  .shop-intro-section-6 h5.white,
  .shop-intro-section-7 h5.white {
    color: #fff; }
  .shop-intro-section-2 h5.blue,
  .shop-intro-section-3 h5.blue,
  .shop-intro-section-4 h5.blue,
  .shop-intro-section-5 h5.blue,
  .shop-intro-section-6 h5.blue,
  .shop-intro-section-7 h5.blue {
    color: #00529b; }
  .shop-intro-section-2 p,
  .shop-intro-section-3 p,
  .shop-intro-section-4 p,
  .shop-intro-section-5 p,
  .shop-intro-section-6 p,
  .shop-intro-section-7 p {
    margin: 0; }
    .shop-intro-section-2 p.white,
    .shop-intro-section-3 p.white,
    .shop-intro-section-4 p.white,
    .shop-intro-section-5 p.white,
    .shop-intro-section-6 p.white,
    .shop-intro-section-7 p.white {
      color: #fff; }
    .shop-intro-section-2 p.blue,
    .shop-intro-section-3 p.blue,
    .shop-intro-section-4 p.blue,
    .shop-intro-section-5 p.blue,
    .shop-intro-section-6 p.blue,
    .shop-intro-section-7 p.blue {
      color: #00529b; }

.shop-intro-section-2 {
  background-color: #8571aa;
  background-position: right; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-2 {
      background-position: center bottom; } }
  .shop-intro-section-2 p {
    color: #fff; }

.shop-intro-section-3 {
  background-color: #9ed9dd;
  background-size: cover;
  background-position: left;
  padding: 20px; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-3 {
      background-position: center bottom; } }
  @media only screen and (min-width: 1200px) {
    .shop-intro-section-3 {
      padding: 40px 0; } }
  .shop-intro-section-3 h5,
  .shop-intro-section-3 ul {
    color: #00529b; }
  .shop-intro-section-3 h5 {
    color: #fff; }
  .shop-intro-section-3 ul {
    margin: 0; }
  .shop-intro-section-3 p {
    color: #00529b; }

.shop-intro-section-4 {
  background-color: #bdb6db;
  background-position: right; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-4 {
      background-position: center bottom; } }
  .shop-intro-section-4 h5,
  .shop-intro-section-4 ul {
    color: #781d7e; }
  .shop-intro-section-4 ul {
    margin: 0; }
  .shop-intro-section-4 p {
    color: #781d7e; }

.shop-intro-section-5 {
  background-color: #bdb6db;
  background-position: left; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-5 {
      background-position: center bottom; } }
  .shop-intro-section-5 h5,
  .shop-intro-section-5 ul {
    color: #781d7e; }
  .shop-intro-section-5 ul {
    margin: 0; }
  .shop-intro-section-5 p {
    color: #781d7e; }

.shop-intro-section-6 {
  background-color: #ecedef;
  background-position: right; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-6 {
      background-position: center bottom; } }
  .shop-intro-section-6 h2 {
    color: #781d7e; }
  .shop-intro-section-6 h5 {
    color: #474d64; }

.shop-intro-section-7 {
  background-color: #ffffff;
  background-position: left; }
  @media only screen and (min-width: 600px) {
    .shop-intro-section-7 {
      background-image: url("/wp-content/uploads/2017/08/section-6-bg.jpg");
      background-position: center bottom; } }
  .shop-intro-section-7 h2 {
    color: #164f62; }
  .shop-intro-section-7 h5 {
    color: #474d64; }
  .shop-intro-section-7 a {
    color: #dbc159; }

.shops-intro-banner {
  background-size: cover;
  padding: 40px 0; }

.shop-content .shops-icon img {
  max-width: 40px;
  height: auto; }
.shop-content .shops-icon {
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .shop-content .shops-icon {
      text-align: left; } }
  .shop-content .shops-icon.top-row {
    margin-top: 20px; }
.shop-content .our-shops-inner {
  text-align: center;
  color: #00529b;
  padding: 0 15px 15px 0; }
  @media only screen and (min-width: 600px) {
    .shop-content .our-shops-inner {
      text-align: left; } }
  .shop-content .our-shops-inner p {
    margin: 0 0 10px 0; }
  .shop-content .our-shops-inner.top-row {
    margin-top: 20px;
    min-height: 195px; }
  .shop-content .our-shops-inner.opening-hours {
    min-height: 100px; }

#hero-donation-box {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2em 2.5em;
  margin-top: 1.8em;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #hero-donation-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #hero-donation-box h3 {
    color: #b71a8b;
    margin: 0.2em 0 0.5em 0;
    line-height: 1.1; }
  #hero-donation-box p {
    color: #221f73;
    margin-bottom: 2.2em;
    font-size: 1.1em; }
  #hero-donation-box input[type=radio] {
    display: none; }
    #hero-donation-box input[type=radio] ~ label {
      display: block;
      background-color: #7586b5;
      padding: 0.8em 1em;
      width: 100%;
      text-align: center;
      display: block;
      font-size: 1.1em;
      margin-bottom: 0.2em; }
    #hero-donation-box input[type=radio]:checked ~ label {
      background-color: #2d3a69;
      cursor: default; }
  #hero-donation-box input[type=text] {
    border: solid 2px #ececeb;
    padding: 0.5em 1.2em;
    width: 100%;
    font-size: 1.8em;
    margin-bottom: 0.4em; }
    #hero-donation-box input[type=text]:focus {
      outline: none; }
  #hero-donation-box .currency-input {
    position: relative; }
    #hero-donation-box .currency-input:before {
      content: "\00a3";
      font-size: 1.8em;
      font-weight: bold;
      position: absolute;
      display: block;
      padding: 0.5em 0.7em;
      margin-top: 2px; }
    #hero-donation-box .currency-input input {
      padding-left: 1.35em; }
  #hero-donation-box .btn {
    background-color: #b71a8b;
    color: #fff;
    padding: 0.8em 1em;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.3em;
    margin-bottom: 0.6em; }
    #hero-donation-box .btn.alt {
      background-color: #548797;
      font-size: 1.1em; }
  #hero-donation-box .btn.desktop {
    display: none; }
  @media only screen and (min-width: 600px) {
    #hero-donation-box .btn.mobile {
      display: none; }
    #hero-donation-box .btn.desktop {
      display: block; } }

/* Home - Hero donate --------------------------- */
.hero-donate {
  min-height: 300px;
  background-image: url("/wp-content/uploads/2016/07/donate-bg.png");
  background-size: cover;
  margin: 10px 15px;
  padding: 20px 0; }
  .hero-donate form#home-donate {
    padding: 10px 40px 0 40px; }
    .hero-donate form#home-donate .home-donate-amount-outer {
      display: block; }
      .hero-donate form#home-donate .home-donate-amount-outer input.home-donate-amount {
        width: 86%;
        padding: 11px 0 11px 35px;
        border: solid 2px #ececeb;
        border: none;
        border-top: solid 2px #ececeb;
        border-right: solid 2px #ececeb;
        border-bottom: solid 2px #ececeb; }
    .hero-donate form#home-donate .home-donate-frequency label.frequency-button {
      width: 97%; }
    .hero-donate form#home-donate .home-donate-frequency .frequency-img {
      width: 46%;
      display: inline; }
    .hero-donate form#home-donate .home-donate-submit-outer {
      text-align: left; }
      .hero-donate form#home-donate .home-donate-submit-outer input.home-donate-submit {
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
        padding: 0;
        max-width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none; }
      .hero-donate form#home-donate .home-donate-submit-outer img {
        width: 80%; }

form#menu-donate .menu-donate-amount-outer input.megamenu-input {
  border: solid 2px #ececeb; }
form#menu-donate .menu-donate-amount-outer input.home-donate-amount.megamenu-input {
  width: 90%;
  padding: 12px 0 12px 35px; }
form#menu-donate .menu-donate-submit-outer {
  margin-top: 20px; }

form#patient-donate .home-donate-amount-outer input.home-donate-amount {
  border: none;
  width: 88%;
  padding: 13px 0 13px 35px; }
form#patient-donate .home-donate-frequency label.frequency-button {
  width: 46.5%; }
form#patient-donate .patient-donate-submit-outer input.patient-stories-submit {
  margin-top: 20px; }

.dedication-page-collection .collection-donation-detail {
  display: none;
  margin-top: 20px; }
  .dedication-page-collection .collection-donation-detail textarea {
    width: 100%; }

@media screen and (min-width: 599px) {
  h3.hero-donate-title {
    padding: 0 25px 0 40px; }

  .hero-donate form#home-donate .home-donate-frequency label.frequency-button {
    width: 98%; } }
@media screen and (min-width: 780px) {
  h3.hero-donate-title {
    padding: 25px 25px 0 40px;
    margin: 20px 0; } }
@media screen and (min-width: 890px) {
  .hero-donate, .generic-hero-donate {
    margin: 120px 0 20px 20px; }

  .hero-donate form#home-donate .home-donate-submit-outer input.home-donate-submit {
    padding: 0;
    margin: 5px 0; }

  .hero-donate form#home-donate .home-donate-frequency label.frequency-button {
    width: 47.5%;
    font-size: 19px;
    padding: 12px 0;
    margin: 10px 0 0 0; } }
@media screen and (min-width: 1000px) {
  .hero-donate form#home-donate .home-donate-submit-outer input.home-donate-submit {
    max-width: 100%; }

  .frequency-button {
    width: 48%; } }
@media screen and (min-width: 1200px) {
  input.home-donate-submit {
    padding: 0;
    max-width: 100%; }

  .hero-donate form#home-donate .home-donate-frequency label.frequency-button {
    width: 48.4%; }

  .hero-donate {
    min-height: 300px;
    background-image: url("/wp-content/uploads/2016/07/donate-bg.png");
    background-size: cover;
    margin: 10px 15px;
    padding: 20px 0; }

  .hero-donate form#home-donate .home-donate-amount-outer input.home-donate-amount {
    width: 90.1%; } }
label,
.gfield_description,
.ginput_container input,
form p {
  font-size: 14px !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  line-height: 140%;
  letter-spacing: inherit !important; }

header#page-title h1 {
  margin-bottom: 0; }
header#page-title h3 {
  margin-top: 0; }

.gform_body input[type=text], .gform_body input[type=number], .gform_body input[type=email], .gform_body input[type=password], .gform_body input[type=url], .gform_body input[type=tel], .gform_body input[type=search], .gform_body input[type=date], .gform_body textarea, .gform_body select {
  padding: 0.7em 0.65em;
  margin: 0 0 0.5em;
  border: 1px solid #ececeb;
  border-radius: 2px;
  background-color: #fff;
  line-height: 1.2;
  color: #424860;
  max-width: 100%;
  width: 230px;
  transition: border-color 0.3s;
  outline: none; }
  @media only screen and (min-width: 300px) {
    .gform_body input[type=text], .gform_body input[type=number], .gform_body input[type=email], .gform_body input[type=password], .gform_body input[type=url], .gform_body input[type=tel], .gform_body input[type=search], .gform_body input[type=date], .gform_body textarea, .gform_body select {
      width: 300px; } }
  @media only screen and (min-width: 600px) {
    .gform_body input[type=text], .gform_body input[type=number], .gform_body input[type=email], .gform_body input[type=password], .gform_body input[type=url], .gform_body input[type=tel], .gform_body input[type=search], .gform_body input[type=date], .gform_body textarea, .gform_body select {
      width: 350px; } }
  @media only screen and (min-width: 1200px) {
    .gform_body input[type=text], .gform_body input[type=number], .gform_body input[type=email], .gform_body input[type=password], .gform_body input[type=url], .gform_body input[type=tel], .gform_body input[type=search], .gform_body input[type=date], .gform_body textarea, .gform_body select {
      width: 425px; } }
  .gform_body input[type=text]:focus, .gform_body input[type=number]:focus, .gform_body input[type=email]:focus, .gform_body input[type=password]:focus, .gform_body input[type=url]:focus, .gform_body input[type=tel]:focus, .gform_body input[type=search]:focus, .gform_body input[type=date]:focus, .gform_body textarea:focus, .gform_body select:focus {
    transition: border-color 0.3s;
    border-color: #228b99; }
  .gform_body input[type=text].error, .gform_body input[type=number].error, .gform_body input[type=email].error, .gform_body input[type=password].error, .gform_body input[type=url].error, .gform_body input[type=tel].error, .gform_body input[type=search].error, .gform_body input[type=date].error, .gform_body textarea.error, .gform_body select.error {
    transition: border-color 0.3s;
    border-color: #ff0000; }
  @media only screen and (min-width: 600px) {
    .gform_body input[type=text].small, .gform_body input[type=number].small, .gform_body input[type=email].small, .gform_body input[type=password].small, .gform_body input[type=url].small, .gform_body input[type=tel].small, .gform_body input[type=search].small, .gform_body input[type=date].small, .gform_body textarea.small, .gform_body select.small {
      width: 35% !important; } }
  @media only screen and (min-width: 600px) {
    .gform_body input[type=text].medium, .gform_body input[type=number].medium, .gform_body input[type=email].medium, .gform_body input[type=password].medium, .gform_body input[type=url].medium, .gform_body input[type=tel].medium, .gform_body input[type=search].medium, .gform_body input[type=date].medium, .gform_body textarea.medium, .gform_body select.medium {
      width: 60% !important; } }
  @media only screen and (min-width: 600px) {
    .gform_body input[type=text].large, .gform_body input[type=number].large, .gform_body input[type=email].large, .gform_body input[type=password].large, .gform_body input[type=url].large, .gform_body input[type=tel].large, .gform_body input[type=search].large, .gform_body input[type=date].large, .gform_body textarea.large, .gform_body select.large {
      width: 100% !important; } }
.gform_body textarea.medium, .gform_body textarea.small {
  width: 100% !important; }
.gform_body input[type=radio] {
  display: none !important; }
  .gform_body input[type=radio] + label {
    width: auto;
    cursor: pointer;
    margin-right: 1em;
    margin-bottom: 0.4em;
    padding-left: 1.8em !important;
    display: inline-block;
    position: relative; }
  .gform_body input[type=radio] + label:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: 0.1em;
    left: 0;
    vertical-align: middle;
    border: #ececeb solid 1px;
    border-radius: 1em;
    width: 1.5em;
    height: 1.5em;
    margin: 0 0.4em 0 0;
    transition: border-color 0.3s; }
  .gform_body input[type=radio]:checked + label:before {
    background-color: #000;
    background: -moz-radial-gradient(center, ellipse cover, #000 35%, #fff 35%);
    background: -webkit-radial-gradient(center, ellipse cover, #000 35%, #fff 35%);
    background: radial-gradient(ellipse at center, #000 35%, #fff 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$text_colour', endColorstr='$background_colour',GradientType=1 ); }
  .gform_body input[type=radio] + label:focus:before {
    transition: border-color 0.3s;
    border-color: #228b99; }
  .gform_body input[type=radio].error + label:before {
    border-color: #ff0000; }
.gform_body input[type=checkbox] {
  /*      display: none !important;*/
  vertical-align: top !important; }
  .gform_body input[type=checkbox] + label {
    position: relative;
    width: auto;
    cursor: pointer;
    margin-right: 1em;
    margin-bottom: 0.4em;
    padding-left: 1.8em;
    display: inline-block; }
  .gform_body input[type=checkbox] + label:before {
    /*            content: "";
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0.1em;
                background-color: $background_colour;
                vertical-align: middle;
                border: #ececeb solid 1px;
                border-radius: 2px;
                width: 1em;
                height: 1em;
                margin: 0;
                transition: border-color $transition_speed;*/ }
  .gform_body input[type=checkbox]:checked + label:before {
    content: "\2714";
    line-height: 0.9em;
    text-align: center;
    color: #000; }
  .gform_body input[type=checkbox] + label:focus:before {
    transition: border-color 0.3s;
    border-color: #228b99; }
  .gform_body input[type=checkbox].error + label:before {
    border-color: #ff0000; }
.gform_body .important-statement, .gform_body .important-info {
  font-weight: bold;
  background-color: #228b99;
  color: #fff;
  padding: 0.7em 1em; }
.gform_body label.gfield_label {
  font-weight: 600 !important;
  font-size: 16px !important; }
.gform_body .button {
  background-color: #d60d8c;
  color: #fff;
  font-weight: 600;
  padding: 14px 35px;
  border: none;
  outline: none; }
.gform_body .gfield p {
  font-size: 20px; }
.gform_body li.gfield.gfield_error {
  background: none !important;
  border: none !important; }
.gform_body .gfield_description.validation_message {
  border: none !important;
  padding: 0.5em !important;
  margin-top: 0.5em;
  text-align: left;
  color: #fff !important;
  background-color: #e08265; }
.gform_body .gsection {
  margin-top: 3em !important; }
.gform_body hr {
  border: none;
  border-top: 1px solid #CCC; }

div.validation_error {
  background-color: #c34119;
  border: none !important;
  padding: 1em;
  text-align: left;
  color: #fff !important; }

.gf_progressbar .gf_progressbar_percentage {
  background: #228b99 !important;
  color: #FFF;
  text-shadow: none !important;
  font-size: 2em !important; }
  .gf_progressbar .gf_progressbar_percentage span {
    float: none !important;
    text-align: center; }

#gform_wrapper_4 form .gform_body ul li ul.gfield_checkbox label {
  display: none; }
#gform_wrapper_4 form input#gform_submit_button_4 {
  background-color: #fff;
  border: none;
  color: #3d4769; }

#volunteers-main {
  padding: 140px 0 60px 0;
  display: block;
  background-color: #ebecee; }
  #volunteers-main .volunteers-article-inner {
    margin-bottom: 40px; }
    #volunteers-main .volunteers-article-inner article .volunteers-archive-article-button img {
      margin: 20px 0 0 0;
      width: 50%; }
    #volunteers-main .volunteers-article-inner article h6.volunteers-archive-title {
      min-height: 60px; }
    #volunteers-main .volunteers-article-inner article p {
      min-height: 160px; }

.volunteers-archive {
  background-color: #424860;
  color: #fff; }

#sidebar-jobs {
  padding: 20px;
  background-color: #424860;
  color: #fff; }

.jobs .jobs-inner {
  background-color: #fff;
  padding: 20px; }
  .jobs .jobs-inner article p {
    min-height: 170px; }
  .jobs .jobs-inner article .jobs-archive-article-button {
    position: absolute;
    bottom: 0; }
  .jobs .jobs-inner article .jobs-summary p {
    min-height: 135px; }
    @media only screen and (min-width: 600px) {
      .jobs .jobs-inner article .jobs-summary p {
        min-height: 200px; } }
  .jobs .jobs-inner article .responsive-img {
    text-align: center; }
    .jobs .jobs-inner article .responsive-img img {
      max-width: 250px;
      padding: 20px; }

.no-jobs-text a {
  color: #c0a2c0;
  transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s; }
  .no-jobs-text a:hover {
    color: #455560;
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s; }

.jobs-archive {
  padding: 20px; }
  @media screen and (min-width: 890px) {
    .jobs-archive {
      padding: 30px; } }
  .jobs-archive .jobs-archive-title {
    padding: 0;
    margin: 0; }
  .jobs-archive a, .jobs-archive p {
    display: block;
    color: #fff; }
  .jobs-archive a {
    opacity: 1;
    transition: opacity 0.4s; }
    .jobs-archive a:hover {
      opacity: 0.8;
      transition: opacity 0.4s; }

.sponsor-a-project-container .section-1,
.sponsor-a-project-container .section-2,
.sponsor-a-project-container .section-3,
.sponsor-a-project-container .section-4,
.sponsor-a-project-container .section-5,
.sponsor-a-project-container .section-7 {
  padding: 20px; }
  @media only screen and (min-width: 1200px) {
    .sponsor-a-project-container .section-1,
    .sponsor-a-project-container .section-2,
    .sponsor-a-project-container .section-3,
    .sponsor-a-project-container .section-4,
    .sponsor-a-project-container .section-5,
    .sponsor-a-project-container .section-7 {
      padding: 0; } }
.sponsor-a-project-container .section-6 {
  padding: 20px 20px 0 20px; }
.sponsor-a-project-container .section-1 {
  background-size: cover;
  background-position: left; }
  @media only screen and (min-width: 600px) {
    .sponsor-a-project-container .section-1 {
      background-position: center; } }
.sponsor-a-project-container .section-2,
.sponsor-a-project-container .section-5 {
  background-size: cover;
  background-position: right; }
  @media only screen and (min-width: 600px) {
    .sponsor-a-project-container .section-2,
    .sponsor-a-project-container .section-5 {
      background-position: center; } }
@media only screen and (min-width: 600px) {
  .sponsor-a-project-container .section-1 {
    padding: 160px 0 40px 0; } }
.sponsor-a-project-container .section-1 h4.pink {
  color: #bf4091; }
.sponsor-a-project-container .section-2 {
  color: #fff; }
  .sponsor-a-project-container .section-2 h4 {
    font-weight: 300; }
.sponsor-a-project-container .section-3 {
  background-color: #ebecee; }
  .sponsor-a-project-container .section-3 h2 {
    color: #7e69a5; }
.sponsor-a-project-container .section-4 h3,
.sponsor-a-project-container .section-4 a {
  display: block; }
  @media only screen and (min-width: 600px) {
    .sponsor-a-project-container .section-4 h3,
    .sponsor-a-project-container .section-4 a {
      font-size: 2.4em; } }
  .sponsor-a-project-container .section-4 h3.blue,
  .sponsor-a-project-container .section-4 a.blue {
    color: #424860; }
  .sponsor-a-project-container .section-4 h3.pink,
  .sponsor-a-project-container .section-4 a.pink {
    color: #c7469b; }
.sponsor-a-project-container .section-5 {
  color: #fff; }
.sponsor-a-project-container .section-6 {
  background-color: #cab6d8;
  color: #424860; }
  .sponsor-a-project-container .section-6 ul {
    list-style-type: disc;
    color: #424860; }
    .sponsor-a-project-container .section-6 ul li {
      margin-bottom: 10px;
      font-size: 1.4em; }
  .sponsor-a-project-container .section-6 .corporate-img img {
    margin-bottom: -8px; }
    @media only screen and (min-width: 1200px) {
      .sponsor-a-project-container .section-6 .corporate-img img {
        margin-bottom: -10px; } }
.sponsor-a-project-container .section-7 {
  background-color: #ecedef;
  padding-bottom: 20px; }
  .sponsor-a-project-container .section-7 h2 {
    color: #474d64; }
  .sponsor-a-project-container .section-7 .testimonials-single {
    background-color: #fff;
    padding: 20px; }
    .sponsor-a-project-container .section-7 .testimonials-single h4 {
      color: #474d64;
      margin: 15px 0; }
    .sponsor-a-project-container .section-7 .testimonials-single a.btn {
      background-color: #d1d5d8;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      color: #474d64;
      padding: 10px; }
      .sponsor-a-project-container .section-7 .testimonials-single a.btn:hover {
        background-color: #474d64;
        color: #fff;
        transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        -ms-transition: background-color 0.3s;
        -o-transition: background-color 0.3s; }

.collections .collections-header {
  background-color: #775772; }
  @media only screen and (min-width: 600px) {
    .collections .collections-header {
      padding: 150px 0 30px; } }
  .collections .collections-header h2.collections-title {
    color: #fff; }
.collections article.collection-single {
  background-color: #eee;
  color: #455560;
  padding: 20px; }

/**
 * Header work by Ash
**/
#hero {
  background-image: url("../img/frontend/home-banner-without-text.jpg"); }
  @media screen and (min-width: 1236px) {
    #hero {
      background-image: url("../img/frontend/home-banner.jpg"); } }

.footer-heading {
  margin: 0 40px; }
  @media screen and (min-width: 1200px) {
    .footer-heading {
      margin: 0; } }

body.page-template-hospice-care-at-home #pre-header, body.page-template-hospice-care-at-home #site-footer {
  overflow: hidden; }
body.page-template-hospice-care-at-home #banner {
  width: 100%;
  background: url("../img/frontend/hospice-care-at-home-banner-mobile.jpg") no-repeat center bottom;
  background-size: cover; }
  @media only screen and (min-width: 600px) {
    body.page-template-hospice-care-at-home #banner {
      background: url("../img/frontend/hospice-care-at-home-banner.jpg") no-repeat center bottom;
      background-size: cover; } }
  body.page-template-hospice-care-at-home #banner .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5em 2em; }
    @media only screen and (min-width: 1200px) {
      body.page-template-hospice-care-at-home #banner .inner {
        padding: 8.5em 0; } }
  body.page-template-hospice-care-at-home #banner .text-block {
    max-width: 400px;
    margin: 0 0 0 auto; }
    @media only screen and (min-width: 1200px) {
      body.page-template-hospice-care-at-home #banner .text-block {
        max-width: 550px;
        padding-right: 40px; } }
    body.page-template-hospice-care-at-home #banner .text-block .title {
      font-size: 2em;
      color: #fff;
      line-height: 1.15; }
      @media only screen and (min-width: 600px) {
        body.page-template-hospice-care-at-home #banner .text-block .title {
          font-size: 2.5em; } }
      @media only screen and (min-width: 1200px) {
        body.page-template-hospice-care-at-home #banner .text-block .title {
          font-size: 3em; } }
    body.page-template-hospice-care-at-home #banner .text-block a {
      font-size: 1.3em;
      color: #424860;
      font-weight: bold;
      margin-bottom: 2em;
      display: inline-block; }
      @media only screen and (min-width: 600px) {
        body.page-template-hospice-care-at-home #banner .text-block a {
          font-size: 1.8em; } }
      body.page-template-hospice-care-at-home #banner .text-block a.button {
        background-color: #034486;
        transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        -ms-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        color: #fff;
        margin-right: 20px;
        font-size: 18px;
        display: inline-block;
        border: none;
        text-align: center;
        width: 35%; }
        @media only screen and (min-width: 1200px) {
          body.page-template-hospice-care-at-home #banner .text-block a.button {
            width: 41%; } }
        body.page-template-hospice-care-at-home #banner .text-block a.button:hover {
          background-color: #40a4b4;
          transition: background-color 0.3s;
          -moz-transition: background-color 0.3s;
          -webkit-transition: background-color 0.3s;
          -ms-transition: background-color 0.3s;
          -o-transition: background-color 0.3s; }
    body.page-template-hospice-care-at-home #banner .text-block form {
      width: 41%;
      display: inline-block;
      color: #fff;
      vertical-align: top;
      height: 43px;
      text-align: center;
      background-color: #034486;
      transition: background-color 0.4s;
      -moz-transition: background-color 0.4s;
      -webkit-transition: background-color 0.4s;
      -ms-transition: background-color 0.4s;
      -o-transition: background-color 0.4s; }
      body.page-template-hospice-care-at-home #banner .text-block form:hover {
        cursor: pointer;
        background-color: #4fb0c4;
        transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -webkit-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s; }
      body.page-template-hospice-care-at-home #banner .text-block form:hover > input[type="submit"] {
        cursor: pointer;
        background-color: #4fb0c4;
        transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -webkit-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s; }
      body.page-template-hospice-care-at-home #banner .text-block form input[type="submit"] {
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-top: 9px;
        background-color: #034486;
        transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -webkit-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s; }
body.page-template-hospice-care-at-home .strip .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3em 2em; }
  @media only screen and (min-width: 1200px) {
    body.page-template-hospice-care-at-home .strip .inner {
      padding: 6em 0 4em 0; } }
body.page-template-hospice-care-at-home .strip .subtitle {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1.2em; }
  @media only screen and (min-width: 600px) {
    body.page-template-hospice-care-at-home .strip .subtitle {
      font-size: 1.5em;
      margin-bottom: 1.5em; } }
body.page-template-hospice-care-at-home .strip ul {
  list-style: disc;
  padding-left: 1.3em; }
  body.page-template-hospice-care-at-home .strip ul li {
    margin-bottom: 1.2em; }
body.page-template-hospice-care-at-home .strip:nth-child(1) {
  background: linear-gradient(to right, #4fb0c4, #198b9b);
  color: #fff; }
body.page-template-hospice-care-at-home .strip:nth-child(2) {
  background: url("../img/frontend/hospice-care-background.jpg") no-repeat center center;
  background-size: cover;
  color: #3d4769; }
body.page-template-hospice-care-at-home .strip:nth-child(3) {
  background-color: #424860;
  color: #fff; }
body.page-template-hospice-care-at-home .strip .big-price {
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 1200px) {
    body.page-template-hospice-care-at-home .strip .big-price {
      font-size: 1.5em;
      padding-left: 2em; } }
  body.page-template-hospice-care-at-home .strip .big-price .price {
    display: inline-block;
    width: 98px;
    height: 94px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 1em;
    flex-shrink: 0; }
    @media only screen and (min-width: 1200px) {
      body.page-template-hospice-care-at-home .strip .big-price .price {
        width: 131px;
        height: 126px; } }
    body.page-template-hospice-care-at-home .strip .big-price .price.p49 {
      background-image: url("../img/frontend/icon-49gbp.png"); }
    body.page-template-hospice-care-at-home .strip .big-price .price.p38 {
      background-image: url("../img/frontend/icon-38gbp.png"); }
    body.page-template-hospice-care-at-home .strip .big-price .price.p25k {
      background-image: url("../img/frontend/icon-25kgbp.png"); }
  body.page-template-hospice-care-at-home .strip .big-price .text {
    display: inline-block;
    vertical-align: middle; }
body.page-template-hospice-care-at-home #our-team-members {
  background-color: #ebecee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  body.page-template-hospice-care-at-home #our-team-members .inner {
    padding-top: 1.5em; }
  body.page-template-hospice-care-at-home #our-team-members .col {
    padding-bottom: 1em; }
  body.page-template-hospice-care-at-home #our-team-members .member {
    background-color: #fff;
    padding: 1em;
    color: #424860;
    height: 100%;
    padding-bottom: 7em;
    box-sizing: border-box;
    max-width: 360px;
    margin: 0 auto; }
    body.page-template-hospice-care-at-home #our-team-members .member img {
      max-width: 100%; }
    body.page-template-hospice-care-at-home #our-team-members .member .thumb {
      margin-bottom: 0.8em; }
    body.page-template-hospice-care-at-home #our-team-members .member .name {
      font-size: 1.5em;
      font-weight: bold;
      margin-bottom: 0.5em;
      margin-bottom: 0.5em; }
    body.page-template-hospice-care-at-home #our-team-members .member .role {
      color: #d60d8c;
      margin-bottom: 0.5em; }

.download-pack-banner {
  padding: 5px 20px; }
  .download-pack-banner a.btn {
    background-color: #781d7e;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block; }
    .download-pack-banner a.btn:hover {
      background-color: #eee;
      color: #781d7e;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s; }
  .download-pack-banner .inner h4.title {
    color: #781d7e; }
  .download-pack-banner .inner h4 {
    color: #3d4769; }

.whoweare-page {
  background-color: #e8e7f3; }
  .whoweare-page .whoweare-header {
    padding-top: 80px;
    background-color: #775772;
    color: #fff; }

.whoweare-title {
  color: #455560;
  min-height: 100px;
  margin: 10px 0;
  font-size: 16px; }
  @media screen and (min-width: 960px) {
    .whoweare-title {
      font-size: 22px; } }

.whoweare-header-left {
  padding: 0 20px; }
  @media screen and (min-width: 890px) {
    .whoweare-header-left {
      padding: 0; } }

.whoweare-page-inner {
  padding: 5px 20px; }
  @media screen and (min-width: 1200px) {
    .whoweare-page-inner {
      padding: 0; } }

.volunteerstory1 {
  background-color: #e8e7f3;
  color: #250858; }
  .volunteerstory1 a {
    background-color: #250858; }
  .volunteerstory1 .volunteerstory1-right {
    color: #980e5c;
    margin-top: 40px; }
  .volunteerstory1 button.volunteerstory1-btn {
    background-color: #250858;
    color: #fff;
    padding: 10px;
    width: 100%;
    max-width: 105px;
    margin-bottom: 30px;
    opacity: 1;
    transition: opacity 0.4s; }
    .volunteerstory1 button.volunteerstory1-btn:hover {
      opacity: 0.7;
      transition: opacity 0.4s; }

.volunteerstory2 {
  background-color: #d6e7f0;
  color: #250858;
  padding-top: 30px; }
  .volunteerstory2 a {
    background-color: #ed1846;
    max-width: 80px; }
  .volunteerstory2 .volunteerstory2-right .volunteerstory2-right-inner {
    color: #1a6983; }
    .volunteerstory2 .volunteerstory2-right .volunteerstory2-right-inner p {
      color: #000; }
  .volunteerstory2 button.volunteerstory2-btn {
    background-color: #1a6983;
    color: #fff;
    border: none;
    padding: 10px;
    width: 100%;
    max-width: 105px;
    margin-bottom: 40px;
    opacity: 1;
    transition: opacity 0.4s; }
    .volunteerstory2 button.volunteerstory2-btn:hover {
      opacity: 0.8;
      transition: opacity 0.4s; }

.volunteer-stories-form-right {
  color: #7e69a5; }

.volunteer-donate-frequency {
  margin-bottom: 5px; }

.volunteerstory1-extra,
.volunteerstory2-extra {
  display: none; }

a.volunteer-stories-button-3 {
  background-color: #ed1846;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  width: 100%;
  max-width: 102px;
  opacity: 1;
  transition: opacity 0.4s;
  text-align: center; }

a.volunteer-stories-button-3 {
  display: block;
  margin: 20px auto;
  text-align: center; }
  a.volunteer-stories-button-3:hover {
    opacity: 0.7;
    transition: opacity 0.4s; }

.volunteer-stories-video {
  text-align: center; }
  .volunteer-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 178px;
    max-height: 178px;
    max-width: 551px; }

.volunteer-stories-pagination nav.pagination a,
.volunteer-stories-pagination nav.pagination span {
  color: #fff; }

.volunteerstories-donationbanner {
  text-align: center; }

img.next-volunteer-story-arrow:hover {
  cursor: pointer; }

.volunteerstory {
  padding: 0 20px; }

.volunteerstory1-right div img {
  width: 95%; }

.volunteer-stories-header-banner {
  padding: 0 20px;
  background-color: #775772; }

.volunteer-stories-logo {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff; }

img.volunteer-stories-btn {
  width: 47%; }

.volunteer-donate-amount-outer {
  position: relative; }

.volunteerstories-donationbanner {
  display: block;
  background-color: #dacee5; }

.volunteer-stories-form-right {
  padding: 0 40px; }

.volunteer-stories-donate-form {
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding: 20px 30px; }
  .volunteer-stories-donate-form h4 {
    margin: 0 0 20px 0; }
  .volunteer-stories-donate-form form input.volunteer-stories-submit {
    width: 98%; }
  .volunteer-stories-donate-form form .home-donate-submit-outer {
    width: 100%; }
    .volunteer-stories-donate-form form .home-donate-submit-outer input {
      max-width: 247px !important; }
  .volunteer-stories-donate-form form div.home-donate-frequency .frequency-img {
    width: 47%; }

.volunteer-stories-inner {
  margin: 0 40px; }

/* Colours ------------------------------ */
.cscheme-hillside-dew h3 {
  color: #fff; }

.cscheme-lavender-fields h3 {
  color: #fff; }

.cscheme-raspberry-fondant h3 {
  color: #fff; }

.cscheme-spring-blossom h3 {
  color: #fff; }

.cscheme-emerald-palace h3 {
  color: #fff; }

@media screen and (min-width: 980px) {
  .volunteer-stories-donate-form {
    margin: 20px 0 0 0; }

  .volunteer-stories-donate-form {
    padding: 40px 30px; } }
.corporate-fundraising .section-1, .corporate-fundraising .section-2, .corporate-fundraising .section-3, .corporate-fundraising .section-4, .corporate-fundraising .section-5, .corporate-fundraising .section-6, .corporate-fundraising .section-7, .corporate-fundraising .section-8 {
  padding: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1200px) {
    .corporate-fundraising .section-1, .corporate-fundraising .section-2, .corporate-fundraising .section-3, .corporate-fundraising .section-4, .corporate-fundraising .section-5, .corporate-fundraising .section-6, .corporate-fundraising .section-7, .corporate-fundraising .section-8 {
      padding: 60px 0; } }
.corporate-fundraising .section-1 {
  color: #fff;
  padding: 40px 20px; }
  @media screen and (min-width: 860px) {
    .corporate-fundraising .section-1 {
      padding: 160px 20px 120px; } }
  @media screen and (min-width: 1200px) {
    .corporate-fundraising .section-1 {
      padding: 120px 0; } }
.corporate-fundraising .section-2 {
  padding: 0;
  background-color: #3d4769;
  color: #fff;
  vertical-align: top; }
  .corporate-fundraising .section-2 .section-2-half {
    display: inline-block;
    vertical-align: top; }
    .corporate-fundraising .section-2 .section-2-half.img-half {
      width: 110%;
      overflow-x: hidden; }
      @media screen and (min-width: 1200px) {
        .corporate-fundraising .section-2 .section-2-half.img-half {
          width: 49%;
          overflow-x: initial; } }
    .corporate-fundraising .section-2 .section-2-half.text-half {
      max-width: 100%;
      width: 100%;
      padding-top: 20px;
      margin-left: 20px;
      margin-bottom: 5%;
      padding-bottom: 80px;
      text-align: center; }
      @media screen and (min-width: 890px) {
        .corporate-fundraising .section-2 .section-2-half.text-half {
          padding-top: 40px;
          margin-left: 0;
          margin-bottom: 0; } }
      @media screen and (min-width: 1200px) {
        .corporate-fundraising .section-2 .section-2-half.text-half {
          width: 49%;
          max-width: 25%;
          padding-bottom: 0;
          text-align: left; } }
      @media screen and (min-width: 1500px) {
        .corporate-fundraising .section-2 .section-2-half.text-half {
          padding-top: 80px; } }
      .corporate-fundraising .section-2 .section-2-half.text-half img {
        max-width: 300px; }
      .corporate-fundraising .section-2 .section-2-half.text-half p {
        margin: 0; }
      .corporate-fundraising .section-2 .section-2-half.text-half .h4 {
        margin: 10px 0; }
.corporate-fundraising .section-3 {
  background-color: #fff; }
  @media screen and (max-width: 1200px) {
    .corporate-fundraising .section-3 {
      background-image: none !important;
      text-align: center; }
      .corporate-fundraising .section-3 img {
        max-width: 50%; } }
  .corporate-fundraising .section-3 p.quote {
    color: #bf4091; }
  .corporate-fundraising .section-3 p.name {
    color: #3d4769;
    font-weight: 600; }
  .corporate-fundraising .section-3 .section-3-btn {
    margin-top: 30px; }
    @media screen and (min-width: 890px) {
      .corporate-fundraising .section-3 .section-3-btn {
        margin-top: 102px; } }
.corporate-fundraising .section-4 h3 {
  color: #3d4769; }
.corporate-fundraising .section-4 a {
  color: #3d4769; }
.corporate-fundraising .section-5 {
  background-color: #e3d4ee;
  text-align: center; }
.corporate-fundraising .section-6 {
  background-color: #c7b2d6;
  color: #3d4769;
  position: relative; }
  .corporate-fundraising .section-6 .staff-cutout {
    position: static; }
    .corporate-fundraising .section-6 .staff-cutout img {
      position: absolute;
      left: 0;
      bottom: 0;
      max-width: 350px; }
      @media screen and (min-width: 1200px) {
        .corporate-fundraising .section-6 .staff-cutout img {
          max-width: 550px; } }
.corporate-fundraising .section-7 {
  padding: 0;
  background-color: #3d4769;
  color: #fff;
  vertical-align: top; }
  .corporate-fundraising .section-7 .section-7-half {
    display: inline-block;
    vertical-align: top; }
    .corporate-fundraising .section-7 .section-7-half.img-half {
      width: 110%;
      overflow-x: hidden; }
      @media screen and (min-width: 1200px) {
        .corporate-fundraising .section-7 .section-7-half.img-half {
          width: 49%;
          overflow-x: initial; } }
    .corporate-fundraising .section-7 .section-7-half.text-half {
      max-width: 100%;
      padding-top: 30px;
      margin-left: 20px;
      margin-bottom: 5%;
      width: 100%; }
      @media screen and (min-width: 890px) {
        .corporate-fundraising .section-7 .section-7-half.text-half {
          margin-left: 0;
          margin-bottom: 0; } }
      @media screen and (min-width: 1200px) {
        .corporate-fundraising .section-7 .section-7-half.text-half {
          width: 49%;
          max-width: 25%; } }
      .corporate-fundraising .section-7 .section-7-half.text-half .responsive-img,
      .corporate-fundraising .section-7 .section-7-half.text-half p.h4 {
        text-align: center; }
        @media screen and (min-width: 1200px) {
          .corporate-fundraising .section-7 .section-7-half.text-half .responsive-img,
          .corporate-fundraising .section-7 .section-7-half.text-half p.h4 {
            text-align: left; } }
      .corporate-fundraising .section-7 .section-7-half.text-half img {
        max-width: 200px; }
      .corporate-fundraising .section-7 .section-7-half.text-half p {
        margin: 0; }
      .corporate-fundraising .section-7 .section-7-half.text-half .h4 {
        margin: 20px 0; }
      .corporate-fundraising .section-7 .section-7-half.text-half .bio-text {
        margin-top: 14%; }
        @media screen and (min-width: 1200px) {
          .corporate-fundraising .section-7 .section-7-half.text-half .bio-text {
            margin-top: 7px;
            margin-left: 15px; } }
.corporate-fundraising .section-8 {
  background-color: #ecedef; }
  .corporate-fundraising .section-8 h2,
  .corporate-fundraising .section-8 h4 {
    color: #3d4769; }
  .corporate-fundraising .section-8 .testimonials-box {
    background-color: #fff;
    padding: 20px; }

.btn {
  padding: 10px 20px;
  font-size: 12px; }
  @media screen and (min-width: 890px) {
    .btn {
      font-size: 16px; } }
  .btn.pink {
    background-color: #bf4091;
    color: #fff;
    transition: background-color 0.3s; }
    .btn.pink:hover {
      background-color: #d1d5d8;
      transition: background-color 0.3s; }
  .btn.grey {
    background-color: #d1d5d8;
    color: #3d4769;
    transition: background-color 0.3s; }
    .btn.grey:hover {
      background-color: #bf4091;
      transition: background-color 0.3s; }

.pink {
  color: #bf4091;
  font-weight: 600; }

.staff-cutout {
  position: relative; }
  @media screen and (min-width: 1200px) {
    .staff-cutout img {
      position: absolute;
      margin-top: 103px; } }

#working-at-ashgate-container .section-1 {
  padding: 20px; }
  @media screen and (min-width: 590px) {
    #working-at-ashgate-container .section-1 {
      padding: 120px 20px 60px; } }
  @media screen and (min-width: 1200px) {
    #working-at-ashgate-container .section-1 {
      padding: 120px 0 60px 0; } }
#working-at-ashgate-container .section-2,
#working-at-ashgate-container .section-3,
#working-at-ashgate-container .section-4,
#working-at-ashgate-container .section-5 {
  padding: 20px; }
  @media screen and (min-width: 1200px) {
    #working-at-ashgate-container .section-2,
    #working-at-ashgate-container .section-3,
    #working-at-ashgate-container .section-4,
    #working-at-ashgate-container .section-5 {
      padding: 40px 0; } }
#working-at-ashgate-container .section-1,
#working-at-ashgate-container .section-2 {
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; }
#working-at-ashgate-container .section-2 {
  background-image: url("../img/frontend/working-at-ashgate/section-2-bg.jpg"); }
  #working-at-ashgate-container .section-2 .slider {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto; }
    #working-at-ashgate-container .section-2 .slider ul.slider-list {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #working-at-ashgate-container .section-2 .slider ul.slider-list li {
        width: 200px;
        text-align: center;
        transition: opacity 0.3s;
        margin: 0 auto; }
        @media screen and (min-width: 590px) {
          #working-at-ashgate-container .section-2 .slider ul.slider-list li {
            float: left; } }
        #working-at-ashgate-container .section-2 .slider ul.slider-list li img {
          max-width: 200px; }
  #working-at-ashgate-container .section-2 .slider-arrows {
    position: relative;
    top: -135px; }
    #working-at-ashgate-container .section-2 .slider-arrows .arrow {
      position: absolute; }
      #working-at-ashgate-container .section-2 .slider-arrows .arrow img {
        max-width: 20px; }
        @media screen and (min-width: 890px) {
          #working-at-ashgate-container .section-2 .slider-arrows .arrow img {
            max-width: 50px; } }
      #working-at-ashgate-container .section-2 .slider-arrows .arrow.arrow-left {
        left: 0; }
      #working-at-ashgate-container .section-2 .slider-arrows .arrow.arrow-right {
        right: 0; }
      #working-at-ashgate-container .section-2 .slider-arrows .arrow:hover {
        cursor: pointer; }
#working-at-ashgate-container .section-3 {
  background-color: #fff;
  color: #781d7e; }
  #working-at-ashgate-container .section-3 .btn {
    margin-top: 15px;
    margin-bottom: 20px; }
    @media screen and (min-width: 890px) {
      #working-at-ashgate-container .section-3 .btn {
        margin-bottom: 0; } }
  #working-at-ashgate-container .section-3 .why-work-grid .row {
    margin-bottom: 20px; }
    #working-at-ashgate-container .section-3 .why-work-grid .row .left,
    #working-at-ashgate-container .section-3 .why-work-grid .row .right {
      display: inline-block;
      vertical-align: top; }
      #working-at-ashgate-container .section-3 .why-work-grid .row .left img,
      #working-at-ashgate-container .section-3 .why-work-grid .row .left h4
      p,
      #working-at-ashgate-container .section-3 .why-work-grid .row .right img,
      #working-at-ashgate-container .section-3 .why-work-grid .row .right h4
      p {
        vertical-align: top; }
      #working-at-ashgate-container .section-3 .why-work-grid .row .left h4,
      #working-at-ashgate-container .section-3 .why-work-grid .row .right h4 {
        margin: 0; }
    #working-at-ashgate-container .section-3 .why-work-grid .row .left {
      width: 25%; }
      #working-at-ashgate-container .section-3 .why-work-grid .row .left img {
        max-width: 80px; }
    #working-at-ashgate-container .section-3 .why-work-grid .row .right {
      width: 70%; }
#working-at-ashgate-container .section-4 {
  background-color: #c43c96;
  color: #fff; }
  @media screen and (min-width: 1200px) {
    #working-at-ashgate-container .section-4 {
      min-height: 513px; } }
  #working-at-ashgate-container .section-4 h2 {
    margin-top: 0; }
  #working-at-ashgate-container .section-4 .wheel-graphic {
    position: relative; }
    #working-at-ashgate-container .section-4 .wheel-graphic .overlay {
      position: absolute;
      top: 0;
      opacity: 0;
      transition: opacity 0.3s; }
    #working-at-ashgate-container .section-4 .wheel-graphic:hover > .overlay {
      opacity: 1;
      transition: opacity 0.3s; }
#working-at-ashgate-container .section-5 {
  color: #3d4769; }
  #working-at-ashgate-container .section-5 .btn {
    font-size: 1em; }
  #working-at-ashgate-container .section-5 .video-container {
    margin-top: 10%; }
    #working-at-ashgate-container .section-5 .video-container iframe {
      width: 100%;
      min-height: 300px; }

.wheel-graphic {
  display: none; }
  @media screen and (min-width: 1200px) {
    .wheel-graphic {
      display: block; } }

@media screen and (min-width: 1200px) {
  .wheel-graphic-mobile {
    display: none; } }

.wheel-content .segment-title {
  text-transform: capitalize; }

.gifts-in-wills .gifts-slider-outer .gifts-slider {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #ede4f1; }
  .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1,
  .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 20px;
    position: relative; }
    @media screen and (min-width: 560px) {
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1,
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 {
        min-height: 426px; } }
    @media screen and (min-width: 1200px) {
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1,
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 {
        padding: 120px 20px 20px 20px; } }
    .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1 .slider-inner,
    .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 .slider-inner {
      max-width: 100%; }
      @media screen and (min-width: 620px) {
        .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1 .slider-inner,
        .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 .slider-inner {
          max-width: 50%; } }
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1 .slider-inner .title,
      .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 .slider-inner .title {
        margin-bottom: 20px; }
        .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-1 .slider-inner .title img,
        .gifts-in-wills .gifts-slider-outer .gifts-slider .slide-2 .slider-inner .title img {
          max-width: 60%; }
  .gifts-in-wills .gifts-slider-outer .gifts-slider li {
    transition: opacity 0.4s; }
    .gifts-in-wills .gifts-slider-outer .gifts-slider li:last-child {
      display: none; }
.gifts-in-wills .banner-1,
.gifts-in-wills .make-a-will-month-section,
.gifts-in-wills .will-wise,
.gifts-in-wills .make-time-section {
  padding: 20px; }
  @media screen and (min-width: 1200px) {
    .gifts-in-wills .banner-1,
    .gifts-in-wills .make-a-will-month-section,
    .gifts-in-wills .will-wise,
    .gifts-in-wills .make-time-section {
      padding: 50px 0; } }
.gifts-in-wills .banner-1 {
  background-color: #ede4f1; }
  .gifts-in-wills .banner-1 .graphic {
    text-align: center; }
    @media screen and (min-width: 890px) {
      .gifts-in-wills .banner-1 .graphic {
        margin-top: 70px; } }
    .gifts-in-wills .banner-1 .graphic img {
      max-width: 75%; }
.gifts-in-wills .make-a-will-month-section {
  text-align: center; }
  .gifts-in-wills .make-a-will-month-section .supporting-solicitors {
    background-color: #eee;
    padding: 40px 0; }
  .gifts-in-wills .make-a-will-month-section .title {
    max-width: 45%;
    margin: 0 auto; }
  .gifts-in-wills .make-a-will-month-section .subtitle h4 {
    margin: 10px 0; }
  .gifts-in-wills .make-a-will-month-section .soft-container {
    max-width: 800px;
    margin: 0 auto; }
  .gifts-in-wills .make-a-will-month-section .trio-circles {
    max-width: 800px;
    text-align: center;
    margin: 0 auto; }
    .gifts-in-wills .make-a-will-month-section .trio-circles a,
    .gifts-in-wills .make-a-will-month-section .trio-circles img {
      display: inline-block; }
    .gifts-in-wills .make-a-will-month-section .trio-circles a {
      width: 28%;
      padding: 0 20px; }
  .gifts-in-wills .make-a-will-month-section .btn-generic.purple {
    max-width: 220px;
    margin: 20px 0;
    transition: background-color 0.3s; }
    .gifts-in-wills .make-a-will-month-section .btn-generic.purple:hover {
      background-color: #eee;
      transition: background-color 0.3s;
      color: #781d7e; }
.gifts-in-wills .will-wise {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px; }
  @media screen and (min-width: 960px) {
    .gifts-in-wills .will-wise {
      min-height: 650px; } }
  @media screen and (min-width: 1500px) {
    .gifts-in-wills .will-wise {
      min-height: 850px; } }
  .gifts-in-wills .will-wise .half-container {
    max-width: 40%;
    margin-left: 20%; }
  .gifts-in-wills .will-wise img {
    max-width: 300px; }
  .gifts-in-wills .will-wise p {
    color: #fff; }
.gifts-in-wills .make-time-section img {
  max-width: 350px; }
.gifts-in-wills .download-btn-container {
  text-align: center; }
  .gifts-in-wills .download-btn-container .btn {
    font-size: 1.1em; }
.gifts-in-wills #download-guide {
  background-color: #ede4f1;
  padding: 40px 20px; }
  @media screen and (min-width: 960px) {
    .gifts-in-wills #download-guide {
      padding: 60px 0; } }
.gifts-in-wills .gform_body input[type="checkbox"]:checked + label::before {
  content: ''; }
.gifts-in-wills body .gform_wrapper ul li.gfield {
  margin-top: 0; }

.gifts-in-wills-result p, .gifts-in-wills-result a {
  color: #fff;
  font-size: 22px; }
  .gifts-in-wills-result p.smaller, .gifts-in-wills-result a.smaller {
    font-size: 18px; }

.chair-of-trustees-page .banner-1,
.chair-of-trustees-page .banner-2,
.chair-of-trustees-page .section-2,
.chair-of-trustees-page .section-3,
.chair-of-trustees-page .section-4,
.chair-of-trustees-page .section-5 {
  padding: 40px 20px; }
  @media screen and (min-width: 1200px) {
    .chair-of-trustees-page .banner-1,
    .chair-of-trustees-page .banner-2,
    .chair-of-trustees-page .section-2,
    .chair-of-trustees-page .section-3,
    .chair-of-trustees-page .section-4,
    .chair-of-trustees-page .section-5 {
      padding: 40px 0; } }
.chair-of-trustees-page .section-1 {
  padding: 40px 20px;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (min-width: 890px) {
    .chair-of-trustees-page .section-1 {
      padding: 120px 20px 40px; } }
  @media screen and (min-width: 1200px) {
    .chair-of-trustees-page .section-1 {
      padding: 120px 0 40px; } }
  .chair-of-trustees-page .section-1 .download-section .button-title {
    margin-top: 30px; }
  .chair-of-trustees-page .section-1 .download-section .button,
  .chair-of-trustees-page .section-1 .download-section .graphic {
    display: inline-block;
    width: 45%;
    vertical-align: top; }
  .chair-of-trustees-page .section-1 .download-section .button {
    border: none;
    margin: 0;
    padding: 0; }
    .chair-of-trustees-page .section-1 .download-section .button h6 {
      color: #3d4769;
      margin: 0 0 10px 0; }
    .chair-of-trustees-page .section-1 .download-section .button a.btn {
      background-color: #781d7e;
      color: #fff; }
  .chair-of-trustees-page .section-1 .download-section .graphic img {
    max-width: 135px; }
.chair-of-trustees-page .banner-1 {
  color: #f5a4be; }
.chair-of-trustees-page .banner-2 {
  background-color: #f4e0e6;
  color: #57185a; }
.chair-of-trustees-page .banner-1 h4,
.chair-of-trustees-page .banner-2 h4 {
  font-size: 16px; }
  @media screen and (min-width: 1200px) {
    .chair-of-trustees-page .banner-1 h4,
    .chair-of-trustees-page .banner-2 h4 {
      font-size: 26px; } }
.chair-of-trustees-page .banner-1 .profile-img,
.chair-of-trustees-page .banner-1 .profile-text,
.chair-of-trustees-page .banner-2 .profile-img,
.chair-of-trustees-page .banner-2 .profile-text {
  text-align: center; }
.chair-of-trustees-page .section-2 .thirty-yrs-logo {
  text-align: center; }
  .chair-of-trustees-page .section-2 .thirty-yrs-logo img {
    max-width: 275px; }
.chair-of-trustees-page .section-2 .title img {
  max-width: 300px; }
.chair-of-trustees-page .section-2 h4 {
  margin: 0;
  padding: 0; }
.chair-of-trustees-page .section-2 .wheel-graphic {
  text-align: center; }
@media screen and (min-width: 890px) {
  .chair-of-trustees-page .section-2 .wheel-content {
    margin-top: 40px; } }
.chair-of-trustees-page .section-2 .wheel-content h2 {
  color: #47babb; }
  .chair-of-trustees-page .section-2 .wheel-content h2.segment-title {
    font-size: 1.6em;
    font-weight: 300; }
.chair-of-trustees-page .section-2 .wheel-content h4.segment-p {
  font-size: 1em;
  font-weight: 300; }
.chair-of-trustees-page .section-3 {
  background-color: #f5a3bd; }
  .chair-of-trustees-page .section-3 .one-in-four-graphic {
    text-align: center; }
    .chair-of-trustees-page .section-3 .one-in-four-graphic img {
      max-width: 250px; }
.chair-of-trustees-page .section-4 {
  text-align: center; }
  .chair-of-trustees-page .section-4 img.title {
    max-width: 400px; }
  .chair-of-trustees-page .section-4 .buttons {
    max-width: 660px;
    display: inline-block; }
    .chair-of-trustees-page .section-4 .buttons a img {
      width: 30%;
      padding: 20px; }
      @media screen and (min-width: 1200px) {
        .chair-of-trustees-page .section-4 .buttons a img {
          width: 24%; } }
.chair-of-trustees-page .section-5 {
  background-color: #f4e0e6; }
  .chair-of-trustees-page .section-5 .title {
    text-align: center; }
    .chair-of-trustees-page .section-5 .title img {
      max-width: 350px; }

/* colours ------------------ */
.pale-pink {
  color: #f8bed1; }

.blue-green {
  color: #47babb; }

.purple {
  color: #57185a; }

.alt-purple {
  color: #79146a; }

h4 {
  font-size: 1.8em;
  font-weight: 300; }

.education-personal-dev-container .section-1 {
  padding: 80px 20px;
  background-size: cover; }
  @media screen and (min-width: 890px) {
    .education-personal-dev-container .section-1 {
      padding: 120px 20px; } }
  @media screen and (min-width: 1200px) {
    .education-personal-dev-container .section-1 {
      padding: 120px 0; } }
.education-personal-dev-container .section-1,
.education-personal-dev-container .section-2,
.education-personal-dev-container .section-3 {
  color: #fff; }
.education-personal-dev-container .section-2,
.education-personal-dev-container .section-3,
.education-personal-dev-container .section-4 {
  padding: 40px 20px; }
  @media screen and (min-width: 1200px) {
    .education-personal-dev-container .section-2,
    .education-personal-dev-container .section-3,
    .education-personal-dev-container .section-4 {
      padding: 40px 0; } }
.education-personal-dev-container .section-2 {
  background-color: #3d4769; }
.education-personal-dev-container .section-3 {
  background-color: #c7b2d6; }
  .education-personal-dev-container .section-3 .circle-photo {
    text-align: center;
    margin-top: 50px; }
    .education-personal-dev-container .section-3 .circle-photo img {
      max-width: 70%; }
.education-personal-dev-container .section-4 {
  background-color: #dcf1fd; }
  .education-personal-dev-container .section-4 .education-event {
    background-color: #fff;
    padding: 20px; }
    .education-personal-dev-container .section-4 .education-event h4 {
      margin: 0;
      padding: 0;
      font-size: 1.0em; }
      @media screen and (min-width: 890px) {
        .education-personal-dev-container .section-4 .education-event h4 {
          font-size: 1.2em; } }
      @media screen and (min-width: 1200px) {
        .education-personal-dev-container .section-4 .education-event h4 {
          font-size: 1.4em; } }
    .education-personal-dev-container .section-4 .education-event a.btn {
      background-color: #781d7e;
      transition: background-color 0.3s;
      padding: 5px 10px;
      color: #fff; }
      .education-personal-dev-container .section-4 .education-event a.btn:hover {
        background-color: #511355;
        transition: background-color 0.3s; }
    .education-personal-dev-container .section-4 .education-event .content {
      min-height: 250px; }
.education-personal-dev-container .title {
  max-width: 80%; }
.education-personal-dev-container .last-title {
  max-width: 50%; }
.education-personal-dev-container .wordcloud {
  text-align: center;
  margin-top: 60px; }
  .education-personal-dev-container .wordcloud img {
    max-width: 75%; }

.capital-page h2 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .capital-page h2 {
      font-size: 4em; } }
.capital-page h3 {
  font-size: 1.9em;
  font-weight: normal;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .capital-page h3 {
      font-size: 2.3em; } }
.capital-page h4 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .capital-page h4 {
      font-size: 2em; } }
.capital-page h5 {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .capital-page h5 {
      font-size: 1.5em; } }
.capital-page p {
  font-size: 1em;
  margin-bottom: 1em; }
  @media only screen and (min-width: 1200px) {
    .capital-page p {
      font-size: 1.15em; } }

.btn-capital {
  background: #845f81;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  width: auto; }
  .btn-capital:hover {
    background: #664a64; }

.capital-page-header {
  background-image: url("../img/frontend/capital-appeal/header.png");
  background-size: cover;
  padding: 20px 20px 110px; }
  @media only screen and (min-width: 600px) {
    .capital-page-header {
      padding: 120px 20px 150px; } }
  @media only screen and (min-width: 1200px) {
    .capital-page-header {
      background-size: 100% 100%;
      padding: 120px 20px 250px; } }

.capital-page-header-text * {
  margin: 0; }
.capital-page-header-text h2 {
  color: #2e1352;
  margin-bottom: 0.5em; }
.capital-page-header-text h4 {
  color: #2e1352;
  margin-bottom: 0.5em; }
.capital-page-header-text p {
  color: #2e1352;
  margin-bottom: 0.5em; }

.capital-page-header-inner {
  background-image: url("../img/frontend/capital-appeal/header-inner.png");
  background-size: 100% 100%;
  color: #fff;
  padding: 40px 40px 40px 20px; }
  @media only screen and (min-width: 600px) {
    .capital-page-header-inner {
      padding: 50px 40px 50px 20px; } }
  @media only screen and (min-width: 1200px) {
    .capital-page-header-inner {
      padding: 50px 120px 50px 50px; } }
  .capital-page-header-inner * {
    margin: 0; }
  .capital-page-header-inner h4 {
    margin-bottom: 0.5em; }
  .capital-page-header-inner p {
    margin-bottom: 0.5em; }
    .capital-page-header-inner p a {
      color: #2e1352;
      font-weight: bold; }
      .capital-page-header-inner p a:hover {
        color: #b18bbe; }

.capital-problem {
  padding: 0 20px;
  position: relative;
  top: -80px; }
  .capital-problem.capital-problem--read-more .capital-problem-text {
    padding-top: 0; }

.capital-problem-text {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 40px 0; }
  @media only screen and (min-width: 1200px) {
    .capital-problem-text {
      padding: 0; } }
  .capital-problem-text * {
    margin: 0; }

.capital-quote {
  background-color: #eadeed; }
  .capital-quote .boxgrid {
    margin: 0; }
    .capital-quote .boxgrid > .col {
      margin: 0; }
    .capital-quote .boxgrid > .medium_6 {
      width: 100%; }
      @media only screen and (min-width: 600px) {
        .capital-quote .boxgrid > .medium_6 {
          width: 50%; } }

.capital-quote-text {
  align-items: center;
  color: #2e1352;
  display: flex;
  height: 100%;
  padding: 2em 20px 0; }
  .capital-quote-text div {
    padding-bottom: 2em; }
  .capital-quote-text .capital-quote-text-inner p:first-child {
    font-size: 1.25em; }
    @media only screen and (min-width: 600px) {
      .capital-quote-text .capital-quote-text-inner p:first-child {
        font-size: 1.3em; } }
    @media only screen and (min-width: 1200px) {
      .capital-quote-text .capital-quote-text-inner p:first-child {
        font-size: 1.4em; } }

.capital-room {
  background-color: #391a3e; }
  @media only screen and (min-width: 600px) {
    .capital-room {
      background-color: #eadeed; } }
  .capital-room .boxgrid {
    margin: 0; }
    .capital-room .boxgrid > .col {
      margin: 0; }
    .capital-room .boxgrid > .medium_6 {
      width: 100%; }
      @media only screen and (min-width: 600px) {
        .capital-room .boxgrid > .medium_6 {
          width: 50%; } }
    .capital-room .boxgrid > .large_4 {
      width: 30.3333333333%; }
    .capital-room .boxgrid > .large_pre_2 {
      margin-left: 18.1666666667%; }
  .capital-room.capital-room--read-more {
    background: #391a3e;
    padding-bottom: 80px;
    padding-top: 15px; }
    .capital-room.capital-room--read-more .capital-room-text {
      background-image: none;
      display: block; }

.capital-room-text {
  background-image: url("../img/frontend/capital-appeal/new-rooms-purple.png");
  background-size: 100% 100%;
  align-items: flex-end;
  color: #fff;
  display: flex;
  height: 100%;
  padding: 20px 20px; }
  @media only screen and (min-width: 600px) {
    .capital-room-text {
      align-items: center;
      padding: 0 20px; } }
  @media only screen and (min-width: 1200px) {
    .capital-room-text {
      padding: 0 40px; } }
  .capital-room-text * {
    margin: 0; }
  .capital-room-text div {
    margin-bottom: 3em; }
    @media only screen and (min-width: 600px) {
      .capital-room-text div {
        margin: 5em 0 2em; } }
    @media only screen and (min-width: 1200px) {
      .capital-room-text div {
        margin-bottom: 3em; } }
  .capital-room-text h4 {
    margin-bottom: 0.5em; }
  .capital-room-text p {
    margin-bottom: 0.5em; }
  .capital-room-text .btn-capital {
    margin: 20px 0; }
    @media only screen and (min-width: 600px) {
      .capital-room-text .btn-capital {
        margin: 5px 0; } }

.capital-room-img {
  align-items: center;
  display: flex;
  height: 100%; }
  .capital-room-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

.capital-cost {
  background: #d9c7d6;
  padding: 2.5em 20px 2.5em; }

.capital-cost-img {
  margin: 0 auto;
  max-width: 700px; }

.capital-cost-text * {
  margin: 0; }

.capital-cost-figures {
  display: grid;
  height: 100%; }
  .capital-cost-figures h4 {
    margin: 0; }
  .capital-cost-figures p {
    color: #545353;
    margin: 0; }

.capital-cost-figures-position.left-side {
  align-self: center;
  height: auto;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .capital-cost-figures-position.left-side {
      margin-left: auto;
      text-align: right; } }
.capital-cost-figures-position.right-side-top {
  align-self: flex-start;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .capital-cost-figures-position.right-side-top {
      margin-right: auto;
      text-align: left; } }
.capital-cost-figures-position.right-side-center {
  align-self: center;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .capital-cost-figures-position.right-side-center {
      margin-right: auto;
      text-align: left; } }
.capital-cost-figures-position.right-side-bottom {
  align-self: flex-end;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .capital-cost-figures-position.right-side-bottom {
      margin-right: auto;
      text-align: left; } }

.capital-donations {
  background: #6f244a;
  color: #fff;
  padding: 0 0 30px; }

.capital-donations-text {
  padding: 0 20px; }
  .capital-donations-text * {
    margin: 0; }

.capital-donations-img {
  padding: 0 20px; }

.capital-more {
  background: #e3d5e0;
  padding: 0 20px 30px; }
  @media only screen and (min-width: 600px) {
    .capital-more {
      padding: 0 20px; } }
  .capital-more .boxgrid .col {
    margin-bottom: 0;
    margin-top: 0; }

.capital-more-text {
  align-items: center;
  color: #2e1352;
  display: flex;
  height: 100%; }
  .capital-more-text * {
    margin: 0; }
  .capital-more-text a {
    color: #2e1352;
    font-weight: bold; }

.point-of-referral h1 {
  color: #424860;
  font-size: 1.9em;
  margin-bottom: 10px; }
  @media only screen and (min-width: 600px) {
    .point-of-referral h1 {
      font-size: 2em; } }
  @media only screen and (min-width: 1200px) {
    .point-of-referral h1 {
      font-size: 2.5em; } }
.point-of-referral h2 {
  color: #424860;
  font-size: 1.8em;
  line-height: 1;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 600px) {
    .point-of-referral h2 {
      font-size: 2em; } }
  @media only screen and (min-width: 1200px) {
    .point-of-referral h2 {
      font-size: 2.5em; } }
.point-of-referral h3 {
  font-size: 1.9em;
  font-weight: normal;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .point-of-referral h3 {
      font-size: 2.3em; } }
.point-of-referral h4 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .point-of-referral h4 {
      font-size: 2em; } }
.point-of-referral h5 {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1200px) {
    .point-of-referral h5 {
      font-size: 1.5em; } }
.point-of-referral p {
  font-size: 1em;
  margin-bottom: 1em; }
  @media only screen and (min-width: 1200px) {
    .point-of-referral p {
      font-size: 1.15em; } }

.btn-capital {
  background: #845f81;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  width: auto; }
  .btn-capital:hover {
    background: #664a64; }

.point-of-referral .referral-page-header {
  background-color: #fcf9fc;
  background: url("../img/frontend/pointofreferral/header-img.jpg") no-repeat;
  background-position: top center;
  background-size: auto 100%;
  padding: 20px 20px 40px; }
  @media only screen and (min-width: 600px) {
    .point-of-referral .referral-page-header {
      background-position: center;
      background-size: cover;
      padding: 80px 20px 50px; } }
  @media only screen and (min-width: 1200px) {
    .point-of-referral .referral-page-header {
      padding: 80px 20px 70px; } }
  .point-of-referral .referral-page-header p {
    color: #424860; }
    .point-of-referral .referral-page-header p:first-of-type {
      margin-top: 0; }
  .point-of-referral .referral-page-header .btn-referral {
    background: #d1d5d8;
    color: #424860;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 1em 0;
    text-align: center; }
    .point-of-referral .referral-page-header .btn-referral:hover {
      background: white; }
    @media only screen and (min-width: 600px) {
      .point-of-referral .referral-page-header .btn-referral {
        display: inline-block;
        margin: 15px 6px 0 0;
        width: 47%; } }

.referral-services {
  background: #ebecee;
  padding: 0 0.5em 5em; }
  @media only screen and (min-width: 600px) {
    .referral-services {
      padding: 0 0 5em; } }
  .referral-services .container .boxgrid {
    margin: 0; }
  .referral-services .container .col {
    margin-bottom: 0;
    margin-top: 0; }
  .referral-services h2 {
    text-align: center; }

.referral-services-block {
  padding: 1.5em 0; }
  @media only screen and (min-width: 600px) {
    .referral-services-block {
      padding: 1.5em 0; } }
  @media only screen and (min-width: 1200px) {
    .referral-services-block {
      padding: 1.5em 0; } }
  .referral-services-block .btn-referral-services {
    background: #d1d5d8;
    color: #424860;
    display: block;
    font-weight: bold;
    padding: 1em 0;
    text-align: center; }
    .referral-services-block .btn-referral-services:hover {
      background: white; }

.white-section {
  background: #f6f7f8; }
  .white-section p {
    margin-top: 0;
    padding: 0 2em;
    text-align: center; }

.referral-services-block-img {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1em;
  padding-bottom: 100%;
  position: relative;
  text-align: center;
  width: 100%; }
  .referral-services-block-img img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%; }

.referral-footer {
  background: #b5b2d9;
  background: linear-gradient(180deg, #424860 50.1%, #b5b2d9 50.1%); }
  @media only screen and (min-width: 600px) {
    .referral-footer {
      background: linear-gradient(90deg, #424860 50.1%, #b5b2d9 50.1%); } }
  .referral-footer h3 {
    font-weight: bold; }

.referral-footer-left {
  color: #fff;
  padding: 2em 2em 2em; }
  @media only screen and (min-width: 600px) {
    .referral-footer-left {
      padding: 2em 3em 3em; } }

.referral-footer-right {
  color: #424860;
  padding: 2em 2em 2em; }
  @media only screen and (min-width: 600px) {
    .referral-footer-right {
      padding: 2em 3em 3em; } }
  .referral-footer-right a {
    color: #424860; }
    .referral-footer-right a:hover {
      color: #616a8d; }

.donate-your-birthday .hero-strip .desktop-hero-img {
  display: none; }
@media screen and (min-width: 620px) {
  .donate-your-birthday .hero-strip .desktop-hero-img {
    display: block; }
  .donate-your-birthday .hero-strip .mobile-hero-img {
    display: none; } }
.donate-your-birthday .circles-strip {
  padding: 20px 0;
  background-image: url("../img/frontend/birthday/sprinkles-bg.jpg");
  background-size: cover; }
  .donate-your-birthday .circles-strip .main-title {
    color: #0d95ce;
    text-align: center;
    margin: 0 20px; }
    @media screen and (min-width: 890px) {
      .donate-your-birthday .circles-strip .main-title {
        margin: 0; } }
  .donate-your-birthday .circles-strip .birthday-circle {
    background-size: cover;
    background-position: center;
    padding: 30px; }
    .donate-your-birthday .circles-strip .birthday-circle.one {
      background-image: url("../img/frontend/birthday/circle-bg-1.png"); }
    .donate-your-birthday .circles-strip .birthday-circle.two {
      background-image: url("../img/frontend/birthday/circle-bg-2.png"); }
    .donate-your-birthday .circles-strip .birthday-circle.three {
      background-image: url("../img/frontend/birthday/circle-bg-3.png"); }
    .donate-your-birthday .circles-strip .birthday-circle .title {
      color: #0d95ce; }
    .donate-your-birthday .circles-strip .birthday-circle .text {
      color: #fff; }
.donate-your-birthday .form-strip {
  background-image: url("../img/frontend/birthday/balloons-bg.jpg");
  background-size: cover;
  padding: 40px 0; }
  .donate-your-birthday .form-strip .form-container {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 50px #8e9091;
    margin: 20px; }
    @media screen and (min-width: 890px) {
      .donate-your-birthday .form-strip .form-container {
        margin: 0; } }
    .donate-your-birthday .form-strip .form-container .form-title {
      max-width: 65%;
      margin: 0 auto; }
    .donate-your-birthday .form-strip .form-container form input {
      text-align: center;
      width: 100%;
      color: #0d95ce;
      font-size: 17px;
      background-color: #dcf1fd;
      border: none;
      padding: 5px 0;
      margin: 5px 0;
      height: 50px; }
      .donate-your-birthday .form-strip .form-container form input.half-width {
        width: 100%;
        display: inline-block; }
        @media screen and (min-width: 760px) {
          .donate-your-birthday .form-strip .form-container form input.half-width {
            width: 49.3%; } }
        @media screen and (min-width: 1200px) {
          .donate-your-birthday .form-strip .form-container form input.half-width {
            width: 49.6%; } }
    .donate-your-birthday .form-strip .form-container form input.birthday-submit {
      background-color: #0d95ce;
      color: #fff;
      transition: background-color 0.3s;
      font-size: 20px; }
      .donate-your-birthday .form-strip .form-container form input.birthday-submit:hover {
        cursor: pointer;
        background-color: #086186;
        transition: background-color 0.3s; }
.donate-your-birthday .birthday-story-strip {
  padding: 40px 20px; }
  @media screen and (min-width: 890px) {
    .donate-your-birthday .birthday-story-strip {
      padding: 20px 0; } }
  .donate-your-birthday .birthday-story-strip .birthday-title,
  .donate-your-birthday .birthday-story-strip .birthday-subtitle {
    max-width: 50%; }
  .donate-your-birthday .birthday-story-strip .birthday-subtitle {
    color: #236282;
    font-weight: 300; }
  .donate-your-birthday .birthday-story-strip .text {
    color: #236282; }
.donate-your-birthday .donation-counter-strip {
  padding: 40px 0;
  background-color: #dcf1fd; }
  .donate-your-birthday .donation-counter-strip .donation-counter-container {
    max-width: 700px;
    width: 100%;
    margin: 0 auto; }
    .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic,
    .donate-your-birthday .donation-counter-strip .donation-counter-container .cake-graphic {
      position: initial;
      padding: 30px 0;
      margin: 0 20px; }
      @media screen and (min-width: 620px) {
        .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic,
        .donate-your-birthday .donation-counter-strip .donation-counter-container .cake-graphic {
          display: inline-block;
          width: 45%;
          position: relative;
          padding: 0;
          margin: 0; } }
    .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic {
      background-image: url("../img/frontend/birthday/donation-no-circle-bg.png");
      background-size: contain;
      background-repeat: no-repeat;
      right: -15px;
      z-index: 40;
      min-height: 300px; }
      .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic .number {
        text-align: center;
        color: #fff;
        font-size: 75px;
        margin-left: 18%;
        margin-right: 5%; }
      .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic img {
        text-align: center;
        width: 100px; }
      .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic h4 {
        text-align: center;
        font-size: 23px;
        color: #80aac0; }
      @media screen and (min-width: 620px) {
        .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic .number {
          font-size: 130px;
          position: absolute;
          left: 66px;
          top: 0;
          margin: 0; }
        .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic img {
          position: absolute;
          left: 171px;
          top: 91px;
          width: 77px; }
        .donate-your-birthday .donation-counter-strip .donation-counter-container .circle-graphic h4 {
          position: absolute;
          top: 127px;
          left: 86px; } }
    .donate-your-birthday .donation-counter-strip .donation-counter-container .cake-graphic {
      left: -30px;
      top: -50px;
      z-index: 50; }

.home .coronavirus {
  color: #fff;
  padding: 40px 20px; }
  @media only screen and (min-width: 300px) {
    .home .coronavirus {
      padding: 80px 40px; } }
  .home .coronavirus .coronavirus-img {
    display: none; }
    @media only screen and (min-width: 1200px) {
      .home .coronavirus .coronavirus-img {
        display: block; } }
  .home .coronavirus .btn {
    background-color: #d1d5d8;
    color: #424860; }
.home .here-for-the-future {
  background-color: #ebecee;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .home .here-for-the-future {
      text-align: left; } }
  .home .here-for-the-future .inner {
    background-color: #f5eaf0;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    padding: 30px; }
    @media only screen and (min-width: 600px) {
      .home .here-for-the-future .inner {
        background-image: url("../img/frontend/here-for-the-future/banner-bg.jpg"); } }
    @media screen and (min-width: 1280px) {
      .home .here-for-the-future .inner {
        padding: 60px 0; } }
    .home .here-for-the-future .inner h1.pale, .home .here-for-the-future .inner h2.pale, .home .here-for-the-future .inner h3.pale, .home .here-for-the-future .inner h4.pale, .home .here-for-the-future .inner h5.pale, .home .here-for-the-future .inner h6.pale, .home .here-for-the-future .inner a.pale, .home .here-for-the-future .inner p.pale, .home .here-for-the-future .inner span.pale, .home .here-for-the-future .inner li.pale {
      color: #fff; }
    .home .here-for-the-future .inner h1.pink, .home .here-for-the-future .inner h2.pink, .home .here-for-the-future .inner h3.pink, .home .here-for-the-future .inner h4.pink, .home .here-for-the-future .inner h5.pink, .home .here-for-the-future .inner h6.pink, .home .here-for-the-future .inner a.pink, .home .here-for-the-future .inner p.pink, .home .here-for-the-future .inner span.pink, .home .here-for-the-future .inner li.pink {
      color: #f5eaf0; }
    .home .here-for-the-future .inner h1.pink-alt, .home .here-for-the-future .inner h2.pink-alt, .home .here-for-the-future .inner h3.pink-alt, .home .here-for-the-future .inner h4.pink-alt, .home .here-for-the-future .inner h5.pink-alt, .home .here-for-the-future .inner h6.pink-alt, .home .here-for-the-future .inner a.pink-alt, .home .here-for-the-future .inner p.pink-alt, .home .here-for-the-future .inner span.pink-alt, .home .here-for-the-future .inner li.pink-alt {
      color: #c290aa; }
    .home .here-for-the-future .inner h1.purple, .home .here-for-the-future .inner h2.purple, .home .here-for-the-future .inner h3.purple, .home .here-for-the-future .inner h4.purple, .home .here-for-the-future .inner h5.purple, .home .here-for-the-future .inner h6.purple, .home .here-for-the-future .inner a.purple, .home .here-for-the-future .inner p.purple, .home .here-for-the-future .inner span.purple, .home .here-for-the-future .inner li.purple {
      color: #793557; }
    .home .here-for-the-future .inner .title {
      font-size: 2em;
      text-align: center; }
      @media only screen and (min-width: 600px) {
        .home .here-for-the-future .inner .title {
          text-align: left; } }
    .home .here-for-the-future .inner .btn {
      background-color: #793557;
      transition: background-color 0.3s;
      padding: 5px 15px;
      color: #fff;
      text-align: center;
      font-size: 1.7em;
      font-weight: 600; }
      .home .here-for-the-future .inner .btn:hover {
        background-color: #c290aa;
        transition: background-color 0.3s; }
.home .price-graphic {
  position: absolute;
  bottom: 0%;
  right: 0%;
  max-width: 80px; }
  @media screen and (min-width: 560px) {
    .home .price-graphic {
      bottom: 5%;
      right: 10%;
      max-width: 100px; } }
  @media screen and (min-width: 980px) {
    .home .price-graphic {
      max-width: 150px;
      right: 20%; } }
  .home .price-graphic img {
    width: 100%;
    height: auto; }
.home .patient-stories-inner {
  margin: 0 40px; }
  @media screen and (min-width: 1280px) {
    .home .patient-stories-inner {
      margin: 0; } }

.donating-in-memory .strip {
  padding: 40px; }
  @media screen and (min-width: 1200px) {
    .donating-in-memory .strip {
      padding: 60px 0; } }
  .donating-in-memory .strip.extra-padding {
    padding: 40px; }
    @media screen and (min-width: 599px) {
      .donating-in-memory .strip.extra-padding {
        padding: 120px 40px; } }
    @media screen and (min-width: 1200px) {
      .donating-in-memory .strip.extra-padding {
        padding: 120px 0; } }
  .donating-in-memory .strip.donating {
    background-image: url("../../assets/img/frontend/donating-in-memory/donating-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff; }
    .donating-in-memory .strip.donating a {
      color: #fff;
      text-decoration: underline; }
      .donating-in-memory .strip.donating a.btn {
        text-decoration: none; }
  .donating-in-memory .strip.funeral-collections {
    color: #636363;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top; }
    @media screen and (min-width: 1200px) {
      .donating-in-memory .strip.funeral-collections {
        background-position: top right; } }
  .donating-in-memory .strip.tree-of-life {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    color: #35606b; }
    .donating-in-memory .strip.tree-of-life .icon {
      display: block;
      height: auto;
      width: 30%;
      margin: 0 auto; }
      @media screen and (min-width: 599px) {
        .donating-in-memory .strip.tree-of-life .icon {
          width: 45%; } }
      @media screen and (min-width: 890px) {
        .donating-in-memory .strip.tree-of-life .icon {
          width: 60%;
          margin: initial; } }
    .donating-in-memory .strip.tree-of-life .title {
      display: block;
      width: 40%;
      height: auto;
      margin: 10px auto 0 auto; }
      @media screen and (min-width: 599px) {
        .donating-in-memory .strip.tree-of-life .title {
          width: 60%; } }
      @media screen and (min-width: 890px) {
        .donating-in-memory .strip.tree-of-life .title {
          width: 80%;
          margin: 10px 0 0 0; } }
      .donating-in-memory .strip.tree-of-life .title.first-title {
        margin: 0; }
    .donating-in-memory .strip.tree-of-life .sentence {
      text-align: center; }
      @media screen and (min-width: 890px) {
        .donating-in-memory .strip.tree-of-life .sentence {
          text-align: left; } }
  .donating-in-memory .strip.tribute-funds {
    background-color: #36626d;
    background-size: cover;
    background-position: unset;
    color: #ffffff; }
    @media screen and (min-width: 690px) {
      .donating-in-memory .strip.tribute-funds {
        background-position: center; } }
    @media screen and (min-width: 1200px) {
      .donating-in-memory .strip.tribute-funds {
        min-height: 600px; } }
  .donating-in-memory .strip.memory-elephants {
    background-color: #d2bbdc;
    background-size: cover;
    color: #3d4769;
    background-position: right; }
    @media screen and (min-width: 620px) {
      .donating-in-memory .strip.memory-elephants {
        background-position: center; } }
    @media screen and (min-width: 1200px) {
      .donating-in-memory .strip.memory-elephants {
        background-position: right; } }
  .donating-in-memory .strip.get-in-touch {
    color: #636363; }
  .donating-in-memory .strip h3 {
    font-size: 23px; }
.donating-in-memory .title img {
  max-width: 60%; }
.donating-in-memory .title.large img {
  max-width: 100%; }
.donating-in-memory .btn {
  background-color: #781d7e;
  transition: background-color 0.3s;
  color: #fff;
  padding: 5px 10px; }
  .donating-in-memory .btn:hover {
    background-color: #4f1253;
    transition: background-color 0.3s; }
.donating-in-memory .contact-detail {
  color: #d2bbdc; }
  .donating-in-memory .contact-detail a {
    color: #d2bbdc;
    text-decoration: none; }
.donating-in-memory #more-tribute-fund-info {
  display: none; }
  .donating-in-memory #more-tribute-fund-info.open {
    display: block; }
.donating-in-memory #more-tribute-fund-imgs {
  display: none; }
  .donating-in-memory #more-tribute-fund-imgs.open {
    display: block; }
  .donating-in-memory #more-tribute-fund-imgs img {
    border-radius: 50%;
    max-width: 170px;
    margin-top: 75px; }
.donating-in-memory .supporting-businesses {
  text-align: center; }

/**
1. Christmas appeal
2. Here for the future
3. Our appeal
*/
/*
* 1. Christmas appeal
*/
#christmas-appeal-page .christmas-appeal .header-banner {
  background-image: url("../../assets/img/frontend/christmas-appeal/header-bg.jpg");
  background-size: cover;
  background-position: top left;
  padding: 30px; }
  @media screen and (min-width: 560px) {
    #christmas-appeal-page .christmas-appeal .header-banner {
      padding: 100px 30px;
      background-position: top right; } }
  @media screen and (min-width: 1280px) {
    #christmas-appeal-page .christmas-appeal .header-banner {
      padding: 100px 0; } }
  @media screen and (min-width: 1320px) {
    #christmas-appeal-page .christmas-appeal .header-banner .offset-img {
      margin-left: -50px; } }
#christmas-appeal-page .christmas-appeal .donation-callouts {
  background-image: linear-gradient(to right, #b71f23, #740104);
  color: #fff;
  padding: 30px; }
  @media screen and (min-width: 560px) {
    #christmas-appeal-page .christmas-appeal .donation-callouts {
      padding: 100px 30px; } }
  @media screen and (min-width: 1280px) {
    #christmas-appeal-page .christmas-appeal .donation-callouts {
      padding: 100px 0; } }
  #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    color: #fff;
    transition: color 0.3s;
    padding: 25px 15px 25px 100px;
    font-size: 16px;
    margin-top: 75px; }
    @media screen and (min-width: 560px) {
      #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn {
        font-size: 32px;
        padding: 40px 20px 40px 120px; } }
    #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:hover {
      color: #740104;
      transition: color 0.3s; }
    #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:before {
      position: absolute;
      left: -24px;
      top: -28px; }
      @media screen and (min-width: 560px) {
        #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:before {
          left: -30px;
          top: -15px; } }
    #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:first-child {
      background-image: url("../../assets/img/frontend/christmas-appeal/btn-bg.png"); }
      #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:first-child:before {
        content: url("../../assets/img/frontend/christmas-appeal/graphic-snowflake.png"); }
    #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:nth-child(2) {
      background-image: url("../../assets/img/frontend/christmas-appeal/btn-bg-2.png"); }
      #christmas-appeal-page .christmas-appeal .donation-callouts .callouts .snowflake-btn:nth-child(2):before {
        content: url("../../assets/img/frontend/christmas-appeal/graphic-snowflakes.png"); }
#christmas-appeal-page .christmas-appeal .patient-story {
  padding: 30px; }
  @media screen and (min-width: 560px) {
    #christmas-appeal-page .christmas-appeal .patient-story {
      padding: 100px 30px; } }
  @media screen and (min-width: 1280px) {
    #christmas-appeal-page .christmas-appeal .patient-story {
      padding: 100px 0; } }
  #christmas-appeal-page .christmas-appeal .patient-story .text h1, #christmas-appeal-page .christmas-appeal .patient-story .text h2, #christmas-appeal-page .christmas-appeal .patient-story .text h3, #christmas-appeal-page .christmas-appeal .patient-story .text h4, #christmas-appeal-page .christmas-appeal .patient-story .text h5, #christmas-appeal-page .christmas-appeal .patient-story .text h6 {
    color: #9a9e4c; }
  #christmas-appeal-page .christmas-appeal .patient-story .text p {
    color: #5d7d45; }
  #christmas-appeal-page .christmas-appeal .patient-story .text .extra-content {
    display: none;
    margin-top: 40px; }
  #christmas-appeal-page .christmas-appeal .patient-story button {
    background-color: #5d7d45;
    color: #fff;
    display: block;
    font-size: 24px;
    margin-top: 40px;
    border: none; }
  #christmas-appeal-page .christmas-appeal .patient-story .offset-img {
    margin-top: 30px; }
    @media screen and (min-width: 560px) {
      #christmas-appeal-page .christmas-appeal .patient-story .offset-img {
        margin-top: -70px; } }
  #christmas-appeal-page .christmas-appeal .patient-story .end-text {
    text-align: center;
    color: #9a9e4c; }
#christmas-appeal-page .christmas-appeal .bg-merge {
  background-image: url("../../assets/img/frontend/christmas-appeal/bottom-bg.png");
  background-size: cover;
  background-position: left top;
  min-height: 85px; }
#christmas-appeal-page .christmas-appeal .donation-amounts {
  background-color: #ffe6e7;
  padding: 30px; }
  @media screen and (min-width: 560px) {
    #christmas-appeal-page .christmas-appeal .donation-amounts {
      padding: 20px 30px 100px 30px; } }
  @media screen and (min-width: 1280px) {
    #christmas-appeal-page .christmas-appeal .donation-amounts {
      padding: 20px 0 100px 0; } }
  #christmas-appeal-page .christmas-appeal .donation-amounts .subtitle {
    color: #b71f23; }
  #christmas-appeal-page .christmas-appeal .donation-amounts .card {
    background-color: #fff; }
    #christmas-appeal-page .christmas-appeal .donation-amounts .card .img-head {
      position: relative; }
      #christmas-appeal-page .christmas-appeal .donation-amounts .card .img-head .donation-amount-img {
        position: absolute;
        left: 20px;
        bottom: -30px;
        max-width: 110px; }
    #christmas-appeal-page .christmas-appeal .donation-amounts .card .text {
      padding: 20px; }
      #christmas-appeal-page .christmas-appeal .donation-amounts .card .text .btn {
        background-color: #b71f23;
        color: #fff; }

/*
* 2. Here for the future
*/
#here-for-the-future h1.pale, #here-for-the-future h2.pale, #here-for-the-future h3.pale, #here-for-the-future h4.pale, #here-for-the-future h5.pale, #here-for-the-future h6.pale, #here-for-the-future a.pale, #here-for-the-future p.pale, #here-for-the-future span.pale, #here-for-the-future li.pale {
  color: #fff; }
#here-for-the-future h1.pink, #here-for-the-future h2.pink, #here-for-the-future h3.pink, #here-for-the-future h4.pink, #here-for-the-future h5.pink, #here-for-the-future h6.pink, #here-for-the-future a.pink, #here-for-the-future p.pink, #here-for-the-future span.pink, #here-for-the-future li.pink {
  color: #f5eaf0; }
#here-for-the-future h1.pink-alt, #here-for-the-future h2.pink-alt, #here-for-the-future h3.pink-alt, #here-for-the-future h4.pink-alt, #here-for-the-future h5.pink-alt, #here-for-the-future h6.pink-alt, #here-for-the-future a.pink-alt, #here-for-the-future p.pink-alt, #here-for-the-future span.pink-alt, #here-for-the-future li.pink-alt {
  color: #c290aa; }
#here-for-the-future h1.purple, #here-for-the-future h2.purple, #here-for-the-future h3.purple, #here-for-the-future h4.purple, #here-for-the-future h5.purple, #here-for-the-future h6.purple, #here-for-the-future a.purple, #here-for-the-future p.purple, #here-for-the-future span.purple, #here-for-the-future li.purple {
  color: #793557; }
#here-for-the-future .banner,
#here-for-the-future .callout {
  padding: 30px; }
  @media screen and (min-width: 1280px) {
    #here-for-the-future .banner,
    #here-for-the-future .callout {
      padding: 40px 0 60px; } }
#here-for-the-future .banner {
  background-color: #f5eaf0;
  background-size: cover;
  background-position: right top; }
  @media only screen and (min-width: 600px) {
    #here-for-the-future .banner {
      background-image: url("../img/frontend/here-for-the-future/banner-bg.jpg"); } }
  #here-for-the-future .banner .banner-logo {
    padding: 30px 0; }
    @media only screen and (min-width: 600px) {
      #here-for-the-future .banner .banner-logo {
        padding: 80px 0; } }
#here-for-the-future .callout {
  background-image: url("../img/frontend/here-for-the-future/purple-gradient.jpg");
  background-size: cover; }
  #here-for-the-future .callout .donation-btn {
    display: block; }
    @media only screen and (min-width: 300px) {
      #here-for-the-future .callout .donation-btn {
        margin-top: 20px; } }
    @media only screen and (min-width: 600px) {
      #here-for-the-future .callout .donation-btn {
        margin-top: 60px; } }
#here-for-the-future .story {
  padding: 30px; }
  @media screen and (min-width: 1280px) {
    #here-for-the-future .story {
      padding: 40px 0 20px; } }
  @media only screen and (min-width: 1200px) {
    #here-for-the-future .story .offset-img {
      margin-top: -150px; } }
  #here-for-the-future .story .subtitle {
    text-align: center; }
  #here-for-the-future .story .here-read-more:hover {
    cursor: pointer; }
  #here-for-the-future .story .here-hidden {
    display: none; }
#here-for-the-future .donation-tiers {
  background-image: url("../img/frontend/here-for-the-future/pink-swoosh.jpg");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f5eaf0;
  padding: 30px; }
  @media screen and (min-width: 1280px) {
    #here-for-the-future .donation-tiers {
      padding: 60px 0; } }
  #here-for-the-future .donation-tiers .card {
    background-color: #fff;
    box-shadow: 0 0 5px #858585; }
    #here-for-the-future .donation-tiers .card .img-head {
      position: relative; }
      #here-for-the-future .donation-tiers .card .img-head .price-circle {
        position: absolute;
        left: 20px;
        bottom: -30px;
        max-width: 110px; }
    #here-for-the-future .donation-tiers .card .text-content {
      padding: 20px; }
#here-for-the-future .btn {
  background-color: #793557;
  transition: background-color 0.3s;
  padding: 5px 15px;
  color: #fff;
  text-align: center; }
  #here-for-the-future .btn:hover {
    background-color: #c290aa;
    transition: background-color 0.3s; }

/*
* 3. Here for the future - Video
*/
#here-for-the-future-video h1.pale, #here-for-the-future-video h2.pale, #here-for-the-future-video h3.pale, #here-for-the-future-video h4.pale, #here-for-the-future-video h5.pale, #here-for-the-future-video h6.pale, #here-for-the-future-video a.pale, #here-for-the-future-video p.pale, #here-for-the-future-video span.pale, #here-for-the-future-video li.pale {
  color: #fff; }
#here-for-the-future-video h1.pink, #here-for-the-future-video h2.pink, #here-for-the-future-video h3.pink, #here-for-the-future-video h4.pink, #here-for-the-future-video h5.pink, #here-for-the-future-video h6.pink, #here-for-the-future-video a.pink, #here-for-the-future-video p.pink, #here-for-the-future-video span.pink, #here-for-the-future-video li.pink {
  color: #f5eaf0; }
#here-for-the-future-video h1.pink-alt, #here-for-the-future-video h2.pink-alt, #here-for-the-future-video h3.pink-alt, #here-for-the-future-video h4.pink-alt, #here-for-the-future-video h5.pink-alt, #here-for-the-future-video h6.pink-alt, #here-for-the-future-video a.pink-alt, #here-for-the-future-video p.pink-alt, #here-for-the-future-video span.pink-alt, #here-for-the-future-video li.pink-alt {
  color: #c290aa; }
#here-for-the-future-video h1.purple, #here-for-the-future-video h2.purple, #here-for-the-future-video h3.purple, #here-for-the-future-video h4.purple, #here-for-the-future-video h5.purple, #here-for-the-future-video h6.purple, #here-for-the-future-video a.purple, #here-for-the-future-video p.purple, #here-for-the-future-video span.purple, #here-for-the-future-video li.purple {
  color: #793557; }
#here-for-the-future-video h1.title, #here-for-the-future-video h2.title, #here-for-the-future-video h3.title, #here-for-the-future-video h4.title, #here-for-the-future-video h5.title, #here-for-the-future-video h6.title, #here-for-the-future-video a.title, #here-for-the-future-video p.title, #here-for-the-future-video span.title, #here-for-the-future-video li.title {
  font-size: 16px; }
  @media screen and (min-width: 560px) {
    #here-for-the-future-video h1.title, #here-for-the-future-video h2.title, #here-for-the-future-video h3.title, #here-for-the-future-video h4.title, #here-for-the-future-video h5.title, #here-for-the-future-video h6.title, #here-for-the-future-video a.title, #here-for-the-future-video p.title, #here-for-the-future-video span.title, #here-for-the-future-video li.title {
      font-size: 28px; } }
#here-for-the-future-video .banner,
#here-for-the-future-video .video {
  padding: 30px; }
  @media screen and (min-width: 1280px) {
    #here-for-the-future-video .banner,
    #here-for-the-future-video .video {
      padding: 40px 0 60px; } }
#here-for-the-future-video .banner {
  background-image: linear-gradient(to right, #e7b9d1, #cb79a4); }
  #here-for-the-future-video .banner .banner-logo {
    padding: 30px 0; }
    @media only screen and (min-width: 600px) {
      #here-for-the-future-video .banner .banner-logo {
        padding: 80px 0; } }
  @media screen and (min-width: 560px) {
    #here-for-the-future-video .banner .banner-text {
      margin-top: 100px; } }
#here-for-the-future-video .video {
  background-image: url("../img/frontend/here-for-the-future/purple-gradient.jpg");
  background-size: cover; }
  #here-for-the-future-video .video .video-container {
    background-image: url("../img/frontend/here-for-the-future/video-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center; }
    #here-for-the-future-video .video .video-container iframe {
      width: 100%;
      margin: 60px 0;
      min-height: 240px; }
      @media screen and (min-width: 560px) {
        #here-for-the-future-video .video .video-container iframe {
          width: 60%;
          margin: 140px 0;
          min-height: 393px; } }
#here-for-the-future-video .story {
  padding: 30px; }
  @media screen and (min-width: 1280px) {
    #here-for-the-future-video .story {
      padding: 40px 0 20px; } }
  @media only screen and (min-width: 1200px) {
    #here-for-the-future-video .story .offset-img {
      margin-top: -150px; } }
  #here-for-the-future-video .story .subtitle {
    text-align: center; }
  #here-for-the-future-video .story .here-read-more:hover {
    cursor: pointer; }
  #here-for-the-future-video .story .here-hidden {
    display: none; }
#here-for-the-future-video .btn {
  background-color: #793557;
  transition: background-color 0.3s;
  padding: 5px 15px;
  color: #fff;
  text-align: center; }
  #here-for-the-future-video .btn:hover {
    background-color: #c290aa;
    transition: background-color 0.3s; }

/*
* 4. Our appeal
*/
.our-appeal-donate {
  color: #fff;
  padding: 40px 20px;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .our-appeal-donate {
      padding: 60px 0; } }
  .our-appeal-donate form input {
    display: block;
    margin: 0 auto;
    padding: 20px;
    border: none;
    opacity: 1;
    transition: opacity 0.4s;
    width: 100%; }
    @media screen and (min-width: 620px) {
      .our-appeal-donate form input {
        width: 60%; } }
    @media screen and (min-width: 1200px) {
      .our-appeal-donate form input {
        width: 40%; } }
    .our-appeal-donate form input.h2 {
      font-size: 12px; }
      @media screen and (min-width: 620px) {
        .our-appeal-donate form input.h2 {
          font-size: 14px; } }
      @media screen and (min-width: 890px) {
        .our-appeal-donate form input.h2 {
          font-size: 18px; } }
      @media screen and (min-width: 1200px) {
        .our-appeal-donate form input.h2 {
          font-size: 25px; } }
    .our-appeal-donate form input:hover {
      cursor: pointer;
      opacity: 0.9;
      transition: opacity 0.4s; }

.our-appeal-story {
  background-color: #228b99;
  color: #fff;
  padding: 40px 20px; }
  @media screen and (min-width: 1200px) {
    .our-appeal-story {
      padding: 60px 0; } }
  .our-appeal-story .read-more-btn {
    background-color: #eee;
    padding: 20px 30px;
    display: block;
    text-align: center;
    max-width: 150px;
    color: #000;
    margin: 50px auto 0 auto;
    opacity: 1;
    transition: opacity 0.4s; }
    .our-appeal-story .read-more-btn:hover {
      cursor: pointer;
      opacity: 0.8;
      transition: opacity 0.4s; }
  .our-appeal-story .read-more {
    display: none; }

#archive-challenges-outer {
  background-color: #768ba5; }
  @media screen and (min-width: 890px) {
    #archive-challenges-outer .archive-challenges-container {
      padding-top: 120px;
      padding-bottom: 60px; } }
  #archive-challenges-outer .archive-challenges-container .archive-challenges-title,
  #archive-challenges-outer .archive-challenges-container .archive-challenges-subtitle {
    color: #fff; }
  #archive-challenges-outer .archive-challenges-container .archive-challenges-title {
    font-size: 34px; }
    @media screen and (min-width: 890px) {
      #archive-challenges-outer .archive-challenges-container .archive-challenges-title {
        font-size: 38px; } }
    #archive-challenges-outer .archive-challenges-container .archive-challenges-title a {
      color: #fff; }
  #archive-challenges-outer .archive-challenges-container .challenge-menu {
    margin: 20px; }
    @media screen and (min-width: 890px) {
      #archive-challenges-outer .archive-challenges-container .challenge-menu {
        margin: 0; } }
    #archive-challenges-outer .archive-challenges-container .challenge-menu .menu-item {
      padding: 20px;
      background-color: #fff; }
      #archive-challenges-outer .archive-challenges-container .challenge-menu .menu-item .title {
        color: #4e5a7b;
        margin: 0; }
      #archive-challenges-outer .archive-challenges-container .challenge-menu .menu-item .btn {
        font-weight: 600; }

.challenge-single {
  background-color: #768ba5;
  padding: 20px 0 20px 0; }
  @media screen and (min-width: 890px) {
    .challenge-single {
      padding: 120px 0 60px 0; } }

#our-values section {
  padding: 20px 30px; }
  @media only screen and (min-width: 600px) {
    #our-values section {
      padding: 60px 30px; } }
  @media only screen and (min-width: 1200px) {
    #our-values section {
      padding: 60px 0; } }
#our-values .top-banner {
  background-image: url("../../assets/img/frontend/our-values/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom; }
  #our-values .top-banner .text-section {
    position: relative;
    z-index: 20;
    color: #2e1352; }
    #our-values .top-banner .text-section p {
      font-size: 1.4em;
      color: #3d4769; }
  #our-values .top-banner .offset-graphic {
    position: relative;
    z-index: 10;
    width: 125%;
    height: auto;
    margin-left: -50px; }
    @media only screen and (min-width: 600px) {
      #our-values .top-banner .offset-graphic {
        margin-top: -75px;
        margin-left: -150px; } }
  #our-values .top-banner .img-section {
    margin-top: 50px; }
    #our-values .top-banner .img-section .caption {
      background-image: url("../../assets/img/frontend/our-values/caption-bg.png");
      background-size: contain;
      background-repeat: no-repeat;
      padding: 25px 15px;
      color: #fff;
      position: relative;
      z-index: 30;
      max-width: 100%; }
      @media only screen and (min-width: 600px) {
        #our-values .top-banner .img-section .caption {
          margin-top: -60px;
          margin-left: -75px;
          max-width: 50%;
          padding: 10px 60px; } }
      @media only screen and (min-width: 1200px) {
        #our-values .top-banner .img-section .caption {
          padding: 25px 15px; } }
#our-values .content .title {
  color: #9f74b0;
  font-weight: 600;
  margin: 0; }
  @media only screen and (min-width: 600px) {
    #our-values .content .title {
      margin: inherit; } }
#our-values .content p {
  color: #3d4769;
  font-size: 1.3em; }
  @media only screen and (min-width: 600px) {
    #our-values .content p {
      font-size: 1.5em; } }
#our-values .signoff {
  color: #2e1352;
  background-image: url("../../assets/img/frontend/our-values/footer-bg.png");
  background-size: cover;
  background-repeat: no-repeat; }

@media screen and (min-width: 599px) {
  .loading {
    margin-bottom: 100px; }

  .confirm-donate-submit-outer {
    text-align: left; }

  .referralphase .referralphase-container {
    width: 22%; }

  .staff-photo img {
    max-width: 320px; }

  .shop-ashgate-inner, .everypersonmatters-inner.shop-ashgate-white-copy h4, .everypersonmatters-inner.shop-ashgate-white-copy h2, .everypersonmatters-inner.shop-ashgate-white-copy p {
    color: #fff; }

  .everypersonmatters-inner.shop-ashgate-white-copy {
    padding-top: 100px; }

  .events-box {
    min-height: 430px; }

  .news-article-2 article {
    min-height: 540px; }

  .news-article article {
    min-height: 505px; }

  .footer-social-media img,
  .event-social-media img {
    max-width: 60px;
    margin-left: 8px; }

  #news-main {
    padding-top: 80px; }

  .paul-column {
    max-height: 299px;
    width: 50%; }

  .desktop-hide {
    display: none; }

  .primary-navigation {
    display: initial;
    display: inline; }

  .desktop-button {
    display: initial;
    display: inline; }

  .mobile-button {
    display: none; }

  #shop-ashgate {
    background-image: url("/wp-content/uploads/2020/04/replace.jpg"); }

  #shop-ashgate-alt {
    background-image: url("/wp-content/uploads/2017/09/newstores-bg.jpg"); }

  .logo img {
    position: absolute;
    max-width: 117px; }

  .accordian-switch {
    height: 50px;
    width: 50px;
    margin-left: 10px; }

  .table.lottery-table {
    font-size: 14px;
    width: 100%; }

  .single-everypersonmatters-video iframe {
    width: 90%; }

  /* Desktop menu -------------------------- */
  li.back-link {
    display: none; }

  .menu-primary-nav-container {
    height: 50px;
    z-index: 120; }

  .position-fixed-override {
    position: fixed;
    margin-left: 28px; }

  .title_line1 {
    color: #424860;
    font-size: 38px; }

  ul.sub-menu-list {
    list-style-type: none;
    padding: 0; }

  table.lottery-table td, table.lottery-table th {
    padding: 5px; }

  .nav-logo img {
    padding-right: 30px; }

  .nav-logo {
    display: block; }

  .events-box-inner-text {
    min-height: 185px; }

  li.megatitle a {
    text-decoration: underline;
    color: #b71a8b !important;
    font-weight: 600; }

  li.megatitle:hover {
    color: #b71a8b !important; }

  #donate-page-form label {
    padding-left: 13px; }

  #donate-page-form label.dedicate-label,
  .top-donate-field label {
    margin-right: 99px !important; }

  #pre-header {
    background-color: #eee0ee;
    padding-bottom: 7px;
    height: 63px;
    color: #250858; }
    #pre-header a {
      color: #250858; }

  .openli::after {
    position: relative;
    z-index: 500;
    top: 19px;
    right: 65%;
    margin: 0;
    padding: 0;
    width: 0;
    display: inline-block;
    content: url("/wp-content/uploads/2016/07/menu-dropdown2.png"); }

  .pre-header-buttons {
    text-align: right; }

  button.events-box-button {
    font-size: 16px; }

  button.shop-button-1,
  button.shop-button-2,
  button.shop-button-3 {
    width: 29%;
    margin-bottom: 70px; }

  p.hero-donate-small-heading {
    margin-top: 20px;
    margin-bottom: 0; } }
@media screen and (min-width: 766px) {
  .patient-stories-video iframe {
    border: none;
    width: 100%;
    height: auto;
    min-height: 403px;
    max-height: 403px;
    max-width: 717px; }

  img.patient-stories-btn {
    width: 48%; }

  .patient-stories-donate-form form input.patient-stories-submit {
    width: 98%; }

  input.patient-donate {
    width: 91%; }

  .patient-stories-donate-form form .home-donate-submit-outer input {
    max-width: 388px !important; }

  .patient-stories-donate-form form div.home-donate-frequency .frequency-img {
    width: 48%; }

  .patient-stories-logo {
    margin-top: 60px; }

  .volunteer-stories-video iframe {
    border: none;
    width: 100%;
    height: auto;
    min-height: 403px;
    max-height: 403px;
    max-width: 717px; }

  img.volunteer-stories-btn {
    width: 48%; }

  .volunteer-stories-donate-form form input.volunteer-stories-submit {
    width: 98%; }

  input.volunteer-donate {
    width: 91%; }

  .volunteer-stories-donate-form form .home-donate-submit-outer input {
    max-width: 388px !important; }

  .volunteer-stories-donate-form form div.home-donate-frequency .frequency-img {
    width: 48%; }

  .volunteer-stories-logo {
    margin-top: 60px; }

  .volunteer-stories-video iframe {
    border: none;
    width: 100%;
    height: auto;
    min-height: 403px;
    max-height: 403px;
    max-width: 717px; }

  img.volunteer-stories-btn {
    width: 48%; }

  .volunteer-stories-donate-form form input.volunteer-stories-submit {
    width: 98%; }

  input.patient-donate {
    width: 91%; }

  input.volunteer-donate {
    width: 91%; }

  .volunteer-stories-donate-form form .home-donate-submit-outer input {
    max-width: 388px !important; }

  .volunteer-stories-donate-form form div.home-donate-frequency .frequency-img {
    width: 48%; }

  .volunteer-stories-logo {
    margin-top: 60px; }

  #hero {
    padding-top: 100px; }

  .arrow-button {
    display: block; } }
@media screen and (min-width: 780px) {
  p {
    font-size: 14px; }

  .staffstories, .staffstoriessingle {
    padding: 80px 40px 40px 40px; } }
@media screen and (min-width: 890px) {
  .thanks-container {
    margin-top: 170px; }

  .header-staff-photo img {
    margin-left: 0; }

  a.patient-stories-button-3 {
    display: block;
    margin: 20px auto; }

  .patient-stories-donate-form {
    background-color: #d0c0de; }

  .patient-stories-logo {
    margin-top: 160px;
    margin-bottom: 80px;
    color: #fff; }

  a.volunteer-stories-button-3 {
    display: block;
    margin: 20px auto; }

  .volunteer-stories-donate-form {
    background-color: #d0c0de; }

  .volunteer-stories-logo {
    margin-top: 160px;
    margin-bottom: 80px;
    color: #fff; }

  .arrow-button img {
    float: right;
    margin-bottom: 60px; }

  .order-1 {
    order: 2; }

  .order-2 {
    order: 1; }

  p {
    font-size: 15px; }

  .contact-content-inner p {
    font-size: 16px; }

  .archive-page h1 {
    font-size: 40px; }

  h3.single-everypersonmatters-donate-title {
    padding: 150px 40px 0 40px; }

  .footer-smallprint {
    padding-bottom: 0; }

  .generic-page-inner {
    padding-left: 40px; }

  h6.news-archive-title {
    min-height: 110px; }

  .news-archive-date {
    min-height: 40px; }

  #donate-page-form label.dedicate-label,
  .top-donate-field label {
    margin-right: 111px !important; }

  button.everypersonmatters-buttons-left,
  button.everypersonmatters-buttons-right,
  button.staff-stories-buttons-left,
  button.staff-stories-buttons-right {
    font-size: 16px; }

  button.shop-button-3 {
    padding-bottom: 10px; }

  button.events-box-button {
    width: 44%; }

  .entry-summary .news-summary {
    font-size: 16px; }

  .events-button, .news-button {
    margin-bottom: 20px; }

  .article-inner {
    padding: 40px; }

  .news-article.featured-event article {
    min-height: 233px; }

  .events-box-inner-img {
    min-height: 152px; }

  .archive-events-container {
    padding-top: 120px;
    padding-bottom: 60px; }

  .mobile-hide {
    display: initial;
    display: inline; }

  input.everypersonmatters-donate-amount {
    width: 79% !important;
    padding-left: 30px; }

  ul.page-numbers {
    margin: 0 20%; }

  .footer-secondary-logo {
    opacity: 1;
    padding-left: 0; }

  .footer-secondary-logo2 {
    opacity: 0.3;
    padding-left: 0; }

  .footer-social-media {
    float: right;
    padding-left: 0; }

  .event-social-media {
    float: left;
    padding-left: 0; }

  .everypersonmatters-img,
  .staff-stories-img,
  .shop-img {
    display: block; }

  .logo {
    text-align: left; }

  .logo img {
    position: absolute;
    max-width: 130px; }

  .pre-header-buttons {
    padding-right: 0; }

  .generic-hero-donate {
    margin: 120px 0 20px 20px; }

  #hero, #generic-2-hero, #shop-ashgate, #shop-ashgate-alt {
    min-height: 500px; }

  .paul-column {
    width: 33%;
    max-height: 309px; }

  #generic-page {
    padding: 140px 0; }

  #news-main {
    padding: 140px 0 60px 0;
    display: block; }

  main.post-single {
    padding: 120px 0 60px 0; }

  #archive-events-hero {
    padding-top: 100px;
    padding-bottom: 40px; }

  .lottery-header {
    padding-top: 120px; }

  .lottery-prizes {
    padding: 80px 40px;
    margin-top: 40px; }

  .lottery-how {
    padding: 40px 0; }

  .lottery-image-pad {
    padding-top: 80px; }

  .lottery-recruitment {
    padding: 80px 40px; }

  .contact-header-inner {
    padding: 160px 0 60px 0; }

  .contact-us-content-copy {
    margin: 80px 0;
    padding: 0; }

  .shop-online-page-inner {
    padding-top: 120px;
    color: #fff; }

  .donation-spacer {
    margin-top: 160px; }

  .events-box {
    min-height: 557px; }

  .lottery-icon {
    margin: 10px 20px; }

  .events-box-inner-img {
    min-height: 173px; }

  .news-article article {
    min-height: 618px; }

  .confirm-container {
    padding-top: 100px; }

  .single-everypersonmatters-video iframe {
    min-height: 443px; }

  .single-everypersonmatters-video iframe {
    width: 100%; }

  input.donation-donate-amount {
    width: 89%; }

  #hero, #generic-2-hero, #shop-ashgate, #shop-ashgate-alt {
    min-height: 415px; }

  .secondary-everypersonmatters-nav-icon {
    margin-right: 15px; }

  .nav-logo img {
    padding-right: 0; }

  .nav-logo {
    float: right;
    margin-top: 65%; }

  .single-everypersonmatters-responsive-img img {
    width: 93%;
    height: auto; }

  .position-fixed-override {
    margin-left: 140px; } }
@media screen and (min-width: 980px) {
  form.collection-form .form-field {
    display: inline-block;
    margin: 0 20px 0 0; } }
@media screen and (min-width: 999px) {
  .position-fixed-override {
    margin-left: 220px; } }
@media screen and (min-width: 1000px) {
  .staffstories, .staffstoriessingle {
    padding: 60px 40px 0 40px; } }
@media screen and (min-width: 1200px) {
  .services-header-left,
  .services-header-right {
    margin: 0; }

  .heart {
    min-height: 600px; }

  .generic-page-inner {
    padding: 0; }

  .tweetstrip-inner {
    padding: 0; }

  .tweetstrip-widget iframe {
    width: 100% !important;
    height: 400px !important;
    padding: 55px !important; }

  .tweetstrip-inner h2 {
    font-size: 34px; }

  .patientstories-donationbanner {
    text-align: left; }

  .patient-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 178px;
    max-height: 178px;
    max-width: 551px; }

  .volunteerstories-donationbanner {
    text-align: left; }

  .volunteer-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 178px;
    max-height: 178px;
    max-width: 551px; }

  .donation-right-img {
    margin-top: 160px; }

  .patient-stories-donate-form form input.patient-stories-submit {
    width: 99%; }

  input.patient-donate {
    width: 90%; }

  .volunteer-stories-donate-form form input.volunteer-stories-submit {
    width: 99%; }

  input.volunteer-donate {
    width: 90%; }

  .arrow-button-right {
    float: right; }

  .patient-stories-donate-form form .home-donate-submit-outer input {
    max-width: 290px !important; }

  .patient-stories-video {
    text-align: left; }

  .volunteer-stories-donate-form form .home-donate-submit-outer input {
    max-width: 290px !important; }

  .volunteer-stories-video {
    text-align: left; }

  .header-staff-photo {
    height: 794px; }

  .arrow-button img {
    position: static;
    right: -0;
    top: -0; }

  .staff-photo img {
    max-width: 600px;
    margin-bottom: -6px; }

  .patient-stories-logo {
    margin-top: 120px; }

  .patient-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 309px;
    max-height: 309px; }

  a.patient-stories-button-3 {
    display: block;
    margin: 60px 0; }

  .patient-stories-video iframe, .patientstory1-right div img {
    width: 95%; }

  .patientstory {
    padding: 0; }

  .patient-stories-header-banner {
    padding: 0; }

  .volunteer-stories-logo {
    margin-top: 120px; }

  .volunteer-stories-video iframe {
    border: none;
    width: 95%;
    height: auto;
    min-height: 309px;
    max-height: 309px; }

  a.volunteer-stories-button-3 {
    display: block;
    margin: 60px 0; }

  .volunteer-stories-video iframe, .volunteerstory1-right div img {
    width: 95%; }

  .volunteerstory {
    padding: 0; }

  .volunteer-stories-header-banner {
    padding: 0; }

  select.country-select, select.source-select, select.titleselect {
    width: 96%; }

  .everypersonmatters-menu {
    left: 17%; }

  .everypersonmatters-nav a {
    font-size: 55px; }

  .nav-logo {
    margin-top: 50%; }

  h1 {
    font-size: 70px; }

  h2 {
    font-size: 50px; }

  h3 {
    font-size: 30px; }

  h4 {
    font-size: 26px; }

  h5 {
    font-size: 24px; }

  h6 {
    font-size: 20px; }

  p {
    font-size: 17px; }

  .our-care-lg-text.generic-2-page-inner h2,
  .our-care-lg-text h2.generic-donate-lg-copy,
  .generic-page-inner .our-care-lg-text h2,
  .our-care-lg-text h2 {
    font-size: 30px; }

  .archive-page h1 {
    font-size: 45px; }

  #archive-events-hero {
    padding: 100px 40px; }

  .single-everypersonmatters-content {
    padding: 20px 0; }

  h1.single-everypersonmatters-heading {
    margin-left: 0; }

  .footer-recent-posts,
  .footer-address,
  .footer-telephone,
  .footer-magazine-ad,
  .footer-qa {
    padding-left: 0; }

  .everypersonmatters-archive-page .boxgrid {
    margin-left: 0;
    max-width: 1200px; }

  .everypersonmatters-archive-page .boxgrid > .medium_4 {
    width: 33.333333333%;
    max-height: 312px; }

  .everypersonmatters-archive-page .boxgrid > .col {
    margin: 0; }

  .footer-social-media {
    margin-left: 32px; }

  .event-social-media {
    margin-right: 32px; }

  .everypersonmatters-inner,
  .staff-stories-inner,
  .shop-ashgate-inner,
  .events-title-inner {
    margin: 0; }

  .footer-smallprint {
    padding-left: 0; }

  .footer-secondary-logo,
  .footer-secondary-logo2 {
    padding-right: 0; }

  .lottery-header-inner,
  .lottery-content {
    padding: 0; }

  .events-box-inner-img {
    min-height: 233px; } }
@media screen and (min-width: 1400px) {
  h3 {
    font-size: 42px; } }
@media screen and (min-width: 1500px) {
  .position-fixed-override {
    margin-left: 160px; } }
#volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner {
  background-image: url("../../assets/img/frontend/volunteer-enquiry-form/banner-bg.jpg");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 30px; }
  @media only screen and (min-width: 300px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner {
      padding: 100px 2em;
      background-position: top center; } }
  @media only screen and (min-width: 600px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner {
      padding: 100px 2em; } }
  @media only screen and (min-width: 1200px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner {
      padding: 120px 2em; } }
  @media only screen and (min-width: 1500px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner {
      padding: 245px 2em; } }
  @media screen and (min-width: 1320px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner .offset-img {
      margin-left: -50px; } }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner p {
    background: #63c1d3;
    color: #fff;
    padding: 15px; }
    @media only screen and (min-width: 600px) {
      #volunteer-enquiry-form-page .volunteer-enquiry-form .header-banner p {
        padding: 0; } }
#volunteer-enquiry-form-page .volunteer-enquiry-form .why-volunteer {
  background: #bfecf4;
  color: #fff;
  padding: 30px;
  margin-bottom: 2em; }
  @media screen and (min-width: 560px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .why-volunteer {
      padding: 0 30px; } }
  @media screen and (min-width: 1280px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .why-volunteer {
      padding: 0; } }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .why-volunteer .text {
    color: #00a5ba;
    margin-bottom: 2em; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards {
  background-image: url("../../assets/img/frontend/volunteer-enquiry-form/cards-bg.jpg");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 0 30px 3em; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block {
  background: #fff;
  border: 1px solid #e6e6e6;
  -moz-box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
  height: 100%; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block-text {
  padding: 1em; }
  @media only screen and (min-width: 600px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block-text {
      padding: 2em; } }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block-text h4 {
    color: #00a5ba;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px; }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block-text .btn {
    background-color: #00a5ba;
    color: #fff;
    font-weight: 600;
    padding: 14px 35px; }
    #volunteer-enquiry-form-page .volunteer-enquiry-form .volunteer-cards-block-text .btn:hover {
      background-color: #007887; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section {
  background-image: url("../../assets/img/frontend/volunteer-enquiry-form/contact.jpg");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0 30px; }
  @media only screen and (min-width: 300px) {
    #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section {
      padding: 100px 2em;
      background-position: top center; } }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section img {
    max-width: 350px; }
    #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section img.get-in-touch {
      margin-bottom: 20px; }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section h4 {
    font-weight: bold;
    color: #fff;
    margin: 0; }
  #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section p {
    color: #fff;
    margin: 0 0 5px; }
    #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section p a {
      color: #0f707c; }
      #volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section p a:hover {
        color: #ccc; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section-details {
  display: flex;
  height: 100%;
  margin-bottom: 2em; }
#volunteer-enquiry-form-page .volunteer-enquiry-form .contact-section-details-center {
  align-self: center; }

/**
 * Google translate
 **/
.goog-te-banner-frame {
  visibility: hidden !important; }

#flags,
#google_language_translator {
  position: absolute; }
  #flags select,
  #google_language_translator select {
    max-width: 100px; }
  #flags div,
  #google_language_translator div {
    font-size: 0px; }
  #flags .goog-logo-link,
  #google_language_translator .goog-logo-link {
    display: none; }

/**
* Page styling
**/
.urgent-appeal .urgent-appeal-banner {
  background-color: #e7302a;
  color: #fff;
  padding: 40px; }
  @media screen and (min-width: 890px) {
    .urgent-appeal .urgent-appeal-banner {
      background-image: url("../img/frontend/urgent-appeal/urgent-appeal-home-banner-bg.png");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      padding: 80px 40px; } }
  @media screen and (min-width: 1280px) {
    .urgent-appeal .urgent-appeal-banner {
      background-position: center right;
      padding: 140px 0 80px; } }
  .urgent-appeal .urgent-appeal-banner .title,
  .urgent-appeal .urgent-appeal-banner .subtitle {
    margin: 0;
    font-weight: 900;
    line-height: 100%; }
  .urgent-appeal .urgent-appeal-banner .title-container {
    margin-bottom: 20px; }
  .urgent-appeal .urgent-appeal-banner .subtitle {
    color: #2e1353; }
.urgent-appeal .strip {
  padding: 20px 40px; }
  @media screen and (min-width: 890px) {
    .urgent-appeal .strip {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .urgent-appeal .strip {
      padding: 40px 0; } }
  .urgent-appeal .strip.intro {
    color: #4d4d4d; }
    .urgent-appeal .strip.intro .title {
      font-size: 24px; }
      @media screen and (min-width: 890px) {
        .urgent-appeal .strip.intro .title {
          font-size: 30px; } }
  .urgent-appeal .strip.hospice-callout {
    background-color: #e9eced; }
    .urgent-appeal .strip.hospice-callout ul {
      list-style-type: disc;
      padding-left: 20px; }
      @media screen and (min-width: 890px) {
        .urgent-appeal .strip.hospice-callout ul {
          columns: 2;
          column-gap: 80px; } }
      .urgent-appeal .strip.hospice-callout ul li {
        margin-bottom: 20px; }
    .urgent-appeal .strip.hospice-callout .text-bg {
      max-width: 76%; }
    @media screen and (max-width: 560px) {
      .urgent-appeal .strip.hospice-callout .title {
        font-size: 24px; } }
  .urgent-appeal .strip.donation-tiers .tier {
    background-color: #e9eced;
    padding: 5px 30px; }
    .urgent-appeal .strip.donation-tiers .tier .title {
      color: #e7302a;
      font-weight: 900; }
    .urgent-appeal .strip.donation-tiers .tier .btn {
      background-color: #e7302a;
      transition: background-color 0.3s;
      margin-bottom: 20px; }
      .urgent-appeal .strip.donation-tiers .tier .btn:hover {
        background-color: #c81c16;
        transition: background-color 0.3s;
        cursor: pointer; }
  .urgent-appeal .strip.staff-stories .text-bg {
    max-width: 50%; }
    @media screen and (min-width: 890px) {
      .urgent-appeal .strip.staff-stories .text-bg {
        max-width: 42%; } }
  .urgent-appeal .strip.staff-stories .story {
    padding: 30px;
    margin-bottom: 90px;
    color: #fff;
    position: relative; }
    @media screen and (min-width: 890px) {
      .urgent-appeal .strip.staff-stories .story {
        padding: 30px 60px; } }
    .urgent-appeal .strip.staff-stories .story.primary {
      background-color: #2e1353; }
    .urgent-appeal .strip.staff-stories .story.secondary {
      background-color: #e7302a; }
    @media screen and (max-width: 560px) {
      .urgent-appeal .strip.staff-stories .story .mob-first {
        order: 1; } }
    @media screen and (min-width: 690px) {
      .urgent-appeal .strip.staff-stories .story .tab-first {
        order: 1; } }
    .urgent-appeal .strip.staff-stories .story .img-container {
      position: relative; }
      .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img {
        width: 100%;
        height: auto; }
        @media screen and (min-width: 1200px) {
          .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img {
            width: 120%;
            position: absolute;
            top: -65px; }
            .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img.left {
              left: -67px; }
            .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img.right {
              right: -102px; } }
        @media screen and (min-width: 1380px) {
          .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img {
            top: -75px; }
            .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img.left {
              left: -136px; }
            .urgent-appeal .strip.staff-stories .story .img-container .overlapping-img.right {
              right: -167px; } }
    .urgent-appeal .strip.staff-stories .story .title,
    .urgent-appeal .strip.staff-stories .story .subtitle {
      margin: 0; }
.urgent-appeal .callout-btns {
  background-color: #f6f7f7;
  padding: 20px; }
  @media screen and (min-width: 890px) {
    .urgent-appeal .callout-btns {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .urgent-appeal .callout-btns {
      padding: 40px 0; } }
  .urgent-appeal .callout-btns .btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1.6em;
    text-align: center; }
    .urgent-appeal .callout-btns .btn.alt-colour {
      background-color: #e7302a; }
      .urgent-appeal .callout-btns .btn.alt-colour:hover {
        background-color: #c81c16; }
.urgent-appeal .find-out-more {
  background-color: #f6f7f7;
  padding: 20px 40px; }
  @media screen and (min-width: 890px) {
    .urgent-appeal .find-out-more {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .urgent-appeal .find-out-more {
      padding: 40px 0; } }
  .urgent-appeal .find-out-more .alt-colour {
    color: #e7302a;
    text-decoration: underline; }
.urgent-appeal .text-bg {
  background-color: #2e1353;
  color: #fff;
  padding: 2px 10px; }
  .urgent-appeal .text-bg .alt-colour {
    color: #e7302a; }
  .urgent-appeal .text-bg.alt-text-bg {
    background-color: #e7302a; }
    .urgent-appeal .text-bg.alt-text-bg .alt-colour {
      color: #2e1353; }

.urgent-appeal-donation #opc_button,
.urgent-appeal-donation .donation-submit {
  background-color: #e7302a; }
.urgent-appeal-donation .required-text {
  color: #e7302a; }
@media screen and (min-width: 890px) {
  .urgent-appeal-donation .donation-container {
    background-image: url("../img/frontend/urgent-appeal/donation-bottom-bg-smaller.png");
    background-size: auto;
    background-position: bottom center;
    background-repeat: no-repeat; } }
.urgent-appeal-donation .donation-sidebar {
  padding: 0 40px; }
  @media screen and (min-width: 890px) {
    .urgent-appeal-donation .donation-sidebar {
      padding: 20px 40px; } }
  @media screen and (min-width: 1280px) {
    .urgent-appeal-donation .donation-sidebar {
      padding: 0; } }
  .urgent-appeal-donation .donation-sidebar .circles .primary {
    width: 80%;
    margin: 30px 0; }
  .urgent-appeal-donation .donation-sidebar .text-container {
    text-align: left; }
    .urgent-appeal-donation .donation-sidebar .text-container .hero-donate-small-heading {
      color: #2e1353;
      padding: 0;
      font-weight: 600; }
    .urgent-appeal-donation .donation-sidebar .text-container .donation-donate-title {
      font-weight: 900;
      color: #e7302a; }

/**
* Common elements
**/
.btn {
  background-color: #2e1353;
  transition: background-color 0.3s;
  color: #fff; }
  .btn:hover {
    background-color: #781d7e;
    transition: background-color 0.3s; }

.circles {
  position: relative; }
  .circles .primary {
    width: 100%;
    height: auto; }
  .circles .secondary {
    background-color: #e7302a;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    height: 125px;
    width: 125px;
    padding: 30px;
    text-align: center; }
    .circles .secondary p {
      font-size: 13px;
      margin: 0; }
      .circles .secondary p:first-child {
        margin-top: 35px; }

/**
* Page styling
**/
.winter-appeal .winter-appeal-banner {
  background-color: #29164f;
  color: #fff;
  padding: 40px; }
  @media screen and (min-width: 890px) {
    .winter-appeal .winter-appeal-banner {
      background-image: url("../img/frontend/winter-appeal/winter-appeal-bg.png");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      padding: 80px 40px; } }
  @media screen and (min-width: 1280px) {
    .winter-appeal .winter-appeal-banner {
      background-position: bottom left;
      padding: 160px 0; } }
  .winter-appeal .winter-appeal-banner .title,
  .winter-appeal .winter-appeal-banner .subtitle {
    margin: 0;
    font-weight: 900;
    line-height: 100%; }
  .winter-appeal .winter-appeal-banner .title-container {
    margin-bottom: 20px; }
  .winter-appeal .winter-appeal-banner .subtitle {
    color: #fff;
    margin-top: 30px; }
.winter-appeal .strip {
  padding: 20px 40px; }
  @media screen and (min-width: 890px) {
    .winter-appeal .strip {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .winter-appeal .strip {
      padding: 40px 0; } }
  .winter-appeal .strip.intro {
    color: #4d4d4d; }
    .winter-appeal .strip.intro .title {
      font-size: 24px; }
      @media screen and (min-width: 890px) {
        .winter-appeal .strip.intro .title {
          font-size: 30px; } }
  .winter-appeal .strip.hospice-callout {
    background-color: #e9eced; }
    .winter-appeal .strip.hospice-callout ul {
      list-style-type: disc;
      padding-left: 20px; }
      .winter-appeal .strip.hospice-callout ul li {
        margin-bottom: 20px; }
    .winter-appeal .strip.hospice-callout .title {
      color: #72b5bc; }
      @media screen and (max-width: 560px) {
        .winter-appeal .strip.hospice-callout .title {
          font-size: 24px; } }
  .winter-appeal .strip.donation-tiers .tier {
    background-color: #e9eced;
    padding: 10px 40px; }
    .winter-appeal .strip.donation-tiers .tier .title {
      color: #72b5bc;
      font-weight: 900;
      margin: 0; }
      .winter-appeal .strip.donation-tiers .tier .title .h1 {
        font-size: 3em;
        margin-top: 20px; }
    .winter-appeal .strip.donation-tiers .tier .text {
      margin-top: 0;
      margin-bottom: 30px;
      font-weight: 500;
      font-size: 1.2em; }
    .winter-appeal .strip.donation-tiers .tier .btn {
      background-color: #72b5bc;
      transition: background-color 0.3s;
      margin-bottom: 20px; }
      .winter-appeal .strip.donation-tiers .tier .btn:hover {
        background-color: #51a2aa;
        transition: background-color 0.3s;
        cursor: pointer; }
  .winter-appeal .strip.winter-appeal-video {
    background-color: #29164f; }
    .winter-appeal .strip.winter-appeal-video .title {
      color: #fff; }
    .winter-appeal .strip.winter-appeal-video iframe {
      min-height: 160px; }
      @media screen and (min-width: 550px) {
        .winter-appeal .strip.winter-appeal-video iframe {
          min-height: 400px; } }
  .winter-appeal .strip.patient-stories .title {
    color: #72b5bc; }
  .winter-appeal .strip.patient-stories .story {
    padding: 30px;
    margin-bottom: 90px;
    color: #fff;
    position: relative; }
    @media screen and (min-width: 890px) {
      .winter-appeal .strip.patient-stories .story {
        padding: 30px 60px; } }
    .winter-appeal .strip.patient-stories .story.primary {
      background-color: #29164f; }
    .winter-appeal .strip.patient-stories .story.secondary {
      background-color: #72b5bc; }
    @media screen and (max-width: 560px) {
      .winter-appeal .strip.patient-stories .story .mob-first {
        order: 1; } }
    @media screen and (min-width: 690px) {
      .winter-appeal .strip.patient-stories .story .tab-first {
        order: 1; } }
    .winter-appeal .strip.patient-stories .story .img-container {
      position: relative; }
      .winter-appeal .strip.patient-stories .story .img-container .overlapping-img {
        width: 100%;
        height: auto;
        max-width: 420px; }
        @media screen and (min-width: 1200px) {
          .winter-appeal .strip.patient-stories .story .img-container .overlapping-img {
            width: 120%;
            position: absolute;
            top: -65px;
            min-width: 420px; }
            .winter-appeal .strip.patient-stories .story .img-container .overlapping-img.left {
              left: -67px; }
            .winter-appeal .strip.patient-stories .story .img-container .overlapping-img.right {
              right: -102px; } }
        @media screen and (min-width: 1380px) {
          .winter-appeal .strip.patient-stories .story .img-container .overlapping-img {
            top: -75px; }
            .winter-appeal .strip.patient-stories .story .img-container .overlapping-img.left {
              left: -136px; }
            .winter-appeal .strip.patient-stories .story .img-container .overlapping-img.right {
              right: -167px; } }
    .winter-appeal .strip.patient-stories .story .title,
    .winter-appeal .strip.patient-stories .story .subtitle {
      margin: 0;
      color: #fff; }
.winter-appeal .callout-btns {
  background-color: #f6f7f7;
  padding: 20px; }
  @media screen and (min-width: 890px) {
    .winter-appeal .callout-btns {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .winter-appeal .callout-btns {
      padding: 40px 0; } }
  .winter-appeal .callout-btns .btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1.6em;
    text-align: center;
    background-color: #72b5bc; }
    .winter-appeal .callout-btns .btn:hover {
      background-color: #51a2aa; }
    .winter-appeal .callout-btns .btn.alt-colour {
      background-color: #29164f; }
      .winter-appeal .callout-btns .btn.alt-colour:hover {
        background-color: #51a2aa; }
.winter-appeal .find-out-more {
  background-color: #f6f7f7;
  text-align: center;
  padding: 20px 40px; }
  @media screen and (min-width: 890px) {
    .winter-appeal .find-out-more {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .winter-appeal .find-out-more {
      padding: 40px 0; } }
  .winter-appeal .find-out-more .alt-colour {
    color: #29164f;
    text-decoration: underline; }
.winter-appeal .alt-colour {
  color: #29164f; }

.winter-appeal-donation #opc_button,
.winter-appeal-donation .donation-submit {
  background-color: #72b5bc; }
.winter-appeal-donation .required-text {
  color: #72b5bc; }
@media screen and (min-width: 890px) {
  .winter-appeal-donation .donation-container {
    background-image: url("../img/frontend/winter-appeal/donation-bottom-bg-smaller.png");
    background-size: auto;
    background-position: bottom center;
    background-repeat: no-repeat; } }
.winter-appeal-donation .donation-sidebar {
  padding: 0 40px; }
  @media screen and (min-width: 890px) {
    .winter-appeal-donation .donation-sidebar {
      padding: 20px 40px; } }
  @media screen and (min-width: 1280px) {
    .winter-appeal-donation .donation-sidebar {
      padding: 0; } }
  .winter-appeal-donation .donation-sidebar .circles .primary {
    width: 80%;
    margin: 30px 0; }
  .winter-appeal-donation .donation-sidebar .text-container {
    text-align: left; }
    .winter-appeal-donation .donation-sidebar .text-container .hero-donate-small-heading {
      color: #29164f;
      padding: 0;
      font-weight: 600; }
    .winter-appeal-donation .donation-sidebar .text-container .donation-donate-title {
      font-weight: 900;
      color: #72b5bc; }

/**
* Common elements
**/
.btn {
  background-color: #29164f;
  transition: background-color 0.3s;
  color: #fff; }
  .btn:hover {
    background-color: #781d7e;
    transition: background-color 0.3s; }

.winter-circles {
  position: relative; }
  .winter-circles .primary {
    width: 100%;
    height: auto; }
  .winter-circles .secondary {
    background-color: #29164f;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    height: 125px;
    width: 125px;
    padding: 30px;
    text-align: left; }
    .winter-circles .secondary p {
      font-size: 13px;
      margin: 0; }

.home-banner {
  background-image: url("../img/frontend/winter-appeal/home-banner.png");
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #29164f;
  color: #fff;
  padding: 40px; }
  @media screen and (min-width: 890px) {
    .home-banner {
      padding: 140px 40px; } }
  @media screen and (min-width: 1280px) {
    .home-banner {
      background-position: center left;
      padding: 140px 0; } }
  @media screen and (min-width: 620px) {
    .home-banner .title-container {
      padding: 20px 0 0;
      margin-top: 60px; } }
  @media screen and (min-width: 890px) {
    .home-banner .title-container {
      padding: 40px 0; } }
  .home-banner .text {
    font-size: 3.2em;
    font-weight: 600; }
    @media screen and (max-width: 690px) {
      .home-banner .text {
        margin-top: 0; } }
    .home-banner .text .alt {
      color: #2e1353; }
  .home-banner .btn {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 18px; }
    @media screen and (min-width: 890px) {
      .home-banner .btn {
        font-size: 24px; } }
    .home-banner .btn.winter-appeal-btn {
      background-color: #7db7bf;
      transition: background-color 0.3s;
      color: #fff;
      box-shadow: 0 0 10px #000;
      border-radius: 0;
      text-transform: uppercase; }
      .home-banner .btn.winter-appeal-btn:hover {
        background-color: #2e1353;
        transition: background-color 0.3s; }

#forget-me-not {
  /* Page specific styles */ }
  #forget-me-not .purple {
    color: #906295; }
  #forget-me-not .pale {
    color: #fff; }
  #forget-me-not .heavy {
    font-weight: 600; }
  #forget-me-not .light {
    font-weight: 400; }
  #forget-me-not .btn {
    background-color: #47094b;
    font-size: 24px;
    padding: 15px 35px;
    border-radius: 5px; }
  #forget-me-not .object-fit {
    object-fit: cover;
    height: 100%; }
  #forget-me-not.landing-page .hero-banner {
    background-image: url("../img/frontend/forget-me-not/hero.jpg");
    background-size: cover;
    background-position: 88% bottom; }
    @media only screen and (min-width: 600px) {
      #forget-me-not.landing-page .hero-banner {
        background-position: center bottom; } }
    #forget-me-not.landing-page .hero-banner .text {
      color: #fff;
      padding: 20px;
      background-color: rgba(117, 37, 121, 0.9);
      width: 95%;
      margin-top: 240px;
      margin-bottom: -6px; }
      @media only screen and (min-width: 600px) {
        #forget-me-not.landing-page .hero-banner .text {
          padding: 30px 20px 120px;
          background-color: transparent;
          margin-top: 0;
          margin-bottom: 0;
          width: initial;
          max-width: 75%; } }
      @media only screen and (min-width: 1200px) {
        #forget-me-not.landing-page .hero-banner .text {
          padding: 50px 20px 120px;
          max-width: 95%; } }
      @media only screen and (min-width: 1500px) {
        #forget-me-not.landing-page .hero-banner .text {
          padding: 150px 0; } }
      #forget-me-not.landing-page .hero-banner .text h2 {
        line-height: 110%;
        font-size: 25px; }
        @media only screen and (min-width: 1200px) {
          #forget-me-not.landing-page .hero-banner .text h2 {
            font-size: 45px; } }
        @media only screen and (min-width: 1500px) {
          #forget-me-not.landing-page .hero-banner .text h2 {
            font-size: 50px; } }
      #forget-me-not.landing-page .hero-banner .text p {
        font-size: 14px; }
        @media only screen and (min-width: 600px) {
          #forget-me-not.landing-page .hero-banner .text p {
            font-size: 18px; } }
      #forget-me-not.landing-page .hero-banner .text .alt-colour {
        color: #d6c5de; }
    #forget-me-not.landing-page .hero-banner .donation-btn-flower {
      position: relative; }
      #forget-me-not.landing-page .hero-banner .donation-btn-flower .flower-graphic {
        position: absolute;
        left: -20px;
        top: 10px;
        z-index: 1;
        width: 60px;
        height: auto; }
      #forget-me-not.landing-page .hero-banner .donation-btn-flower .btn {
        background-color: #d6c5de;
        position: relative;
        z-index: 2;
        color: #46094c; }
  @media only screen and (min-width: 600px) {
    #forget-me-not.landing-page .intro {
      background-image: url("../img/frontend/forget-me-not/graphic-flower.png");
      background-size: auto;
      background-repeat: no-repeat;
      margin-top: -100px;
      background-position: 450% 120%; } }
  @media screen and (min-width: 700px) {
    #forget-me-not.landing-page .intro {
      background-position: 250% 120%; } }
  @media screen and (min-width: 900px) {
    #forget-me-not.landing-page .intro {
      background-position: 160% 120%; } }
  @media only screen and (min-width: 1200px) {
    #forget-me-not.landing-page .intro {
      background-position: 140% 120%; } }
  @media screen and (min-width: 1300px) {
    #forget-me-not.landing-page .intro {
      background-position: 155% 120%; } }
  @media screen and (min-width: 1400px) {
    #forget-me-not.landing-page .intro {
      background-position: 135% 120%; } }
  @media only screen and (min-width: 1500px) {
    #forget-me-not.landing-page .intro {
      background-position: 125% 120%; } }
  @media screen and (min-width: 1600px) {
    #forget-me-not.landing-page .intro {
      background-position: 105% 120%; } }
  #forget-me-not.landing-page .intro .text {
    color: #535353;
    padding: 40px 20px; }
    @media only screen and (min-width: 600px) {
      #forget-me-not.landing-page .intro .text {
        padding: 50px 20px; } }
    @media only screen and (min-width: 1500px) {
      #forget-me-not.landing-page .intro .text {
        padding: 50px 0; } }
    #forget-me-not.landing-page .intro .text h4, #forget-me-not.landing-page .intro .text p, #forget-me-not.landing-page .intro .text h5 {
      margin: 20px 0; }
    #forget-me-not.landing-page .intro .text .donation-btn-flower {
      position: relative; }
      #forget-me-not.landing-page .intro .text .donation-btn-flower .flower-graphic {
        position: absolute;
        left: -20px;
        top: 10px;
        z-index: -1;
        width: 60px;
        height: auto; }
  #forget-me-not.landing-page .testimonial {
    background-color: #d6c5de; }
    #forget-me-not.landing-page .testimonial .text-inner {
      margin-right: auto;
      max-width: 600px;
      padding: 20px; }
      #forget-me-not.landing-page .testimonial .text-inner h4 {
        margin: 0; }
      @media only screen and (min-width: 600px) {
        #forget-me-not.landing-page .testimonial .text-inner {
          padding: 60px 20px 60px 60px;
          margin: 35px 0; } }
      @media only screen and (min-width: 1200px) {
        #forget-me-not.landing-page .testimonial .text-inner {
          padding: 60px 0 60px 60px; } }
  #forget-me-not.landing-page .video {
    background-image: url("../img/frontend/forget-me-not/graphic-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 10px 20px; }
    @media only screen and (min-width: 600px) {
      #forget-me-not.landing-page .video {
        padding: 60px 20px; } }
    @media only screen and (min-width: 1200px) {
      #forget-me-not.landing-page .video {
        padding: 60px 0; } }
    #forget-me-not.landing-page .video .alt-colour {
      color: #47094b; }
    #forget-me-not.landing-page .video .video-container iframe {
      width: 100%;
      min-height: 400px; }
  #forget-me-not.landing-page .callout {
    background-color: #fead00;
    padding: 20px; }
    @media only screen and (min-width: 1200px) {
      #forget-me-not.landing-page .callout {
        padding: 0; } }
    #forget-me-not.landing-page .callout .image-container {
      height: 100%;
      position: relative; }
      @media only screen and (min-width: 600px) {
        #forget-me-not.landing-page .callout .image-container .overlapping-img {
          width: 140%;
          margin-left: -120px;
          margin-bottom: -10px;
          position: absolute;
          bottom: -16px; } }
      @media only screen and (min-width: 1200px) {
        #forget-me-not.landing-page .callout .image-container .overlapping-img {
          position: static; } }
  #forget-me-not.landing-page .support {
    padding: 20px; }
    @media only screen and (min-width: 600px) {
      #forget-me-not.landing-page .support {
        padding: 40px 20px 140px; } }
    @media only screen and (min-width: 1200px) {
      #forget-me-not.landing-page .support {
        padding: 40px 0 140px; } }
  #forget-me-not.donation-form .amount-container {
    margin-bottom: 20px; }
    #forget-me-not.donation-form .amount-container .amount-radio-container img {
      display: block;
      max-height: 70px;
      width: auto;
      margin-bottom: 20px; }
    #forget-me-not.donation-form .amount-container .amount-radio-container input,
    #forget-me-not.donation-form .amount-container .amount-radio-container .amount-label {
      display: inline-block;
      vertical-align: top;
      margin: 0;
      padding: 0; }
    #forget-me-not.donation-form .amount-container .amount-radio-container input {
      width: 10%;
      margin-right: 5%; }
    #forget-me-not.donation-form .amount-container .amount-radio-container .amount-label {
      width: 83%;
      font-size: 14px !important;
      color: #906295; }
      #forget-me-not.donation-form .amount-container .amount-radio-container .amount-label .number {
        font-weight: 600;
        color: #39193d; }
      #forget-me-not.donation-form .amount-container .amount-radio-container .amount-label .donation-suggestion {
        font-size: 12px !important;
        color: #39193d; }
    #forget-me-not.donation-form .amount-container .consider-more {
      display: none; }
      #forget-me-not.donation-form .amount-container .consider-more.open {
        display: block; }
  #forget-me-not.donation-form .flower-postage-section .postage-result .postage,
  #forget-me-not.donation-form .flower-postage-section .postage-result .collection {
    display: none;
    color: #906295; }
  #forget-me-not.donation-form .dedication-page-frequency .loved-one-plural {
    display: none; }
    #forget-me-not.donation-form .dedication-page-frequency .loved-one-plural.show {
      display: inline; }
  #forget-me-not.donation-form .extra-text {
    font-size: 12px;
    display: block; }
    @media only screen and (min-width: 600px) {
      #forget-me-not.donation-form .extra-text {
        display: inline-block; } }
  #forget-me-not.donation-form .hero-donate-small-heading {
    font-size: 18px;
    font-weight: 300;
    color: #3f3f3f; }
  #forget-me-not.donation-form .sidebar-text {
    font-size: 24px;
    color: #ac90b0;
    font-weight: 300; }
  #forget-me-not.donation-form .sidebar-logo {
    max-width: 60%;
    padding: 0 40px 0 40px; }

/*
*
* Minimal Grid
* A marginless, paddingless simple grid system
*
*/
.mingrid {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  box-sizing: border-box; }
  .mingrid .col {
    width: 100%; }
    @media only screen and (min-width: 300px) {
      .mingrid .col.mob-0 {
        width: 0; }
      .mingrid .col.mob-1 {
        width: 8.333%; }
      .mingrid .col.mob-2 {
        width: 16.666%; }
      .mingrid .col.mob-3 {
        width: 25%; }
      .mingrid .col.mob-4 {
        width: 33.333%; }
      .mingrid .col.mob-5 {
        width: 41.666%; }
      .mingrid .col.mob-6 {
        width: 50%; }
      .mingrid .col.mob-7 {
        width: 58.333%; }
      .mingrid .col.mob-8 {
        width: 66.666%; }
      .mingrid .col.mob-9 {
        width: 75%; }
      .mingrid .col.mob-10 {
        width: 83.333%; }
      .mingrid .col.mob-11 {
        width: 91.666%; }
      .mingrid .col.mob-12 {
        width: 100%; }
      .mingrid .col.mob-order-one {
        order: 1; }
      .mingrid .col.mob-order-two {
        order: 2; }
      .mingrid .col.mob-order-three {
        order: 3; }
      .mingrid .col.mob-order-four {
        order: 4; }
      .mingrid .col.mob-order-five {
        order: 5; }
      .mingrid .col.mob-order-six {
        order: 6; } }
    @media only screen and (min-width: 600px) {
      .mingrid .col.tab-0 {
        width: 0; }
      .mingrid .col.tab-1 {
        width: 8.333%; }
      .mingrid .col.tab-2 {
        width: 16.666%; }
      .mingrid .col.tab-3 {
        width: 25%; }
      .mingrid .col.tab-4 {
        width: 33.333%; }
      .mingrid .col.tab-5 {
        width: 41.666%; }
      .mingrid .col.tab-6 {
        width: 50%; }
      .mingrid .col.tab-7 {
        width: 58.333%; }
      .mingrid .col.tab-8 {
        width: 66.666%; }
      .mingrid .col.tab-9 {
        width: 75%; }
      .mingrid .col.tab-10 {
        width: 83.333%; }
      .mingrid .col.tab-11 {
        width: 91.666%; }
      .mingrid .col.tab-12 {
        width: 100%; }
      .mingrid .col.tab-order-one {
        order: 1; }
      .mingrid .col.tab-order-two {
        order: 2; }
      .mingrid .col.tab-order-three {
        order: 3; }
      .mingrid .col.tab-order-four {
        order: 4; }
      .mingrid .col.tab-order-five {
        order: 5; }
      .mingrid .col.tab-order-six {
        order: 6; } }
    @media only screen and (min-width: 1200px) {
      .mingrid .col.desk-0 {
        width: 0; }
      .mingrid .col.desk-1 {
        width: 8.333%; }
      .mingrid .col.desk-2 {
        width: 16.666%; }
      .mingrid .col.desk-3 {
        width: 25%; }
      .mingrid .col.desk-4 {
        width: 33.333%; }
      .mingrid .col.desk-5 {
        width: 41.666%; }
      .mingrid .col.desk-6 {
        width: 50%; }
      .mingrid .col.desk-7 {
        width: 58.333%; }
      .mingrid .col.desk-8 {
        width: 66.666%; }
      .mingrid .col.desk-9 {
        width: 75%; }
      .mingrid .col.desk-10 {
        width: 83.333%; }
      .mingrid .col.desk-11 {
        width: 91.666%; }
      .mingrid .col.desk-12 {
        width: 100%; }
      .mingrid .col.desk-order-one {
        order: 1; }
      .mingrid .col.desk-order-two {
        order: 2; }
      .mingrid .col.desk-order-three {
        order: 3; }
      .mingrid .col.desk-order-four {
        order: 4; }
      .mingrid .col.desk-order-five {
        order: 5; }
      .mingrid .col.desk-order-six {
        order: 6; } }
    @media only screen and (min-width: 1500px) {
      .mingrid .col.lg-desk-0 {
        width: 0; }
      .mingrid .col.lg-desk-1 {
        width: 8.333%; }
      .mingrid .col.lg-desk-2 {
        width: 16.666%; }
      .mingrid .col.lg-desk-3 {
        width: 25%; }
      .mingrid .col.lg-desk-4 {
        width: 33.333%; }
      .mingrid .col.lg-desk-5 {
        width: 41.666%; }
      .mingrid .col.lg-desk-6 {
        width: 50%; }
      .mingrid .col.lg-desk-7 {
        width: 58.333%; }
      .mingrid .col.lg-desk-8 {
        width: 66.666%; }
      .mingrid .col.lg-desk-9 {
        width: 75%; }
      .mingrid .col.lg-desk-10 {
        width: 83.333%; }
      .mingrid .col.lg-desk-11 {
        width: 91.666%; }
      .mingrid .col.lg-desk-12 {
        width: 100%; }
      .mingrid .col.lg-desk-order-one {
        order: 1; }
      .mingrid .col.lg-desk-order-two {
        order: 2; }
      .mingrid .col.lg-desk-order-three {
        order: 3; }
      .mingrid .col.lg-desk-order-four {
        order: 4; }
      .mingrid .col.lg-desk-order-five {
        order: 5; }
      .mingrid .col.lg-desk-order-six {
        order: 6; } }

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