@font-face {
  font-family: 'fontello';
  src: url('/themes/fontfaces/fontello/font/fontello.eot?1752740460131');
  src: url('/themes/fontfaces/fontello/font/fontello.eot?1752740460131#iefix') format('embedded-opentype'), url('/themes/fontfaces/fontello/font/fontello.woff2?1752740460131') format('woff2'), url('/themes/fontfaces/fontello/font/fontello.woff?1752740460131') format('woff'), url('/themes/fontfaces/fontello/font/fontello.ttf?1752740460131') format('truetype'), url('/themes/fontfaces/fontello/font/fontello.svg?1752740460131#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/themes/fontfaces/fontello/font/fontello.svg?1752740460131#fontello') format('svg');
  }
}
*/
.icon-fontello,
.messages.messages--error:before,
form.standard fieldset .field .error:before,
form.standard fieldset .form-field .error:before,
form.standard fieldset .field .alert:before,
form.standard fieldset .form-field .alert:before,
#payment-errors:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button,
.items-campaigns .item div.buttons p.more button,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button,
form.standard button[type="submit"],
form.standard input[type="submit"],
form.standard .submit a {
  box-sizing: border-box;
  background: #1e4c9b;
  border: solid 2px #fff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-family: museo-sans, sans-serif;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}
.button:visited,
.items-campaigns .item div.buttons p.more button:visited,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button:visited,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button:visited,
form.standard button[type="submit"]:visited,
form.standard input[type="submit"]:visited,
form.standard .submit a:visited {
  color: #fff;
}
.button:hover,
.button:active,
.button:focus,
.button.active,
.items-campaigns .item div.buttons p.more button:hover,
.items-campaigns .item div.buttons p.more button:active,
.items-campaigns .item div.buttons p.more button:focus,
.items-campaigns .item div.buttons p.more button.active,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button:hover,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button:active,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button:focus,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button.active,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button:hover,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button:active,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button:focus,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button.active,
form.standard button[type="submit"]:hover,
form.standard button[type="submit"]:active,
form.standard button[type="submit"]:focus,
form.standard button[type="submit"].active,
form.standard input[type="submit"]:hover,
form.standard input[type="submit"]:active,
form.standard input[type="submit"]:focus,
form.standard input[type="submit"].active,
form.standard .submit a:hover,
form.standard .submit a:active,
form.standard .submit a:focus,
form.standard .submit a.active {
  background: #287BDF;
  border-color: #287BDF;
  color: #fff;
  text-decoration: none;
  outline: 0;
}
.button.button-width-full,
.items-campaigns .item div.buttons p.more button.button-width-full,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button.button-width-full,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button.button-width-full,
form.standard button[type="submit"].button-width-full,
form.standard input[type="submit"].button-width-full,
form.standard .submit a.button-width-full {
  display: block;
  margin: 1em 0;
  width: 100%;
}
.button.button-bold,
.items-campaigns .item div.buttons p.more button.button-bold,
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button.button-bold,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button.button-bold,
form.standard button[type="submit"].button-bold,
form.standard input[type="submit"].button-bold,
form.standard .submit a.button-bold {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 12px;
}
.button2,
.items-campaigns .item div.buttons p.donate button {
  box-sizing: border-box;
  background: #fff;
  border: solid 2px #fff;
  color: #1e4c9b;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-family: museo-sans, sans-serif;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}
.button2:visited,
.items-campaigns .item div.buttons p.donate button:visited {
  color: #fff;
}
.button2:hover,
.button2:active,
.button2:focus,
.button2.active,
.items-campaigns .item div.buttons p.donate button:hover,
.items-campaigns .item div.buttons p.donate button:active,
.items-campaigns .item div.buttons p.donate button:focus,
.items-campaigns .item div.buttons p.donate button.active {
  background: #287BDF;
  border-color: #287BDF;
  color: #fff;
  text-decoration: none;
  outline: 0;
}
.button2.button-width-full,
.items-campaigns .item div.buttons p.donate button.button-width-full {
  display: block;
  margin: 1em 0;
  width: 100%;
}
.button2.button-bold,
.items-campaigns .item div.buttons p.donate button.button-bold {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 12px;
}
.button3 {
  box-sizing: border-box;
  background: #fff;
  border: solid 2px #287BDF;
  color: #525253;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-family: museo-sans, sans-serif;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}
.button3:hover,
.button3:active,
.button3:focus,
.button3.active {
  background: #287BDF !important;
  border-color: #287BDF !important;
  color: #fff !important;
  text-decoration: none;
  outline: 0;
}
.button3:visited {
  color: #525253;
}
.button3.button-width-full {
  display: block;
  margin: 1em 0;
  width: 100%;
}
.button3.button-bold {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 12px;
}
.button4,
form.standard button[type="submit"]#back,
form.standard input[type="submit"]#back,
form.standard .submit a#back,
form.standard button[type="submit"].back,
form.standard input[type="submit"].back,
form.standard .submit a.back {
  box-sizing: border-box;
  background: #fff;
  border: solid 2px #A7A9AC;
  color: #A7A9AC;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-family: museo-sans, sans-serif;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}
.button4:hover,
.button4:active,
.button4:focus,
.button4.active,
form.standard button[type="submit"]#back:hover,
form.standard button[type="submit"]#back:active,
form.standard button[type="submit"]#back:focus,
form.standard button[type="submit"]#back.active,
form.standard input[type="submit"]#back:hover,
form.standard input[type="submit"]#back:active,
form.standard input[type="submit"]#back:focus,
form.standard input[type="submit"]#back.active,
form.standard .submit a#back:hover,
form.standard .submit a#back:active,
form.standard .submit a#back:focus,
form.standard .submit a#back.active,
form.standard button[type="submit"].back:hover,
form.standard button[type="submit"].back:active,
form.standard button[type="submit"].back:focus,
form.standard button[type="submit"].back.active,
form.standard input[type="submit"].back:hover,
form.standard input[type="submit"].back:active,
form.standard input[type="submit"].back:focus,
form.standard input[type="submit"].back.active,
form.standard .submit a.back:hover,
form.standard .submit a.back:active,
form.standard .submit a.back:focus,
form.standard .submit a.back.active {
  background: #A7A9AC !important;
  border-color: #A7A9AC !important;
  color: #fff !important;
  text-decoration: none;
  outline: 0;
}
.button4:visited,
form.standard button[type="submit"]#back:visited,
form.standard input[type="submit"]#back:visited,
form.standard .submit a#back:visited,
form.standard button[type="submit"].back:visited,
form.standard input[type="submit"].back:visited,
form.standard .submit a.back:visited {
  color: #A7A9AC;
}
.button4.button-width-full,
form.standard button[type="submit"]#back.button-width-full,
form.standard input[type="submit"]#back.button-width-full,
form.standard .submit a#back.button-width-full,
form.standard button[type="submit"].back.button-width-full,
form.standard input[type="submit"].back.button-width-full,
form.standard .submit a.back.button-width-full {
  display: block;
  margin: 1em 0;
  width: 100%;
}
.button4.button-bold,
form.standard button[type="submit"]#back.button-bold,
form.standard input[type="submit"]#back.button-bold,
form.standard .submit a#back.button-bold,
form.standard button[type="submit"].back.button-bold,
form.standard input[type="submit"].back.button-bold,
form.standard .submit a.back.button-bold {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 12px;
}
.layout,
#direct-debit-guarantee h2 {
  zoom: 1;
}
.layout:after,
#direct-debit-guarantee h2:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  width: 0;
  visibility: hidden;
}
.sr-only,
.items > h2,
form.standard fieldset legend,
form#donation-amount-form .label,
form#donation-amount-form .note strong,
form#donor-form .field-campaignId label,
.field-donation-addressLine2 label,
#highlighted-campaigns .heading-grid .cell > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-off,
#highlighted-campaigns .heading-grid .cell > h2,
form.standard fieldset.display-legend legend {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  border: 0;
}
.select-drop-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("/themes/bfm/gfx/icons/drop-down.svg") 99% center no-repeat;
  padding-right: 25px;
}
.select-drop-down::-ms-expand {
  display: none;
}
.select-drop-down:hover,
.select-drop-down:focus {
  background-color: rgba(30, 76, 155, 0.2);
}
@media screen and (min-width: 0\0) {
  .select-drop-down {
    background-image: none\9;
    padding: 5px\9;
  }
}
.gradient1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e30017+0,e30017+19,182352+100 */
  background: #e30017;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e30017 0%, #e30017 19%, #182352 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e30017 0%, #e30017 19%, #182352 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e30017 0%, #e30017 19%, #182352 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30017', endColorstr='#182352', GradientType=1);
  /* IE6-9 */
  color: #fff;
}
.gradient2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b2c6e+0,b90b2c+100 */
  background: #3b2c6e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3b2c6e 0%, #b90b2c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3b2c6e 0%, #b90b2c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3b2c6e 0%, #b90b2c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b2c6e', endColorstr='#b90b2c', GradientType=1);
  /* IE6-9 */
  color: #fff;
}
@media screen and (max-width: 30em) {
  .content-wrapper .content-padder {
    padding: 15px;
  }
  .content-wrapper .content-padder .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
#banner h1 {
  background: #1e4c9b;
  color: #fff;
  display: inline-block;
  font-size: 3.8rem;
  padding: 3px 8px;
  margin-top: 0;
}
#banner .content-padder:last-child {
  padding-top: 0;
}
#banner .content-padder:first-child {
  padding-top: 34px;
  padding-bottom: 0;
}
@media screen and (min-width:40.001em) {
  .has-banner #banner {
    min-height: 520px;
  }
}
#primary {
  background: #fff;
  color: #858485;
}
@media screen and (min-width:48.125em) {
  .align-footer #primary {
    display: grid;
    grid-template-columns: 16% 84%;
    max-width: 1700px;
    margin: 0 auto;
  }
  .align-footer #primary .content-padder {
    width: 100%;
    max-width: 100%;
  }
  .align-footer #primary:before {
    content: "";
    display: block;
  }
}
#intro-content {
  background: #E9EAEA;
  color: #525253;
  text-align: center;
  font-size: 1.6rem;
}
#intro-content .content-padder {
  padding-bottom: calc(20px  + 5px);
  padding-top: calc(20px  + 5px);
}
#intro-content .wysiwyg h2 {
  background: #1e4c9b;
  color: #fff;
  display: inline-block;
  font-size: 3.8rem;
  margin: 0 0 .5em 0;
  padding: 3px 20px;
}
#intro-content .wysiwyg h2 + p {
  margin-top: 0;
}
#intro-content .wysiwyg *:first-child {
  margin-top: 0;
}
#intro-content .wysiwyg > *:last-child {
  margin-bottom: 0;
}
#intro-content .wysiwyg > *:last-child > *:last-child {
  margin-bottom: 0;
}
#intro-content .wysiwyg > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}
#intro-content .wysiwyg > *:last-child > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}
.wysiwyg {
  color: #525253;
  font-family: museo-sans, sans-serif;
  font-size: 1.6rem;
}
.wysiwyg *:not(h2,h3,h4,h5,h6) {
  font-family: museo-sans, sans-serif;
}
.wysiwyg > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:first-child > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:first-child > *:first-child > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:first-child > *:first-child > *:first-child > *:first-child {
  margin-top: 0;
}
@media screen and (min-width:40.001em) {
  .module-campaigns .afterheading {
    display: inline-block;
    line-height: 3.429em;
    padding-left: 1em;
    position: relative;
    top: -7px;
  }
  .module-campaigns .afterheading p {
    line-height: inherit;
    margin: 0;
  }
}
hr {
  border: 2px solid #EBECEC;
  height: 0;
}
small {
  font-size: 1.4rem;
}
.steps {
  position: relative;
  display: inline-block;
  display: flex;
  font-size: 1.8rem;
  margin-bottom: 1em;
}
@media screen and (min-width:40.001em) {
  .steps {
    font-size: 3.2rem;
    margin: 0 2em 1em 2em;
  }
}
.steps .step {
  flex: 1;
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: center;
}
.steps .step:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  background-color: #EBECEC;
  z-index: 0;
}
.steps .step:last-child:before {
  content: none;
}
.steps .step b {
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #1e4c9b;
  color: #1e4c9b;
  width: 1.5em;
  height: 1.5em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5em;
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
.steps .step span {
  display: none;
  max-width: 4rem;
  padding: 6px 4px;
  color: #888;
}
@media screen and (min-width:40.001em) {
  .steps .step span {
    display: block;
  }
}
.steps .step.is-active b {
  background-color: #1e4c9b;
  color: #fff;
}
.steps .step.is-active span {
  display: block;
  color: #222;
}
.steps .step.is-complete b {
  background: #060645;
  border-color: #060645;
  color: #fff;
}
.items {
  margin-bottom: 1em;
}
.items > h2,
#highlighted-campaigns .heading-grid .cell > h2 {
  background: #1e4c9b;
  color: #fff;
  display: inline-block;
  font-size: 3.8rem;
  margin: 1em 0;
  padding: 3px 8px;
}
@media screen and (min-width:40.001em) {
  .items .items-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media screen and (min-width:48.125em) {
  .items .items-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.items .item {
  background: #1e4c9b;
  color: #fff;
  display: block;
  font-size: 1.6rem;
}
.items .item h2,
.items .item h3 {
  color: inherit;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 0;
}
.items .item.thumb-image {
  display: flex;
  flex-direction: column;
}
.items .item.thumb-image .content {
  padding: 20px;
  order: 2;
}
.items .item.thumb-image .image {
  order: 1;
}
.items .item.thumb-image .image img {
  max-width: 100%;
}
.items .item.thumb-image .image.cover img {
  visibility: hidden;
}
@media screen and (min-width:40.001em) {
  #highlighted-campaigns .heading-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
#highlighted-campaigns .heading-grid .cell > h2 {
  margin: 0 0 1em 0;
  padding: 3px 8px;
}
#highlighted-campaigns .heading-grid .cell a.button3 {
  line-height: 2.333em;
  max-width: 270px;
  width: 100%;
}
@media screen and (min-width:40.001em) {
  #highlighted-campaigns .heading-grid .cell a.button3 {
    float: right;
  }
}
@media screen and (min-width:40.001em) {
  .items-campaigns .item.thumb-image .content {
    padding-bottom: calc(20px  + 4.875em);
    position: relative;
    min-height: 11.75em;
  }
}
.items-campaigns .item div.buttons {
  padding-top: 1em;
}
@media screen and (min-width:40.001em) {
  .items-campaigns .item div.buttons {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
  }
}
.items-campaigns .item div.buttons p.donate button {
  width: 100%;
}
.items-campaigns .item div.buttons p.more button {
  width: 100%;
}
.items-campaigns + .wysiwyg {
  padding-top: 1px;
}
.standout + .items-campaigns {
  margin-top: 30px;
}
.form-wrapper {
  max-width: 770px;
}
.messages.messages--error {
  background: rgba(176, 0, 18, 0.1);
  border: 1px solid #B00012;
  color: #B00012;
  display: block;
  font-size: 1.4rem;
  margin: 0 0 1em 0;
  padding: 0.3em;
}
.messages.messages--error:before {
  content: '\e806';
}
form.standard {
  max-width: 770px;
}
form.standard#payment-form fieldset {
  max-width: 570px;
}
form.standard fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form.standard fieldset legend {
  font-size: 2.6rem;
  color: #060645;
}
form.standard fieldset + fieldset > div:first-of-type {
  margin-top: 0;
}
form.standard fieldset p {
  font-size: 1.6rem;
  margin: 1em 0;
}
form.standard fieldset .label {
  font-size: 1.6rem;
  padding: 0;
  text-align: left;
}
form.standard fieldset .hint {
  font-size: 1.4rem;
  margin: 0.3em 0;
}
form.standard fieldset .hint p {
  font-size: inherit;
  margin: 0;
}
form.standard fieldset .field,
form.standard fieldset .form-field {
  font-size: 1.8rem;
  margin: 1em 0;
}
form.standard fieldset .field .form-inputs label,
form.standard fieldset .form-field .form-inputs label {
  color: #1e4c9b;
  display: block;
}
form.standard fieldset .field .form-inputs label small,
form.standard fieldset .form-field .form-inputs label small {
  color: #525253;
  font-family: museo-sans, sans-serif;
  font-weight: normal;
}
form.standard fieldset .field .form-inputs label input[type='checkbox'],
form.standard fieldset .form-field .form-inputs label input[type='checkbox'] {
  position: relative;
  top: -2px;
}
form.standard fieldset .field .form-inputs input[type='text'],
form.standard fieldset .form-field .form-inputs input[type='text'],
form.standard fieldset .field .form-inputs input[type='tel'],
form.standard fieldset .form-field .form-inputs input[type='tel'],
form.standard fieldset .field .form-inputs input[type='email'],
form.standard fieldset .form-field .form-inputs input[type='email'],
form.standard fieldset .field .form-inputs input[type='password'],
form.standard fieldset .form-field .form-inputs input[type='password'],
form.standard fieldset .field .form-inputs input[type='number'],
form.standard fieldset .form-field .form-inputs input[type='number'],
form.standard fieldset .field .form-inputs select,
form.standard fieldset .form-field .form-inputs select,
form.standard fieldset .field .form-inputs textarea,
form.standard fieldset .form-field .form-inputs textarea {
  background: #fff;
  border: 2px solid #d1d3d3;
  border-radius: 3px;
  color: #6b6b6b;
  width: 100%;
  padding: 3px;
}
form.standard fieldset .field .form-inputs input[type='number'],
form.standard fieldset .form-field .form-inputs input[type='number'] {
  -moz-appearance: textfield;
}
form.standard fieldset .field .form-inputs input[type='number']::-webkit-outer-spin-button,
form.standard fieldset .form-field .form-inputs input[type='number']::-webkit-outer-spin-button,
form.standard fieldset .field .form-inputs input[type='number']::-webkit-inner-spin-button,
form.standard fieldset .form-field .form-inputs input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.standard fieldset .field .form-inputs select,
form.standard fieldset .form-field .form-inputs select {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media screen and (min-width:40.001em) {
  form.standard fieldset .field .form-inputs .postcode-lookup-wrapper,
  form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: auto 170px;
  }
}
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button {
  border-color: #1e4c9b;
  margin: 0.5em 0;
  text-transform: uppercase;
}
@media screen and (min-width:40.001em) {
  form.standard fieldset .field .form-inputs .postcode-lookup-wrapper button,
  form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button {
    margin: 0;
  }
}
@media screen and (min-width:40.001em) {
  form.standard fieldset .field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results,
  form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results {
    display: grid;
    gap: 30px;
    grid-template-columns: auto 170px;
  }
  form.standard fieldset .field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results:after,
  form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results:after {
    content: "";
  }
}
form.standard fieldset .field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results select,
form.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper + #postcode-lookup-results select {
  margin: 0.5em 0;
  width: 100%;
}
form.standard fieldset .field .label label,
form.standard fieldset .form-field .label label {
  color: #1e4c9b;
  display: block;
  font-size: 1.8rem;
  line-height: 1.42857143em;
}
form.standard fieldset .field .label label small,
form.standard fieldset .form-field .label label small {
  color: #525253;
  font-family: museo-sans, sans-serif;
  font-weight: normal;
}
form.standard fieldset .field .input,
form.standard fieldset .form-field .input {
  display: grid;
  margin: 1em 0;
  max-width: 100%;
  width: 100%;
}
form.standard fieldset .field .input input[type='number'],
form.standard fieldset .form-field .input input[type='number'] {
  background: #fff;
  border: 2px solid #d1d3d3;
  border-radius: 3px;
  width: 100%;
  padding: 3px;
  -moz-appearance: textfield;
}
form.standard fieldset .field .input input[type='number']::-webkit-outer-spin-button,
form.standard fieldset .form-field .input input[type='number']::-webkit-outer-spin-button,
form.standard fieldset .field .input input[type='number']::-webkit-inner-spin-button,
form.standard fieldset .form-field .input input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.standard fieldset .field .input.faux-field,
form.standard fieldset .form-field .input.faux-field {
  border: 2px solid #d1d3d3;
  border-radius: 3px;
  display: block;
  margin: 0;
}
form.standard fieldset .field .input.faux-field input[type='number'],
form.standard fieldset .form-field .input.faux-field input[type='number'] {
  border: 0;
  box-sizing: border-box;
  display: inline-block;
  width: 1.8em;
}
form.standard fieldset .field .input.faux-field.sep,
form.standard fieldset .form-field .input.faux-field.sep {
  display: inline-block;
  margin-right: .3em;
}
form.standard fieldset .field .error,
form.standard fieldset .form-field .error,
form.standard fieldset .field .alert,
form.standard fieldset .form-field .alert {
  background: rgba(176, 0, 18, 0.1);
  border: 1px solid #B00012;
  color: #B00012;
  display: block;
  font-size: 1.4rem;
  margin: 0 0 1em 0;
  padding: 0.3em;
}
form.standard fieldset .field .error:before,
form.standard fieldset .form-field .error:before,
form.standard fieldset .field .alert:before,
form.standard fieldset .form-field .alert:before {
  content: '\e806';
}
form.standard fieldset .field .alert,
form.standard fieldset .form-field .alert {
  margin-top: .5em;
}
form.standard fieldset .field.type-radio ul,
form.standard fieldset .form-field.type-radio ul,
form.standard fieldset .field.type-radio ol,
form.standard fieldset .form-field.type-radio ol {
  list-style: none;
  padding: 0;
}
form.standard fieldset .field.type-radio ul li,
form.standard fieldset .form-field.type-radio ul li,
form.standard fieldset .field.type-radio ol li,
form.standard fieldset .form-field.type-radio ol li {
  list-style: none;
}
form.standard fieldset .field.type-radio ul li label,
form.standard fieldset .form-field.type-radio ul li label,
form.standard fieldset .field.type-radio ol li label,
form.standard fieldset .form-field.type-radio ol li label {
  display: block;
  overflow: hidden;
}
form.standard fieldset .field.type-radio ul li label:hover,
form.standard fieldset .form-field.type-radio ul li label:hover,
form.standard fieldset .field.type-radio ol li label:hover,
form.standard fieldset .form-field.type-radio ol li label:hover {
  cursor: pointer;
}
form.standard fieldset .field.type-radio ul li label:hover span,
form.standard fieldset .form-field.type-radio ul li label:hover span,
form.standard fieldset .field.type-radio ol li label:hover span,
form.standard fieldset .form-field.type-radio ol li label:hover span {
  background: #287BDF;
  color: #fff;
}
form.standard fieldset .field.type-radio ul li label span,
form.standard fieldset .form-field.type-radio ul li label span,
form.standard fieldset .field.type-radio ol li label span,
form.standard fieldset .form-field.type-radio ol li label span {
  background: #E9EAEA;
  color: #1e4c9b;
  display: block;
  padding: 3px 8px;
}
form.standard fieldset .field.type-radio ul li label input,
form.standard fieldset .form-field.type-radio ul li label input,
form.standard fieldset .field.type-radio ol li label input,
form.standard fieldset .form-field.type-radio ol li label input {
  float: left;
  margin-left: -1000px;
}
form.standard fieldset .field.type-radio ul li label input:checked + span,
form.standard fieldset .form-field.type-radio ul li label input:checked + span,
form.standard fieldset .field.type-radio ol li label input:checked + span,
form.standard fieldset .form-field.type-radio ol li label input:checked + span {
  background: #1e4c9b;
  color: #fff;
}
@media screen and (min-width:40.001em) {
  form.standard fieldset .field-group-x2 {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    margin: 1em 0;
  }
  form.standard fieldset .field-group-x2 .field,
  form.standard fieldset .field-group-x2 .form-field {
    margin: 0;
  }
}
form.standard .submit {
  margin: 1em 0;
}
form.standard button[type="submit"],
form.standard input[type="submit"],
form.standard .submit a {
  border-color: #1e4c9b;
  padding: 8px 16px;
  font-family: museo-sans, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  min-width: 170px;
}
form.standard button[type="submit"]#back,
form.standard input[type="submit"]#back,
form.standard .submit a#back,
form.standard button[type="submit"].back,
form.standard input[type="submit"].back,
form.standard .submit a.back {
  padding: 8px 16px;
}
@media screen and (min-width:40.001em) {
  form.standard .button-gridx2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  form.standard .button-gridx2 > :last-child {
    text-align: right;
  }
}
form#payment-form fieldset .field .input {
  margin: 0;
}
form#payment-form .hint[aria-hidden="true"] {
  display: none;
}
@media screen and (min-width:40.001em) {
  form#payment-form .hint[aria-hidden="true"] {
    display: block;
  }
}
@media screen and (min-width:40.001em) {
  form#payment-form .field-group-x2 {
    grid-template-columns: 170px calc(100% - 200px);
  }
  form#payment-form .field-group-x2 #hint-payment-form-cvv {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
form#donation-amount-form {
  background: #fff;
  box-sizing: border-box;
  max-width: 470px;
  /*
		.notes-wrapper {
			@media @mq-smart-mobile {
				min-height: 300px;
			}
			@media @mq-tablet {
				min-height: 200px;
			}
		}*/
}
@media screen and (min-width:40.001em) {
  form#donation-amount-form {
    scroll-margin-top: 65px;
  }
}
@media screen and (min-width:40.001em) {
  form#donation-amount-form {
    margin-left: 8%;
  }
}
form#donation-amount-form fieldset {
  padding: 18px;
}
form#donation-amount-form .field {
  margin: 0;
}
form#donation-amount-form .input {
  width: 100%;
  margin: 0;
}
form#donation-amount-form .input input[type="number"] {
  border-color: #e3e3e3;
}
form#donation-amount-form .type-radio ul li label,
form#donation-amount-form .type-radio ol li label {
  font-size: 1.8rem;
  font-family: museo-sans, sans-serif;
  font-weight: bold;
}
form#donation-amount-form .type-radio ul li label span,
form#donation-amount-form .type-radio ol li label span {
  padding: 16px;
  text-align: center;
}
form#donation-amount-form .note {
  background: #E9EAEA;
  border: 1px solid #1e4c9b;
  colour: #525253;
  font-size: 1.6rem;
  padding: 20px 10px 10px 10px;
  position: relative;
}
form#donation-amount-form .note *:first-child {
  margin: 0;
}
form#donation-amount-form .note p {
  max-height: 70px;
  overflow: hidden;
}
form#donation-amount-form .note:after {
  background: #E9EAEA;
  border: 1px solid #1e4c9b;
  border-right: 0;
  border-bottom: 0;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20px;
  transform: rotate(45deg);
  top: -10px;
}
form#donation-amount-form .note .error {
  margin-top: .5em;
}
form#donation-amount-form button[type="submit"],
form#donation-amount-form input[type="submit"] {
  width: 100%;
  padding: 16px;
}
#payment-errors {
  background: rgba(176, 0, 18, 0.1);
  border: 1px solid #B00012;
  color: #B00012;
  display: block;
  font-size: 1.4rem;
  margin: 1em 0;
  padding: 0.3em;
}
#payment-errors:before {
  content: '\e806';
}
@media (min-width:30em) {
  .field-gridx2 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width:30em) {
  .field-gridx4,
  .field-gridx7 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width:40.001em) {
  .field-gridx4,
  .field-gridx7 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width:30em) {
  .field-donation-addressLine2 {
    padding-top: 3rem;
  }
}
.gift-aid-panel {
  background: #E9EAEA;
  color: #525253;
  padding: 20px;
  font-size: 1.6rem;
}
.gift-aid-panel > *:first-child {
  margin-top: 0;
}
.gift-aid-panel > *:last-child {
  margin-bottom: 0!important;
}
.gift-aid-panel h2 {
  color: #1e4c9b;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.gift-aid-panel p:before {
  background: url(/themes/oudp/gfx/logos/gift-aid-it-heading.png) no-repeat;
  content: '';
  display: block;
  height: 53px;
  margin: 1em auto;
  width: 150px;
}
@media screen and (min-width:40.001em) {
  .gift-aid-panel p {
    position: relative;
    padding-right: 165px;
  }
  .gift-aid-panel p:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
}
.gift-aid-panel .field-donation-giftAid .form-inputs {
  display: flex;
}
.gift-aid-panel .field-donation-giftAid .form-inputs label {
  margin: 0;
  order: 2;
}
.gift-aid-panel .field-donation-giftAid .form-inputs input {
  margin: 0 .5em 0 0;
  order: 1;
}
#donation-details h2 {
  color: #060645;
}
#donation-details p {
  font-size: 1.6rem;
  margin: 1em 0 2em 0;
}
#donation-details p strong {
  color: #1e4c9b;
}
#donation-details p a {
  color: #1e4c9b;
  font-weight: bold;
}
#donation-details p a.button,
#donation-details p a.items-campaigns .item div.buttons p.more button,
#donation-details p aform.standard fieldset .field .form-inputs .postcode-lookup-wrapper button,
#donation-details p aform.standard fieldset .form-field .form-inputs .postcode-lookup-wrapper button,
#donation-details p aform.standard button[type="submit"],
#donation-details p aform.standard input[type="submit"],
#donation-details p aform.standard .submit a {
  color: #fff;
  font-size: 1.6rem;
  text-transform: uppercase;
}
#direct-debit-guarantee {
  border: 4px solid #000;
  padding: 20px;
  margin-bottom: 2rem;
}
#direct-debit-guarantee h2 {
  color: #000;
  margin-top: 0;
}
@media (min-width:30em) {
  #direct-debit-guarantee h2 {
    padding-right: 120px;
  }
}
#direct-debit-guarantee h2 span {
  display: block;
}
@media (min-width:30em) {
  #direct-debit-guarantee h2 span {
    float: left;
  }
}
#direct-debit-guarantee h2:before {
  background: url(/themes/oudp/gfx/logos/direct-debit-1.svg) center right no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 30px;
  margin-bottom: .5em;
}
@media (min-width:30em) {
  #direct-debit-guarantee h2:before {
    width: 100px;
    margin-bottom: 0;
    margin-right: -120px;
    float: right;
  }
}
#direct-debit-guarantee ul {
  padding-left: 1.8rem;
}
@media screen and (min-width: 768px) {
  nav#main-nav .nav li.active a {
    background-color: #e21481;
    color: #fff;
  }
}
.banner-heading {
  background: #1e4c9b;
  color: #fff;
  display: inline-block;
  font-size: 3.8rem;
  margin: 1em 0;
  padding: 3px 20px;
}
.centre {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.standout {
  background: #E9EAEA;
  color: #1e4c9b;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 1em;
  margin: 1em 0;
}
.wysiwyg {
  font-size: 1.6rem;
}
.wysiwyg p {
  margin: 1em 0;
}