/* For heading underlines, blockquotes, etc. */
.pageHeader .headerContent,
.homeIntroWrapper,
.homeFeatures,
.homeFeeds,
.headerText,
.contentBlockWrapper,
.searchListingIntro,
.menuSub ul,
.signInForm,
.registerForm,
.customForm,
.passwordForm,
.container404,
.formWrapper,
.contentBlockWrapper.appealActionsWrapper,
.appealActionsWrapper {
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px; }

.appealActionsWrapper,
.container404 {
  margin: 0 auto; }

html, body, legend {
  font-family: "Open Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.4;
  color: #333; }

button {
  font-family: "Rockwell W01", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.4;
  color: #333; }


h1, h2, h3, h4, h5, h6 {
  font-family: "Rockwell W01", sans-serif;
  font-weight: 400;
  line-height: inherit; }

h1, h2, h3 {
  margin-top: 1em;
  margin-bottom: 0.67em; }

h4, h5, h6 {
  margin-top: 0.67em;
  margin-bottom: 0.5em; }

h1 {
  font-size: 36px;
  font-size: 2em; }

h2 {
  font-size: 30px;
  font-size: 1.5em; }

h3 {
  font-size: 24px;
  font-size: 1.25em; }

h4 {
  font-size: 20px;
  font-size: 1.117em; }

h5 {
  font-size: 16px;
  font-size: 1em; }

h6 {
  font-size: 14px;
  font-size: 0.85em; }

.eventContent h2, .eventContent h3, .eventContent h4, .eventContent h5, .eventContent h6, .postContent h2, .postContent h3, .postContent h4, .postContent h5, .postContent h6 {
  margin-top: 1em; }

p {
  margin: 0 0 1em 0;
  font-size: 16px;
  font-size: 1em; }

a, a:link, a:visited {
  color: #b40155; }

small {
  font-size: 0.85em; }

b, strong {
  font-weight: 700; }

em {
  font-style: italics; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1em; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

blockquote {
  padding: 20px;
  margin: 0 0 1em 0;
  border-left: 5px solid #eee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }

@media (max-width: 768px) {
  h1 {
    font-size: 1.6em; }

  h2 {
    font-size: 1.275em; }

  h3 {
    font-size: 1.125em; } }
.postContent table h1, .postContent table h2, .postContent table h3, .postContent table h4, .postContent table h5 {
  margin: 0;
  font-weight: 400; }
table td {
  font-size: 1em; }
table h2 {
  margin-bottom: 1em; }

tbody, thead {
  background-color: #fff;
  border: 1px solid #eee; }

thead tr:nth-child(odd) {
  background-color: #fff; }

tr:nth-child(odd) {
  background-color: rgba(238, 238, 238, 0.5); }

td {
  padding: 10px; }

@media (max-width: 768px) {
  table {
    max-width: 100%;
    height: 100%;
    display: block;
    overflow: auto; } }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"] {
  padding: 10px; }

select {
  padding: 10px; }

textarea {
  padding: 10px; }

legend {
  border-bottom: 0;
  font-size: 24px; }

.formQuestion.commentNotify.labelRadioPair input[type="radio"],
.formQuestion.labelRadioPair input[type="radio"],
.formQuestion.commentNotify.labelCheckBoxPair input[type="checkbox"],
.formQuestion.labelCheckBoxPair input[type="checkbox"],
.customForm input[type="checkbox"],
.customForm input[type="radio"] {
  display: inline-block;
  float: none;
  margin: 0 5px 0 0; }

@media (max-width: 768px) {
  .checkboxRadioGrid .checkboxLabelPair,
  .checkboxRadioGrid .radioLabelPair {
    width: 100%; } }
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Open Sans", sans-serif; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Open Sans", sans-serif; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Open Sans", sans-serif; }

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Open Sans", sans-serif; }

.button,
a.button:link,
a.button:visited,
.commentAddImage,
button,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.commentAddImage,
.button.ghostContinue,
.readMore,
a.addToCalender,
.post_collapseReadMore a,
.listedFilters a.filter,
.appliedFilters span.filter {
  background-color: #b40155;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  margin-right: 5px;
  display: inline-block; }
  .button:hover,
  a.button:link:hover,
  a.button:visited:hover,
  .commentAddImage:hover,
  button:hover,
  #totaliserActions .buttonDonate:hover,
  #totaliserActions .buttonFundraise:hover,
  .commentAddImage:hover,
  .button.ghostContinue:hover,
  .readMore:hover,
  a.addToCalender:hover,
  .post_collapseReadMore a:hover,
  .listedFilters a.filter:hover,
  .appliedFilters span.filter:hover {
    background-color: #81013d;
    cursor: pointer; }
  .button.facebookPopulate,
  a.button:link.facebookPopulate,
  a.button:visited.facebookPopulate,
  .commentAddImage.facebookPopulate,
  button.facebookPopulate,
  #totaliserActions .buttonDonate.facebookPopulate,
  #totaliserActions .buttonFundraise.facebookPopulate,
  .commentAddImage.facebookPopulate,
  .button.ghostContinue.facebookPopulate,
  .readMore.facebookPopulate,
  a.addToCalender.facebookPopulate,
  .post_collapseReadMore a.facebookPopulate,
  .listedFilters a.filter.facebookPopulate,
  .appliedFilters span.filter.facebookPopulate {
    display: none; }

.readMore {
  margin-top: 1%; }

span.readMore a {
  color: #fff; }
  span.readMore a:hover {
    text-decoration: none; }

a.buttonIcon:link, a.buttonIcon:visited,
a.remove, a.remove:link {
  background-color: #b40155;
  color: #fff;
  vertical-align: middle;
  opacity: 1;
  font-family: 'FontAwesome';
  overflow: hidden;
  text-align: center; }
  a.buttonIcon:link:hover, a.buttonIcon:visited:hover,
  a.remove:hover, a.remove:link:hover {
    background-color: #81013d;
    color: #fff;
    text-decoration: none; }
  a.buttonIcon:link:before, a.buttonIcon:visited:before,
  a.remove:before, a.remove:link:before {
    padding-top: 0;
    line-height: 23px; }
  a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:visited.increaseQuantity:before,
  a.remove.increaseQuantity:before, a.remove:link.increaseQuantity:before {
    content: '\f106'; }
  a.buttonIcon:link.expand:before, a.buttonIcon:link.decreaseQuantity:before, a.buttonIcon:visited.expand:before, a.buttonIcon:visited.decreaseQuantity:before,
  a.remove.expand:before,
  a.remove.decreaseQuantity:before, a.remove:link.expand:before, a.remove:link.decreaseQuantity:before {
    content: '\f107'; }

@media screen and (max-width: 992px) {
  a.buttonIcon:link.increaseQuantity, a.buttonIcon:link.decreaseQuantity {
    width: 16px;
    height: 16px;
    background-color: transparent;
    color: #b40155;
    border-radius: 0;
    font-size: 16px; }
    a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:link.decreaseQuantity:before {
      padding: 0;
      line-height: 16px;
      height: 16px; }
    a.buttonIcon:link.increaseQuantity:hover, a.buttonIcon:link.decreaseQuantity:hover {
      color: #b40155; } }
ul.socialIcons, ul.shareList {
  margin-bottom: 0; }
  ul.socialIcons li, ul.shareList li {
    display: inline-block; }
    ul.socialIcons li a, ul.shareList li a {
      width: 30px;
      height: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      display: block;
      overflow: hidden; }
      ul.socialIcons li a:hover, ul.shareList li a:hover {
        text-decoration: none; }
      ul.socialIcons li a:before, ul.shareList li a:before {
        font-family: 'Genericons';
        font-size: 20px;
        vertical-align: middle;
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block; }
      ul.socialIcons li a.facebook, ul.shareList li a.facebook {
        background-color: #3B5998; }
        ul.socialIcons li a.facebook:before, ul.shareList li a.facebook:before {
          content: '\f204'; }
      ul.socialIcons li a.twitter, ul.shareList li a.twitter {
        background-color: #55acee; }
      ul.socialIcons li a.youtube, ul.shareList li a.youtube {
        background-color: #e52d27; }
        ul.socialIcons li a.youtube:before, ul.shareList li a.youtube:before {
          content: '\f213'; }

ul.shareList a.shareEmail:before {
  background-color: #b40155; }

.mainLogo {
  padding: 0;
  margin: 20px 0;
  width: 240px;
  height: 70px;
  background-size: contain;
  background-image: url("/Handlers/GetImage.ashx?IDMF=8381d31d-a7a6-45c3-8a62-7a98136667d0"); }
  @media screen and (max-width: 768px) {
    .mainLogo {
      width: 150px;
      background-size: contain;
      height: 45px;
      padding: 0;
      margin: 10px 0; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  background-image: url("/Handlers/GetImage.ashx?IDMF=8381d31d-a7a6-45c3-8a62-7a98136667d0"); }
.menuAdminContainer {
  background-color: #5b277a;
  height: auto; }
  .menuAdminContainer ul#menuAdmin {
    max-width: 1170px;
    width: 100%;
    padding: 0 20px; }
    .menuAdminContainer ul#menuAdmin li a {
      color: #300235;
      border-left: 0;
      font-size: 14px; }

.adminBar, .adminBarEdit {
  font-size: 0.85em;
  padding: 10px 20px; }

.mainCallToAction {
  margin: 20px 0 0 0;
  width: 48%;
  height: 70px; }
  @media (max-width: 1000px) {
    .mainCallToAction {
      width: 60%;
      font-size: 1em; } }

.headerFollowContainer {
  display: none; }

.searchContainer {
  float: right;
  margin-right: 30px;
  margin-top: 30px; }
  .searchContainer #siteSearch {
    width: 160px;
    margin-top: 0;
    height: 40px;
    vertical-align: top; }
    @media screen and (max-width: 1000px) {
      .searchContainer #siteSearch {
        width: 160px; } }
  .searchContainer button {
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0; }
    .searchContainer button:before {
      font-family: FontAwesome;
      content: '\f002';
      margin: 0;
      font-weight: normal;
      width: 40px;
      height: 40px;
      line-height: 40px;
      display: block; }
  @media screen and (max-width: 1000px) {
    header .searchContainer {
      display: none; } }

.cc-cookies {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-shadow: none; }

@media screen and (max-width: 300px) {
  header .headerContent .searchContainer, header .headerContent .mainCallToAction {
    display: none; } }
.social-wrap {
  width: 33.333%;
  float: left;
  height: 120px;
  padding: 1% 5% 0 0; }

.timetable {
  width: 33.3333%;
  height: 100%;
  padding: 10px 20px;
  background-color: #93BE2E;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 25px;
  vertical-align: middle;
  float: left;
  border-radius: 43px; }
  .timetable a, .timetable a:link {
    text-decoration: none;
    color: #ffffff; }
  .timetable a:hover {
    text-decoration: none;
    opacity: 0.6; }

.give {
  width: 32.3333%;
  height: 100%;
  padding: 10px 20px;
  margin: 0 0 0 1%;
  background-color: #FAAE00;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
  float: left;
  border-radius: 43px;
  line-height: 50px;
  vertical-align: middle;}
  .give a, .give a:link {
    text-decoration: none;
    color: #ffffff; }
  .give a:hover {
    text-decoration: none;
    opacity: 0.6; }

.call {
  text-align: left;
  font-family: 'Rockwell W01', sans-serif;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 400;
  float: left;
  border-radius: 3px; }
  .call a, .call a:link {
    text-decoration: none;
    color: #ffffff; }
  .call a:hover {
    text-decoration: none;
    opacity: 0.6; }

.menuMain {
  background-color: #5b277a;
  float: none;
  transition: all 300ms linear;
  position: inherit;
  top: auto;
  backface-visibility: inherit; }
  .menuMain .mobile-search, .menuMain .mobile-social {
    display: none; }
  .menuMain ul li > a {
    color: #fff;
    height: auto;
    padding: 20px 15px; }

    @media (max-width: 1024px){
      .menuMain ul li > a{
        padding: 15px 10px; }}
  .menuMain ul li > a:hover {
    color: #ccc; }
  .menuMain ul li .subMenu {
    border: 0;
    background-color: #5b277a; }
    .menuMain ul li .subMenu li a {
      background-color: transparent;
      padding: 10px 20px; }
      .menuMain ul li .subMenu li a:hover {
        color: #cccccc; }
  .menuMain.scrolled {
    position: fixed;
    top: 0;
    z-index: 5; }

  @media (max-width: 768px){
      .menuMain.scrolled {
        position: absolute;
        top: 100%;
        z-index: 2; } }

ul.topLevel {
  width: 100%;
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto; }

.breadcrumbList {
  margin-bottom: 0; }

.breadcrumbItem {
  float: none;
  display: inline-block;
  margin-right: 10px;
  white-space: inherit; }
  .breadcrumbItem:before {
    padding-right: 10px; }

@media screen and (max-width: 768px) {
  header#pageHeader {
    position: relative; }

  header#pageHeader .mainCallToAction,
  header#pageHeader .searchContainer {
    display: none; }

  header#pageHeader .menuMain .mainCallToAction,
  header#pageHeader .menuMain .searchContainer {
    display: block; }

  a.menuMainAlt {
    display: block;
    color: #fff;
    background-color: #5b277a;
    position: absolute;
    bottom: 20px;
    right: 20px; }
    a.menuMainAlt:hover {
      text-decoration: none; }
    a.menuMainAlt:before {
      font-family: 'FontAwesome';
      content: '\f0c9';
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      padding: 0;
      font-size: inherit;
      line-height: inherit;
      margin-right: 10px; }

  ul.topLevel {
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-top: 0; }

  .menuMain {
    position: absolute;
    top: 100%;
    z-index: 2;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    max-height: 0;
    overflow: hidden; }
    .menuMain ul li {
      display: block;
      width: 100%; }
      .menuMain ul li .subMenu {
        padding: 0;
        margin: 0;
        max-height: 0;
        overflow: hidden;
        position: inherit;
        box-shadow: none;
        background-color: rgba(255, 255, 255, 0.05); }
        .menuMain ul li .subMenu ul {
          left: auto; }
      .menuMain ul li a {
        border-bottom: 0;
        position: relative; }
      .menuMain ul li ul.active, .menuMain ul li > ul ul.active {
        max-height: 55em; }
      .menuMain ul li ul ul,
      .menuMain ul li ul ul ul {
        display: inherit; }
    .menuMain li.hasSubmenu > a:after {
      padding: 0;
      font-family: 'FontAwesome';
      content: '\f107';
      position: absolute;
      font-size: 1em;
      display: inline-block;
      top: 10px;
      right: 20px; }
    .menuMain li.hasSubmenu > a.active:after {
      content: '\f106'; }
    .menuMain .mainCallToAction {
      display: block;
      margin: 0;
      float: none;
      padding: 10px 20px; }
      .menuMain .mainCallToAction ul {
        background-color: transparent;
        max-height: none;
        text-align: center; }
        .menuMain .mainCallToAction ul li {
          display: inline-block;
          width: auto; }
          .menuMain .mainCallToAction ul li a {
            padding: 0;
            height: 40px; }
            .menuMain .mainCallToAction ul li a:hover {
              background-color: transparent; }
    .menuMain .mobile-search,
    .menuMain .mobile-social {
      display: block; }
    .menuMain > ul > li.menuAdminAltItems {
      display: block; }
    .menuMain form {
      padding: 15px; }
    .menuMain .searchContainer {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      position: relative; }
      .menuMain .searchContainer #siteSearch {
        width: 100%;
        -webkit-appearance: none;
        padding-right: 50px;
        border-radius: 3px; }
      .menuMain .searchContainer button {
        margin-right: 0;
        position: absolute;
        top: 0;
        right: 0; } }
ul.carouselControls {
  padding: 0 20px;
  width: 100%; }
  ul.carouselControls li a {
    color: rgba(255, 255, 255, 0.7);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px; }
    ul.carouselControls li a:before {
      font-family: 'FontAwesome', serif;
      line-height: 40px;
      font-size: 40px;
      height: 40px; }
    ul.carouselControls li a:hover {
      color: rgba(255, 255, 255, 1); }
      ul.carouselControls li a:hover:before {
        color: inherit; }

.carouselControlPrev:before {
  content: '\f137'; }

.carouselControlNext {
  float: right; }
  .carouselControlNext:before {
    content: '\f138'; }

.carouselButtons {
  display: none;
  text-align: center;
  background-color: transparent;
  position: absolute;
  bottom: 20px; }
  .carouselButtons li {
    display: inline-block;
    border: 0;
    padding: 0;
    float: none;
    width: auto;
    background-color: transparent;
    margin: 0 5px; }
    .carouselButtons li.activeSlide {
      border-bottom: 0; }
    .carouselButtons li a.button {
      width: 15px;
      height: 15px;
      background-color: rgba(7, 115, 163, 0.8);
      display: block;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      overflow: hidden;
      padding: 0;
      text-indent: 40px; }
      .carouselButtons li a.button:hover {
        background-color: #0773a3; }
    @media (max-width: 768px){
      .carouselButtons li a.button{
        background-color: rgba(255, 255, 255, 0.8); }
    }

.videoPopUpWrapper {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .videoPopUpWrapper {
      width: 640px;
      height: 360px; } }
  @media (max-width: 768px) {
    .videoPopUpWrapper {
      width: 500px;
      height: 281px; } }
  @media (max-width: 540px) {
    .videoPopUpWrapper {
      width: 420px;
      height: 236px; } }
  @media (max-width: 480px) {
    .videoPopUpWrapper {
      width: 300px;
      height: 169px;
      padding: 10px; } }
  @media (max-width: 360px) {
    .videoPopUpWrapper {
      width: 280px;
      height: 158px; } }

.videoPopupClose {
  top: -10px;
  right: -10px; }
  .videoPopupClose:hover {
    text-decoration: none;
    background-color: #b40155;
    color: #fff; }
  @media (max-width: 540px) {
    .videoPopupClose {
      top: -10px;
      right: -10px; } }

ul.carouselSlides li > a {
  display: block;
  width: 100%;
  //height: 400px;
  float: right;
  position: relative; }
  @media screen and (max-width: 480px) {
    ul.carouselSlides li > a {
      height: 150px; } }

.carouselSlide {
  max-height: inherit;
  padding: 0 0 0 0;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }
  .carouselSlide.hidden {
    opacity: 0;
    display: block !important;
    position: absolute;
    width: 100%; }

.carouselDetailWrapper {
  width: 40%;
  top: inherit;
  left: 15%;
  margin-left: 0;
  position: relative;
  padding: 0; }
  .carouselDetailWrapper p, .carouselDetailWrapper h2.carouselSlideHeading a, .carouselDetailWrapper h2.carouselSlideHeading a:link {
    color: #444; }
  .carouselDetailWrapper h2 {
    margin-top: 0;
    font-size: 2.4rem;
    font-family: 'Rockwell W01', sans-serif;
    line-height: 2.4rem;
    padding: 0 2%; }
  .carouselDetailWrapper p {
    margin-top: 0;
    font-size: 1rem;
    padding: 0 2%; }

.carouselSlideDetail {
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 3px;
  width: 100%;
  padding: 2%;
  position: absolute;
  top: 50%;
  left: auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em; }

.carouselSlideReadMore {
  display: block;
  color: #fff;
  background-color: #b40155;
  padding: 5px 10px;
  margin-top: 20px;
  width: 120px;
  text-align: center; }
  .carouselSlideReadMore:hover {
    background-color: #81013d; }
  @media screen and (max-width: 1100px) {
    .carouselSlideReadMore {
      padding: 5px 10px;
      margin-top: 20px;
      width: 120px;
      float: none; } }

.showsVideo:before {
  position: absolute;
  content: '\f144';
  font-family: 'FontAwesome';
  text-align: center;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  width: 100px;
  height: 100px;
  z-index: 2;
  line-height: 100px;
  font-size: 100px;
  border-radius: 0; }
.showsVideo:hover:before {
  background-color: transparent; }

@media (max-width: 1200px) {
  ul.carouselSlides li > a {
    width: 100%; }

  .carouselDetailWrapper {
    width: 0;
    left: 80px; }

  .carouselSlideDetail {
    padding: 20px; } }
@media (max-width: 1000px) {
  .carouselDetailWrapper {
    width: 0; }

  .carouselSlideDetail,
  .carousel ul {
    margin-top: 0; } }
@media (max-width: 768px) {

  .carousel ul.carouselSlides{
    background-color: #5b277a;
    padding-bottom: 40px; }
  ul.carouselSlides li > a {
    float: none; }

  .carouselDetailWrapper {
    width: 100%;
    left: auto; }

  .carouselSlideDetail {
    transform: none;
    top: inherit;
    width: 100%;
    position: inherit;
    background-color: transparent;}

  .carouselSlideHeading {
    text-align: center;}

  .carouselDetailWrapper p,
  .carouselDetailWrapper h2.carouselSlideHeading a,
  .carouselDetailWrapper h2.carouselSlideHeading a:link{
    color: #fff;  }

  .carouselControls {
    display: none; }

  .carousel .carouselButtons {
    bottom: 40px;
    display: block; }
    .carousel .carouselButtons li {
      width: auto;
      min-width: inherit; } }
@media screen and (max-width: 480px) {
  .showsVideo:before {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px; } }
.homeIntro {
  font-family: 'Rockwell W01', Sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
  padding: 0;
  color: #009fe3;
  margin: 80px 0; }
.homeIntro p{
  margin: 0; }
  @media (max-width: 1000px) {
    .homeIntro {
      font-size: 2.4rem; } }
  @media (max-width: 400px) {
    .homeIntro {
      font-size: 2rem; } }
  .homeIntro a, .homeIntro a:link {
    color: #009fe3; }

.homeFeature {
  margin: 0; }

.homeFeaturesWrapper {
  background-color: #fff; }

.homeFeatureDetailsWrapper {
  background-color: none;
  padding: 0;}
  .homeFeatureDetailsWrapper h2 {
    margin: 0;
    font-family: 'Rockwell W01', sans-serif;
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: left; }
  .homeFeatureDetailsWrapper p {
    display: none; }
  .homeFeatureDetailsWrapper .featureFooter {
    display: none; }

.homeBoxImage {
  display: none; }

.homeBox1 .homeFeatureWrapper {
  background-color: #5b277a;
  border-radius: 0;
  min-height: 280px;
  padding: 0;
  background-image: url("/Handlers/GetImage.ashx?IDMF=3c1ac349-6c56-4ae7-9fd1-41bac1d7a743&");
  background-repeat: no-repeat;
  background-position: center right; }
  .homeBox1 .homeFeatureWrapper h2 {
    color: #fff;
    padding: 0;
    font-size: 2rem;
    margin: 0;}
    .homeBox1 .homeFeatureWrapper h2 a, .homeBox1 .homeFeatureWrapper h2 a:link {
      color: #fff; } 

.homeBox2 .homeFeatureWrapper {
  background-color: #faae00;
  border-radius: 0;
  padding: 5px;
  min-height: 280px;
  padding: 0;
  background-image: url("/Handlers/GetImage.ashx?IDMF=86dbbad4-7d43-4782-a479-a6839877ac8f&");
  background-repeat: no-repeat;
  background-position: center right; }
  .homeBox2 .homeFeatureWrapper h2 {
    color: #fff;
    padding: 0;
    font-size: 2rem;
    margin: 0;}
    .homeBox2 .homeFeatureWrapper h2 a, .homeBox2 .homeFeatureWrapper h2 a:link {
      color: #fff; }

.homeBox3 .homeFeatureWrapper {
  background-color: #96bb20;
  border-radius: 0;
  padding: 5px;
  min-height: 280px;
  background-image: url("/Handlers/GetImage.ashx?IDMF=c1bc38e1-d05f-4ba9-a074-f10462b0d639&");
  background-repeat: no-repeat;
  background-position: center right; }
  .homeBox3 .homeFeatureWrapper h2 {
    color: #fff;
    padding: 0;
    font-size: 2rem;
    margin: 0; }
    .homeBox3 .homeFeatureWrapper h2 a, .homeBox3 .homeFeatureWrapper h2 a:link {
      color: #fff; }

.homeBox4 .homeFeatureWrapper {
  background: #b40155;
  border-radius: 0;
  padding: 5px;
  min-height: 280px;
  background-image: url("/Handlers/GetImage.ashx?IDMF=2798a009-c414-415b-a564-06a330f499be&");
  background-repeat: no-repeat;
  background-position: center right; }
  .homeBox4 .homeFeatureWrapper p {
    color: #fff; }
  .homeBox4 .homeFeatureWrapper h2 {
    color: #fff;
    font-size: 2rem;
    padding: 0;
    margin: 0;}
    .homeBox4 .homeFeatureWrapper h2 a, .homeBox4 .homeFeatureWrapper h2 a:link {
      color: #fff; }

.homeBox5 .homeFeatureWrapper {
  background-color: #96bb20;
  width: 100%; }
  .homeBox5 .homeFeatureWrapper h2 {
    color: #fff; }
    .homeBox5 .homeFeatureWrapper h2 a, .homeBox5 .homeFeatureWrapper h2 a:link {
      color: #fff; }

.homeFeatureWrapper {
  padding: 20px; }
.homeFeatureWrapper h2 {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 40px);}

.homeFeature {
  padding: 0; }
  .homeFeature:hover {
    background-color: #fff; }
  .homeFeature .banner {
    margin-bottom: 0; }
  .homeFeature:nth-child(4n+1) {
    clear: inherit; }
  .homeFeature.homeBox1, .homeFeature.homeBox2, .homeFeature.homeBox3, .homeFeature.homeBox4 {
    width: 25%; }
    .homeFeature.homeBox1:nth-child(4n+1), .homeFeature.homeBox2:nth-child(4n+1), .homeFeature.homeBox3:nth-child(4n+1), .homeFeature.homeBox4:nth-child(4n+1) {
      clear: left; }
    .homeBox1 .homeFeatureWrapper, .homeBox2 .homeFeatureWrapper, .homeBox3 .homeFeatureWrapper, .homeBox4 .homeFeatureWrapper {
    padding: 20px;
    min-height: 260px;
    position: relative;} 
    @media screen and (max-width: 1024px) {
      .homeFeature.homeBox1, .homeFeature.homeBox2, .homeFeature.homeBox3, .homeFeature.homeBox4 {
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .homeFeature.homeBox1, .homeFeature.homeBox2, .homeFeature.homeBox3, .homeFeature.homeBox4 {
        width: 100%; }
        .homeBox1 .homeFeatureWrapper, .homeBox2 .homeFeatureWrapper, .homeBox3 .homeFeatureWrapper, .homeBox4 .homeFeatureWrapper {
          min-height: 200px; }}

@media screen and (max-width: 768px) {
  .homeFeature {
    width: 100%;
    float: none; }

  .homeFeatureDetailsWrapper {
    text-align: center; } }
.homeFeedsWrapper {
  background-color: #fff;
  margin: 60px 0;
  padding: 0; }

.homeFeed {
  margin: 0 0 4% 0;
  padding: 0 40px;
  width: 48%; }
  .homeFeed:nth-child(even){
    margin-right: 0; }
  .homeFeed:nth-child(4n+1) {
    clear: inherit; }

.feedsTitle {
  background-color: transparent;
  padding: 0; }

.feedList {
  background-color: transparent; }

.homeFeedBox1 {
  padding: 0 20px;
  background-color: #f8e9f3; }
  .homeFeedBox1 h3 {
    color: #b40155;
    font-family: 'Rockwell W01', Sans-serif;
    font-size: 2em;
    padding: 20px 0 0; }
  .homeFeedBox1 .feedTitle {
    color: #b40155;
    font-size: 1.5em;
    padding: 20px 0 0; }
    .homeFeedBox1 .feedTitle a, .homeFeedBox1 .feedTitle a:link {
      color: #b40155; }
    .homeFeedBox1 .feedTitle a:hover {
      opacity: 0.6; }
  .homeFeedBox1 .readMore {
    background-color: #b40155;
    text-align: center;
    font-size: 1em;
    float: right;
    margin: 20px 0 0 0; }
  .homeFeedBox1 .shareWrapper {
    display: none; }

.homeFeedBox2 {
  padding: 0 20px; }
  .homeFeedBox2 h3 {
    color: #5b277a;
    font-family: 'Rockwell W01', Sans-serif;
    font-size: 2em;
    padding: 20px 0 0; }
  .homeFeedBox2 .feedTitle {
    color: #5b277a;
    font-size: 1.5em;
    padding: 20px 0 0; }
    .homeFeedBox2 .feedTitle a, .homeFeedBox2 .feedTitle a:link {
      color: #5b277a; }
    .homeFeedBox2 .feedTitle a:hover {
      opacity: 0.6; }
  .homeFeedBox2 .readMore {
    background-color: #5b277a;
    text-align: center;
    font-size: 1em;
    float: right;
    margin: 20px 0 0 0; }
  .homeFeedBox2 .shareWrapper {
    display: none; }

.homeFeedBox3 {
  background-color: #eaf8e8;
  padding: 0 20px; }
  .homeFeedBox3 h3 {
    color: #96bb20;
    font-family: 'Rockwell W01', Sans-serif;
    font-size: 1.8em;
    padding: 20px 0 0; }
  .homeFeedBox3 .feedTitle {
    color: #96bb20;
    font-size: 1.5em;
    padding: 20px 0 0; }
    .homeFeedBox3 .feedTitle a, .homeFeedBox3 .feedTitle a:link {
      color: #96bb20; }
    .homeFeedBox3 .feedTitle a:hover {
      opacity: 0.6; }
  .homeFeedBox3 .readMore {
    background-color: #96bb20;
    text-align: center;
    font-size: 1em;
    float: right;
    margin: 20px 0 0 0; }
  .homeFeedBox3 .shareWrapper {
    display: none; }

ul.feedList {
  padding: 0; }

.feedItem {
  clear: both;
  margin: 20px 0 40px 0;
  padding-bottom: 40px;
  border-bottom: 2px solid white;
  min-height: 420px;}
.feedItem:last-child{
  border-bottom: 0;
  margin-bottom: 0; }
  .feedItem > a {
    width: 100%;
    float: left;
    display: block;
    margin: 0; }
    .feedItem > a img {
      margin-bottom: 0; }
  .feedItem h3, .feedItem p {
    margin: 0;
    float: none;
    width: 100%;
    padding: 0; }
   .feedItem p {
    margin: 20px 0 0 0; }
  .feedItem:hover {
    cursor: pointer; }
  .feedItem:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
  .feedItem .postFooterWrapper{
    margin: 0; }
  .feedItem .postFooterWrapper .postFooter{
    margin: 0;
    padding: 0; }
  .feedItem .postFooterWrapper p{
    margin: 20px 0 0;}

.homeFeed {
  width: 50%;
  float: left; }

@media screen and (max-width: 768px) {
  .feedItem{
    min-height: 0;}
  .homeFeed {
    width: 100%;
    float: none;
    padding: 20px; }
  .homeFeedBox1 h3{
    padding-top: 0; }}
@media screen and (max-width: 480px) {
  .feedItem > a {
    width: 100%;
    float: none; }
    .feedItem > a img {
      margin-bottom: 10px; }
  .feedItem h3, .feedItem p {
    float: none;
    width: 100%;
    padding-left: 1%; } }
.headerText {
  margin-top: 40px; }
  .headerText h1 {
    font-size: 2.25em;
    border-bottom: 5px solid #eee;
    margin-top: 48px; }

.listContent, .postContent {
  width: 75%;
  padding-right: 80px; }

.listContent img,
.postContent img {
  margin: 10px 0;
  max-width: 100%;
  height: auto; }

.listContent iframe,
.postContent iframe{
  max-width: 100%;
} 

@media (max-width: 768px){
  .postContent img {
  margin: 10px auto; } }

.postAside {
  width: 25%; }

.postFooterWrapper {
  background: transparent;
  clear: both; }
  .postFooterWrapper .postFooter {
    padding: 20px 0;
    border: none;
    font-size: 1em; }
  .postFooterWrapper .publishDetailsWrapper {
    margin-top: 0; }
    .postFooterWrapper .publishDetailsWrapper:after {
      content: '';
      display: block;
      clear: both;
      visibility: hidden; }
  .postFooterWrapper p {
    font-size: 1em;
    display: inline-block;
    float: none;
    margin: 0 20px 10px 0; }
  .postFooterWrapper .associatedStartDate {
    padding: 0; }
  .postFooterWrapper .publishAuthorWrapper, .postFooterWrapper .publishDetailsWrapper, .postFooterWrapper .relatedWrapper, .postFooterWrapper .locationDetails, .postFooterWrapper .associatedEndDate {
    display: none; }
  .postFooterWrapper .relatedWrapper {
    margin-top: 30px; }
    .postFooterWrapper .relatedWrapper ul.relatedList {
      padding-left: 0;
      display: inline; }
      .postFooterWrapper .relatedWrapper ul.relatedList a {
        font-size: 14px;
        background-color: transparent; }

.appealFooter .totaliserPanel{
  display: none; }

.shareWrapper {
  text-align: center;
  font-size: 18px;
  border: none;
  padding-top: 5px; }
  .shareWrapper ul.shareList {
    margin-top: 10px; }
    .shareWrapper ul.shareList li {
      float: none; }

@media screen and (max-width: 768px) {
  .contentBlock, .postAside, .listContent, .postContent {
    width: 100%;
    padding: 0; }
  .appealFooter .totaliserPanel{
  display: block; } }
@media (max-width: 768px) {
  .headerText h1 {
    font-size: 1.8em; } }
.listing .listedPost {
  border-bottom: 0;
  margin-top: 0;
  margin-bottom: 40px; }
  .listing .listedPost h2 {
    margin-top: 0; }
  .listing .listedPost .postFooterWrapper {
    display: none; }

.listFooter a.button:link {
  margin: 0 5px; }

.pageListingPage .listedPost, .newsListingPage .listedPost, .blogListingPage .listedPost, .eventListingPage .listedPost {
  width: 50%;
  float: left;
  padding: 0 20px; }
  .pageListingPage .listedPost:nth-child(2n+1), .newsListingPage .listedPost:nth-child(2n+1), .blogListingPage .listedPost:nth-child(2n+1), .eventListingPage .listedPost:nth-child(2n+1) {
    clear: left; }

.eventListingPage .listedPost {
  height: inherit;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 0; }

@media screen and (max-width: 768px) {
  .pageWrapper .listing .listedPost {
    width: 100%;
    float: none;
    padding: 0; } }
@media screen and (max-width: 480px) {
  .listFooter a.button:link {
    margin: 0 0 5px 0;
    width: 100%; } }
.postAside {
  padding: 0 20px;
  margin-bottom: 20px; }
  .postAside .appeals a.button {
    margin-bottom: 5px; }

.associated .readMore {
  display: inline-block;
  margin-top: 10px; }
.associated .postFooterWrapper {
  display: none; }

ul.associatedListing li {
  display: none; }
  ul.associatedListing li:nth-child(-n+5) {
    display: block; }
  ul.associatedListing li img {
    display: none; }
ul.associatedListing h3 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif; }

.associatedTagCloud {
  display: none; }

@media (max-width: 768px) {
  .postAside {
    padding: 0; } }
.postComments {
  border: 1px solid #eee;
  padding: 20px; }
  .postComments header {
    padding: 0; }
  .postComments h3 {
    font-size: 18px;
    margin: 0; }
  .postComments .commentForm {
    margin-top: 0; }
    .postComments .commentForm .formQuestion label {
      font-size: 14px; }
    .postComments .commentForm .formQuestion textarea, .postComments .commentForm .formQuestion input {
      background-color: #f2f2f2;
      border: 0; }
    .postComments .commentForm .commentImageWrapper, .postComments .commentForm .commentVideoWrapper {
      width: 50%;
      margin-top: 20px;
      display: inline-block;
      float: left; }
      @media screen and (max-width: 768px) {
        .postComments .commentForm .commentImageWrapper, .postComments .commentForm .commentVideoWrapper {
          float: none;
          width: 100%;
          margin-top: 10px; } }
    .postComments .commentForm .commentImageWrapper .formQuestion {
      margin-top: 0; }
    .postComments .commentForm .commentImageWrapper .commentAddImage {
      background-color: #b40155 !important;
      color: #fff !important;
      line-height: auto; }
    .postComments .commentForm .commentVideoWrapper .addVideo {
      width: 100%; }
    .postComments .commentForm .commentNotify {
      float: left;
      width: 100%;
      margin: 10px 0 20px 0; }
      .postComments .commentForm .commentNotify input[type="checkbox"] {
        margin-top: 6px;
        margin-right: 6px; }
    .postComments .commentForm button.addComment {
      margin-top: 0;
      float: left; }

.commentsListWrapper {
  margin-top: 20px; }
  .commentsListWrapper ul.commentsList {
    padding: 20px; }
    .commentsListWrapper ul.commentsList li {
      border-bottom: 0; }
      .commentsListWrapper ul.commentsList li img {
        margin-right: 20px; }

.commentContentWrapper {
  width: 85%;
  float: right; }
  .commentContentWrapper .commentContent {
    background-color: #f2f2f2;
    padding: 20px; }

.commentDetails {
  margin-top: 20px; }
  .commentDetails p {
    font-size: 14px; }
  .commentDetails .helpfulComment {
    margin-top: 0; }
    .commentDetails .helpfulComment legend {
      float: none;
      margin: 0 0 5px 0;
      border-bottom: 0; }

@media screen and (max-width: 768px) {
  ul.commentsList img {
    display: none; }

  .commentContentWrapper {
    float: none;
    width: 100%; } }
.categoryFilterWrapper {
  margin: 40px 0; }
  .categoryFilterWrapper h2, .categoryFilterWrapper h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin-top: 0; }

ul.listedFilters {
  margin: 0; }
  ul.listedFilters > li {
    background: transparent;
    padding: 0;
    height: auto;
    margin: 0 5px 5px 0;
    cursor: pointer; }
  ul.listedFilters a.filter {
    margin-right: 0; }
    ul.listedFilters a.filter:hover {
      text-decoration: none; }

.appliedFilters {
  margin: 20px 0; }
  .appliedFilters h3 {
    float: none;
    margin: 1em 0; }
  .appliedFilters ul {
    float: none; }
  .appliedFilters li {
    float: none;
    display: inline-block;
    margin: 0 5px 5px 0; }
  .appliedFilters span.filter {
    text-transform: capitalize;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: inherit; }
    .appliedFilters span.filter:hover {
      cursor: default;
      background-color: #b40155; }
    .appliedFilters span.filter a.remove,
    .appliedFilters span.filter a.remove:link {
      position: inherit;
      top: auto;
      background-color: rgba(0, 0, 0, 0.3);
      margin: 0 0 0 10px;
      width: 23px;
      height: 23px;
      border-radius: 50% 50% 50% 50%;
      display: inline-block; }
      .appliedFilters span.filter a.remove:before,
      .appliedFilters span.filter a.remove:link:before {
        font-family: 'FontAwesome';
        content: '\f00d'; }
      .appliedFilters span.filter a.remove:hover,
      .appliedFilters span.filter a.remove:link:hover {
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 1;
        cursor: pointer; }

.groupedFilters {
  display: inline-block;
  margin: 0 20px 10px 0; }

.listing .listedEvent .postFooterWrapper {
  display: block; }
  .listing .listedEvent .postFooterWrapper .postFooter:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .listing .listedEvent .postFooterWrapper p {
    margin-right: 0; }
  .listing .listedEvent .postFooterWrapper .relatedWrapper, .listing .listedEvent .postFooterWrapper .publishDetailsWrapper {
    display: none; }

.eventContent table td {
  padding: 10px; }
.eventContent table input[type="text"] {
  margin-top: 0; }
.eventContent table.itemColumn {
  width: 40%; }
.eventContent table h3 {
  margin-top: 0; }
.eventContent thead {
  color: rgba(51, 51, 51, 0.5); }

h3.itemName {
  font-size: 1em; }

.itemColumn {
  width: 40%; }

a.mapLink {
  margin-top: 5px; }

.eventDetails img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 1024px) {
  .itemColumn {
    width: 20%; } }
@media (max-width: 768px) {
  a.mapLink,
  a.addToCalender,
  a.eventBookingBtn {
    width: 100%;
    margin-right: 0;
    text-align: center; } }
@media (max-width: 540px) {
  .priceColumn .price,
  .eventPostPage .itemName {
    font-size: 1em; }

  .tickets,
  .extras {
    overflow-x: auto; }

  .eventContent table td {
    padding-left: 5px;
    padding-right: 5px; }

  .quantityColumn input {
    width: 40%;
    padding-left: 0;
    padding-right: 0; } }
.accordianHeader {
  padding: 20px;
  margin-top: 20px;
  position: relative; }
  .accordianHeader h2 {
    font-size: 1.5em; }
  .accordianHeader p.postSummary {
    padding: 10px 0 0; }
  .accordianHeader a.expand:link {
    position: absolute;
    top: 20px;
    right: 20px; }

.accordianHeaderText {
  float: none;
  width: 90%; }

.accordianBody.contentBlockWrapper {
  padding: 20px;
  background-color: #fff; }
  .accordianBody.contentBlockWrapper .postFooterWrapper {
    display: none; }

.accordianOpen a.expand:link:before {
  content: '\f106'; }

.post_collapseContent,
.post_collapseTitle {
  background-color: #eee;
  padding: 20px; }

.post_collapseReadMore a {
  margin-right: 0; }
  .post_collapseReadMore a:hover {
    text-decoration: none; }
  .post_collapseReadMore a img {
    display: none; }
  .post_collapseReadMore a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    padding-left: 10px; }

@media (max-width: 768px) {
  .accordianHeaderText {
    width: 85%; }

  .post_collapseTitle,
  .post_collapseReadMore {
    float: none !important;
    width: 100%; }

  .post_collapseReadMore a {
    width: 100%;
    text-align: center; } }
body.login fieldset.signInForm {
  margin: 60px auto; }
  body.login fieldset.signInForm .formQuestion {
    max-width: 600px; }
  body.login fieldset.signInForm legend {
    float: none;
    font-size: 2em;
    margin-bottom: 1em; }

body.signup fieldset.registerForm {
  margin: 60px auto;
  border: 0; }
  body.signup fieldset.registerForm legend {
    text-align: left; }
body.signup .registerFields {
  max-width: 600px; }
  body.signup .registerFields .formQuestion.labelCheckBoxPair label {
    width: auto;
    display: inline; }
  body.signup .registerFields .formQuestion.labelCheckBoxPair input[type="checkbox"] {
    margin: 0 0 0 10px; }

.passwordResetOne {
  margin: 60px 0;
  max-width: 600px; }
  .passwordResetOne h1 {
    font-weight: 400; }

.searchPageContainer{
  float: none;
}

@media only screen and (max-width: 768px) {
  .registerSwitch a.register,
  .registerSwitch button.button,
  .signInButtons a.register,
  .signInButtons button.button,
  .passwordResetButtons a.register,
  .passwordResetButtons button.button {
    width: 100%;
    margin: 0 0 5px 0; } }
@media only screen and (max-width: 540px) {
  .formQuestion .checkboxRadio {
    margin-right: 0;}
    .formQuestion.commentNotify.labelRadioPair label, .formQuestion.labelRadioPair label, .formQuestion.commentNotify.labelCheckBoxPair label, .formQuestion.labelCheckBoxPair label, .customForm label{
    width: 85%; }}
.searchPageContainer {
  margin-right: 0; }
  .searchPageContainer input#searchPage {
    max-width: 600px; }

.numberSearchResults {
  font-size: 1em;
  margin: 40px 0;
  padding: 20px;
  background-color: #eee; }

.searchListingPage aside.postAside {
  display: none; }

select#orderResults {
  width: 200px; }

.searchFilterWrapper {
  margin: 40px 0 0 0;
  font-size: 0.85em; }
  .searchFilterWrapper .moduleFilterContent {
    display: inline-block;
    width: 66%;
    vertical-align: top; }
  .searchFilterWrapper .searchOrderContent {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    margin-top: 0; }
  .searchFilterWrapper h2 {
    font-size: 1em;
    font-weight: 400;
    margin-top: 0; }

.searchResultsArea {
  border-top: 2px solid #eee;
  padding-top: 40px; }
  .searchResultsArea .listedPost {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
    border-bottom: 2px solid #eee; }
    .searchResultsArea .listedPost.listedAppeal {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .searchResultsArea .listedPost.listedEvent .postFooterWrapper {
      display: none; }
    .searchResultsArea .listedPost > a {
      display: block; }
      .searchResultsArea .listedPost > a img {
        width: 33.333%;
        margin-bottom: 0;
        float: left;
        padding-right: 20px; }
    .searchResultsArea .listedPost h2 {
      font-size: 1em; }
    .searchResultsArea .listedPost p span.readMore {
      display: none; }
    .searchResultsArea .listedPost:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }

@media (max-width: 768px) {
  .searchListingIntro {
    padding-bottom: 20px; }

  .searchPageContainer input {
    width: 75%; }
  .searchPageContainer button {
    margin-right: 0; }

  .searchFilterWrapper .moduleFilterContent,
  .searchFilterWrapper .searchOrderContent {
    display: block;
    width: 100%; }
  .searchFilterWrapper .searchOrderContent {
    margin-top: 10px; }

  .searchResultsArea .listedPost {
    margin-bottom: 20px; }
    .searchResultsArea .listedPost > a img {
      width: 100%;
      float: none;
      margin-bottom: 10px;
      padding: 0; } }
.contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
  max-width: 100%; }

.topFundraisersWrapper {
  margin-top: 20px;
  font-size: 18px;
  margin-bottom: 20px; }
  .topFundraisersWrapper ol {
    padding-left: 0; }
    .topFundraisersWrapper ol li {
      width: 49%;
      display: inline-block; }

.findAFundraiserWidget{
  display: none; }

.listing .listedAppeal {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  width: 33.33333%; }
  .listing .listedAppeal:nth-child(3n+1) {
    clear: left; }

@media screen and (max-width: 768px) {
  .topFundraisersWrapper ol li {
    width: 100%; } }
.listedAppeal {
  border-bottom: 0; }
  .listedAppeal h2 {
    margin-top: 0;
    font-size: 24px; }
  .listedAppeal .totaliserFigure {
    font-size: 18px; }
  .listedAppeal .topFundraisersWrapper ol li {
    width: 100%; }

.tabsWrapper {
  border-bottom: 0; }
  .tabsWrapper .tabs {
    max-width: 1170px;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px; }
    .tabsWrapper .tabs li {
      margin-bottom: -1px; }
      .tabsWrapper .tabs li a {
        border: 1px solid #eee;
        background-color: transparent;
        padding: 10px 15px; }
        .tabsWrapper .tabs li a:hover {
          background-color: #eee;
          text-decoration: none; }
      .tabsWrapper .tabs li.active a {
        border-bottom-color: white; }

@media screen and (max-width: 1200px) {
  .tabsWrapper {
    padding: 0 20px; } }
@media screen and (max-width: 768px) {
  .tabsWrapper {
    padding: 0; }
    .tabsWrapper .tabs {
      padding: 0 20px; }
      .tabsWrapper .tabs li {
        margin-right: 1px; }
        .tabsWrapper .tabs li a {
          padding-left: 5px;
          padding-right: 5px; } }
.tabbedListing, .appealComments {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  margin-bottom: 60px;
  padding: 20px 0; }
  .tabbedListing .headerWrapper .headerContent, .appealComments .headerWrapper .headerContent {
    padding: 0;
    margin: 0; }
  .tabbedListing .contentBlockWrapper, .appealComments .contentBlockWrapper {
    margin-top: 0;
    padding: 0; }
  .tabbedListing .findAFundraiser, .appealComments .findAFundraiser {
    margin-top: 0; }
    .tabbedListing .findAFundraiser legend, .appealComments .findAFundraiser legend {
      border-bottom: 0; }
  .tabbedListing .listContent, .appealComments .listContent {
    width: 100%;
    padding: 0; }
  .tabbedListing.currentProjectsListing .listContent, .appealComments.currentProjectsListing .listContent {
    width: 100%;
    padding-right: 0; }
  .tabbedListing.currentProjectsListing aside, .appealComments.currentProjectsListing aside {
    display: none;}
  .tabbedListing .postComments, .appealComments .postComments {
    margin-top: 0;
    padding: 0;
    border: 0; }
  .tabbedListing .fundraiserSearchResults, .appealComments .fundraiserSearchResults {
    padding: 0 0;
    margin-top: 40px; }

.fundraiserSearchResults .listedFundraiser{
  padding: 0;
  margin: 0 2% 0 0;
  border: 0;
  width: 23%;
}

.fundraiserSearchResults .listedFundraiser .postFooterWrapper {
  display: none;
}

@media (max-width: 768px){
  .fundraiserSearchResults .listedFundraiser{
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.appealCommentsWrapper .postComments {
  margin-top: 0;
  border-top-color: transparent; }

.appealFundraisersWrapper .findAFundraiser {
  padding: 0; }

.fundraisersWrapper .findAFundraiser {
  padding: 0;
  width: 100%; }

@media screen and (max-width: 1200px) {
  .tabbedListing, .appealComments {
    border: 0; } }
@media screen and (max-width: 768px) {
  .tabbedListing.currentProjectsListing .listContent, .tabbedListing.currentProjectsListing aside, .tabbedListing.currentProjectsListing .listedPost, .appealComments.currentProjectsListing .listContent, .appealComments.currentProjectsListing aside, .appealComments.currentProjectsListing .listedPost {
    width: 100%;
    float: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0; }
  .tabbedListing .findAFundraiser .formQuestion, .appealComments .findAFundraiser .formQuestion {
    width: 100%;
    float: none; }
  .tabbedListing .findAFundraiser .findAFundraiserEvent, .appealComments .findAFundraiser .findAFundraiserEvent {
    margin-left: 0; }
  .tabbedListing .findAFundraiser .fundraiserSearchBtn, .tabbedListing .findAFundraiser .findAFundraiserBtn, .appealComments .findAFundraiser .fundraiserSearchBtn, .appealComments .findAFundraiser .findAFundraiserBtn {
    display: block;
    margin-left: auto;
    margin-right: auto; } }
.totaliserPanel, .appealTotaliser {
  display: block;
  color: inherit; }
  .totaliserPanel .raisedWrapper, .totaliserPanel .targetWrapper, .appealTotaliser .raisedWrapper, .appealTotaliser .targetWrapper {
    width: 50%; }

.totaliserDone {
  background-color: #b40155; }

.totaliserFigure {
  margin-top: 0; }

#totaliserActions {
  display: block; }
  #totaliserActions:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.raisedWrapper, .targetWrapper {
  margin-bottom: 0; }

.totaliserLabel {
  font-size: 0.85em;
  color: rgba(51, 51, 51, 0.5); }

.totaliserFigure {
  font-size: 1em;
  color: #333; }

@media (max-width: 768px){
  .carousel .totaliserLabel,
  .carousel .totaliserFigure{
    color: #fff;
  }
}

.raisedWrapper {
  margin-top: 10px; }

.carousel .totaliserGivingPanel {
  display: none; }

#totaliserActions .buttonDonate {
  float: left;
  margin: 20px 10px 0 0; }
#totaliserActions .buttonFundraise {
  margin: 20px 0 0 0; }

@media (max-width: 1000px) {
  .appealWidgets .totaliserPanel {
    width: 100%;
    margin-top: 0;
    float: none; }

  .totaliserPanel {
    width: 100%;
    margin-top: 0;
    float: none; } }
@media (max-width: 768px) {
  #totaliserActions {
    text-align: center; } }
.totaliserDone {
  animation: totaliser-grow 5s ease-out 1; }

@keyframes totaliser-grow {
  0% {
    height: 0; } }
.totaliserPanel {
  position: relative;
  margin: 0;
  height: 80px;
  width: 300px; }
  .totaliserPanel .raisedWrapper,
  .totaliserPanel .targetWrapper {
    position: absolute;
    bottom: 0; }
  .totaliserPanel .targetWrapper {
    right: 0; }
    .totaliserPanel .targetWrapper .totaliserFigure,
    .totaliserPanel .targetWrapper .totaliserLabel {
      text-align: right; }
  .totaliserPanel .raisedWrapper {
    left: 0; }

.totaliserBG {
  width: 25px;
  height: auto;
  min-height: 300px;
  margin: 0;
  float: none;
  position: absolute;
  border-radius: 25px;
  overflow: hidden;
  -webkit-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
  top: 50%;
  left: 72%;
  right: 15%; }

.totaliserDone {
  top: 0; }

.carousel .totaliserPanel {
  margin: 40px 0 20px 10px;
  width: 300px; }
.carousel #totaliserActions {
  display: block; }
  .carousel #totaliserActions .buttonFundraise,
  .carousel #totaliserActions .buttonDonate {
    float: none;
    margin: 0px 5px 0 0; }

.formDonatePage .appealTotaliser .totaliserPanel,
.appealWidgetsWrapper .totaliserPanel {
  max-width: 100%; }
.formDonatePage .appealTotaliser .totaliserBG,
.appealWidgetsWrapper .totaliserBG {
  min-height: 240px;
  border-top: 1px solid grey;
  max-height: 100%; }

.formDonatePage .appealTotaliser .totaliserPanel {
  height: 100px; }

@media (max-width: 1200px) {
  .formDonatePage .appealTotaliser .totaliserPanel,
  .appealWidgetsWrapper .totaliserPanel {
    width: 204px;
    margin: 0; }
  .formDonatePage .appealTotaliser .totaliserBG,
  .appealWidgetsWrapper .totaliserBG {
    min-height: 204px; } }
@media (max-width: 1024px) {
  .formDonatePage .appealTotaliser .totaliserPanel,
  .appealWidgetsWrapper .totaliserPanel {
    width: 180px; }
  .formDonatePage .appealTotaliser .totaliserBG,
  .appealWidgetsWrapper .totaliserBG {
    min-height: 180px; } }
@media (max-width: 768px) {
  .totaliserBG {
    min-height: 260px;
    display: none; }

  .carousel .totaliserPanel,
  .totaliserPanel {
    width: 260px;
    margin-left: auto;
    margin-right: auto; }

  .appealWidgetsWrapper .totaliserPanel {
    max-width: 240px; } }
body.donate .formWrapper .carousel,
body.donate .formWrapper .headerText,
body.donate .formWrapper .contentBlockWrapper {
  padding: 0;
  /* remove padding on these elements as padding is applied to formWrapper in scaffolding.scss */ }

.donationForm {
  max-width: 100%;
  margin: 40px auto; }
  .donationForm .appealTotaliser,
  .donationForm .supportedAppeal {
    width: 25%;
    padding: 0 20px;
    margin: 50px 0 0; }
    .donationForm .appealTotaliser img,
    .donationForm .supportedAppeal img {
      max-width: 100%; }
  .donationForm:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.donationFormItems {
  width: 75%;
  max-width: none;
  margin: 0 0 50px;
  padding-right: 80px; }

.donationAmount input[type="radio"] {
  margin-right: 30px;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
  line-height: 1; }
.donationAmount .checkboxRadio {
  display: block; }
.donationAmount .donationAmountFigure {
  width: 20%;
  padding: 0 20px;
  font-size: 2em;
  text-align: center;
  border-right: 1px solid gainsboro; }
.donationAmount span.donationAmountDescription {
  width: 50%;
  display: inline-block; }
.donationAmount.donationAmountOther label {
  width: 20%; }
.donationAmount.donationAmountOther .donationAmountFigure {
  float: left;
  width: 100%; }
.donationAmount.donationAmountOther input#donationAmountOther {
  margin: 0 0 0 20px; }

.donationFrequency {
  background-color: #f3f3f3;
  padding: 20px; }
  .donationFrequency label {
    font-size: 2em;
    width: auto;
    text-align: left; }
  .donationFrequency input#monthly {
    float: right;
    margin: 5px; }
  .donationFrequency .regularPayment {
    margin-top: 5px; }

.donationAmount.donationSelected,
.donationFrequency.frequencySelected {
  background-color: #b40155;
  color: #fff; }

.formQuestion.donationDate select,
.formQuestion.donationPeriod select {
  width: 100%; }

.donationGiftAid .checkboxRadio {
  margin: 0;
  padding: 75px 0 30px 50px;
  display: block;
  width: 100%; }
.donationGiftAid input {
  margin: 2px 0 0;
  float: left; }
.donationGiftAid .giftAidStatement {
  margin: 0 0 30px 30px;
  font-size: 0.85em; }

.signInWrapper {
  padding: 20px;
  position: relative; }
  .signInWrapper h2 {
    margin-top: 0;
    margin-bottom: 20px; }
  .signInWrapper p {
    float: none;
    margin: 0; }
  .signInWrapper a.expand,
  .signInWrapper a.expand:link {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 20px 0 0;
    background-color: #b40155;
    color: #fff; }
  .signInWrapper .signInArea .signInForm {
    margin: 0;
    padding: 0; }

@media only screen and (max-width: 768px) {
  .donationForm .appealTotaliser,
  .donationForm .supportedAppeal {
    width: auto;
    margin: 0 0 50px 0; }

  .donationFormItems {
    width: 100%;
    padding: 0; }

  .donationAmount {
    text-align: center;
    padding: 20px; }
    .donationAmount input[type="radio"] {
      margin: 0;
      position: relative;
      top: auto; }
    .donationAmount .donationAmountFigure,
    .donationAmount span.donationAmountDescription,
    .donationAmount .donationAmountThumbnail,
    .donationAmount .donationAmountOther {
      width: 100%;
      margin: 10px 0;
      padding: 0;
      text-align: center;
      border: 0; }
    .donationAmount .donationAmountFigure {
      font-size: 1.4em; }
    .donationAmount.donationAmountOther label {
      width: 100%;
      float: none; }
      .donationAmount.donationAmountOther label strong {
        text-align: center; }
    .donationAmount.donationAmountOther input#donationAmountOther {
      margin: 0;
      width: 90%; }

  .donationFrequency label {
    width: 80%;
    font-size: 1.4em; }

  a.facebookPopulate,
  a.signIn {
    width: 100%;
    margin: 5px 0 0; } }
@media only screen and (max-width: 540px) {
  .donationForm .formQuestion .checkboxRadio,
  .donationForm .formQuestion .checkboxRadio span,
  .donationForm .formQuestion span span {
    margin-right: 0; }

  .supportedAppeal, .appealTotaliser {
    display: block;
    /* overwrite bf */ } }
@media only screen and (max-width: 540px) {
  .giftAidStatement {
    float: none;
    width: auto; } }
.quickGivingPanel {
  background: transparent;
  padding: 20px;
  margin: 40px 0;
  border: 2px solid #f3f3f3; }
  .quickGivingPanel .selectDonationAmount .formQuestion {
    /* overwrite bf */
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    height: auto;
    margin-bottom: 0; }
  .quickGivingPanel .selectDonationAmount .donationAmount {
    margin: 20px 0; }
    .quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"] {
      position: absolute;
      right: 0;
      margin-right: 30px;
      top: 50%;
      font-size: 20px;
      margin-top: -10px;
      line-height: 1; }
    .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio {
      display: block; }
    .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
      font-size: 3rem;
      width: 20%;
      padding: 0 20px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      border-right: 1px solid gainsboro; }
    .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountThumbnail, .quickGivingPanel .selectDonationAmount .donationAmount img {
      width: 100px;
      margin-left: 20px;
      display: inline-block; }
    .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountDescription {
      width: 45%;
      display: inline-block; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
      width: 20%; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther .donationAmountFigure {
      float: left;
      width: 100%; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
      margin: 0 0 0 20px;
      width: 50%; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationSelected {
      background-color: #b40155;
      color: #fff; }
  .quickGivingPanel .selectDonationAmount span {
    display: inline-block; }
  .quickGivingPanel .selectDonationAmount input.regularPayment {
    float: none;
    margin: 0 0 0 10px; }
  .quickGivingPanel .selectDonationAmount a.button.donateBtn {
    display: block;
    float: none;
    margin: 20px 0; }

@media only screen and (max-width: 768px) {
  .quickGivingPanel .selectDonationAmount .donationAmount {
    text-align: center;
    padding: 20px; }
    .quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"] {
      margin: 0;
      position: relative;
      top: auto; }
    .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountFigure,
    .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountDescription,
    .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio img {
      width: 80%;
      margin: 10px 0;
      padding: 0;
      text-align: center;
      border: 0; }
    .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountOther {
      width: 100%;
      margin-left: 0; }
      .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountOther label {
        float: none;
        text-align: center; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
      width: 100%;
      float: none; }
      .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label strong {
        text-align: center; }
    .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
      margin: 0; } }
@media only screen and (max-width: 540px) {
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio,
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio span,
  .quickGivingPanel .selectDonationAmount .formQuestion span span {
    margin-right: 0; } }
.departments {
  width: 33.33333%;
  padding-right: 60px; }
  .departments h2 {
    margin-top: 0; }

ul.departmentList > li {
  margin-top: 40px; }
  ul.departmentList > li a {
    background-color: #e2e2e2;
    color: #333;
    text-transform: uppercase; }
    ul.departmentList > li a:hover {
      background-color: #d5d5d5;
      text-decoration: none; }
ul.departmentList ul.secondLevel li a {
  text-transform: inherit;
  background-color: #f2f2f2; }
  ul.departmentList ul.secondLevel li a:hover {
    background-color: #e5e5e5; }

@media screen and (max-width: 768px) {
  .departments {
    width: 100%;
    float: none;
    padding-right: 0; } }
.shopLandingContent, .productList {
  width: 66.6666%;
  float: left; }
  .shopLandingContent .listContent, .shopLandingContent .listedPost, .productList .listContent, .productList .listedPost {
    padding-right: 0;
    width: 100%; }
    .shopLandingContent .listContent .postFooterWrapper, .shopLandingContent .listedPost .postFooterWrapper, .productList .listContent .postFooterWrapper, .productList .listedPost .postFooterWrapper {
      display: block; }

.listedProduct .productBanner {
  width: 33.333%; }

.productListOrder {
  margin-bottom: 40px;
  font-size: 1em; }

.listedProductText {
  width: 66.666%;
  padding-left: 20px; }
  .listedProductText .relatedWrapper {
    display: none; }

.productPostPage {
  margin-top: 100px; }
  .productPostPage .postFooterWrapper {
    margin-top: 40px; }
    .productPostPage .postFooterWrapper .relatedWrapper {
      display: none; }
  .productPostPage .postAside {
    width: 100%;
    float: none;
    padding: 0; }
    .productPostPage .postAside h3 {
      margin-top: 40px; }
    .productPostPage .postAside ul li {
      width: 25%;
      float: left;
      padding: 0 15px;
      border-bottom: 0;
      margin-bottom: 30px; }
      .productPostPage .postAside ul li:nth-child(4n+1) {
        clear: left; }
  .productPostPage .productBannerWrapper {
    width: 33.333%; }
    .productPostPage .productBannerWrapper img {
      max-width: 100%; }
  .productPostPage .productText {
    width: 66.666%;
    float: right;
    padding-left: 20px; }
  .productPostPage .productReviews {
    clear: both;
    float: left;
    width: 100%; }

.productContentWrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.productActions {
  padding-top: 30px; }

.postFooterWrapper .productFooter {
  font-size: 1em;
  padding: 0;
  border: 0; }
  .postFooterWrapper .productFooter .footerDepartments {
    margin-top: 0; }

.footerDepartments {
  margin-top: 0; }

.productReviews .formWrapper {
  margin: 0;
  max-width: 100%; }
.productReviews textarea {
  margin-top: 15px; }
.productReviews .postComments .commentForm button.addComment {
  margin-top: 5px; }

.relatedProducts {
  clear: both; }
  .relatedProducts ul.associatedListing li img {
    display: block; }
  .relatedProducts.associated:first-child {
    margin-top: 40px; }

@media screen and (max-width: 768px) {
  .shopLandingContent, .productList {
    width: 100%;
    float: none;
    padding-right: 0; }
    .shopLandingContent ul.productListOrder li, .productList ul.productListOrder li {
      width: 100%;
      border: 0;
      padding: 0;
      margin: 0 0 5px 0;
      float: none;
      display: block; }

  .listedProduct .productBanner {
    float: none;
    margin: 0 auto;
    width: auto;
    display: block;
    max-width: 100%; }

  .listedProductText {
    width: 100%;
    padding-left: 0; }
    .listedProductText h2 {
      font-size: 24px; }

  .productPostPage {
    margin-top: 20px; }
    .productPostPage .productBannerWrapper {
      padding-right: 0;
      float: none;
      text-align: center;
      width: 100%; }
      .productPostPage .productBannerWrapper .productBannerList li {
        float: none;
        display: inline-block; }
    .productPostPage .productText {
      float: none;
      width: 100%;
      padding-left: 0; }
    .productPostPage .postAside ul li {
      width: 50%; }
      .productPostPage .postAside ul li:nth-child(4n+1) {
        clear: none; }
      .productPostPage .postAside ul li:nth-child(2n+1) {
        clear: left; } }
@media screen and (max-width: 480px) {
  .productPostPage .postAside ul li {
    width: 100%; }
    .productPostPage .postAside ul li:nth-child(2n+1) {
      clear: none; }

  .formQuestion.productQuantity,
  .productActions {
    width: 100%;
    float: none; }

  .productActions {
    padding: 0;
    margin-top: 20px; }
    .productActions a.button:link {
      width: 100%;
      margin-bottom: 5px; }

  .productFooter a.button:link {
    width: 100%;
    margin-bottom: 5px; } }
.paymentPage {
  margin-bottom: 40px; }
  .paymentPage td {
    padding: 10px 20px; }
  .paymentPage .paymentForm legend,
  .paymentPage table caption h2 {
    text-align: center; }

h3.vat,
h2.total {
  margin: 40px 0;
  text-align: left;
  font-size: 2em; }

h3.vat {
  color: rgba(51, 51, 51, 0.5); }

.promoCode,
.deliveryAmount {
  margin-top: 40px;
  margin-bottom: 0; }
  .promoCode span,
  .deliveryAmount span {
    font-size: 1em; }
  .promoCode h3,
  .promoCode label,
  .deliveryAmount h3,
  .deliveryAmount label {
    font-size: 1em;
    font-weight: 400;
    margin: 0; }
  .promoCode .deliveryOptions,
  .deliveryAmount .deliveryOptions {
    width: auto;
    min-width: 300px; }
  .promoCode input,
  .deliveryAmount input {
    width: auto;
    min-width: 150px;
    margin: 0;
    float: right; }
  .promoCode button#applyPromo,
  .deliveryAmount button#applyPromo {
    float: right;
    margin: 0 10px 0 0; }

.registerWrapper,
.paymentFormWrapper {
  margin-top: 40px; }

fieldset.registerForm,
fieldset.delivery {
  border: 2px solid #f3f3f3;
  padding: 20px; }
  fieldset.registerForm legend,
  fieldset.delivery legend {
    text-align: center; }

fieldset#submit-button-wrapper {
  text-align: center; }

.continueShoppingWrapper {
  display: none; }

@media screen and (max-width: 768px) {
  .paymentPage .basket .itemColumn {
    min-width: 140px; }
  .paymentPage .basket .quantityColumn, .paymentPage .basket .priceColumn, .paymentPage .basket .removeColumn {
    min-width: 120px;
    width: 15%; }

  h3.vat,
  h2.total {
    font-size: 1.6em; }

  .itemThumb {
    float: none;
    margin: 0; }

  .promoCode span,
  .promoCode h3,
  .promoCode label,
  .deliveryAmount span,
  .deliveryAmount h3,
  .deliveryAmount label {
    width: 100%;
    float: none;
    text-align: left; }
  .promoCode .deliveryOptions,
  .deliveryAmount .deliveryOptions {
    width: 100%;
    min-width: 100%;
    float: none; }
  .promoCode input,
  .deliveryAmount input {
    width: 100%;
    margin: 0; }
  .promoCode button#applyPromo,
  .deliveryAmount button#applyPromo {
    width: 100%;
    margin: 5px 0 0; }

  .paymentFormWrapper,
  .paymentEtc {
    padding-right: 0;
    padding-left: 0; }

  button.postcodeLookUpBtn,
  button.addressEnterBtn,
  .registerButtons button.button {
    width: 100%;
    margin: 5px 0 0 0; } }
.fundraiserListingPage .fundraiserSearchResults {
  float: left;
  width: 100%; }
  .fundraiserListingPage .fundraiserSearchResults .listContent {
    float: none;
    width: 100%;
    padding: 0; }
.fundraiserListingPage .postAside {
  display: none; }

@media screen and (max-width: 768px) {
  .fundraiserListingPage .fundraiserSearchResults {
    width: 100%;
    float: none; } }
.listedFundraiser {
  width: 25%;
  padding: 0 20px;
  margin: 0 0 20px 0; }
  .listedFundraiser:nth-child(4n+1) {
    clear: left;
    padding-left: 0; }
  .listedFundraiser img {
    margin-right: 0; }
  .listedFundraiser h2 {
    font-size: 20px; }
  .listedFundraiser h3 {
    font-size: 16px;
    margin-top: 16px; }

.findAFundraiser {
  max-width: 1170px;
  padding: 0 20px;
  margin-top: 60px; }
  .findAFundraiser legend {
    border-bottom: 0; }
  .findAFundraiser .findAFundraiserEvent {
    margin-left: 0;
    padding-left: 20px; }
  @media screen and (max-width: 768px) {
    .findAFundraiser .formQuestion {
      float: none;
      width: 100%; }
      .findAFundraiser .formQuestion.findAFundraiserEvent {
        padding-left: 0; } }

.pageFooterWrapper {
  border-top: 0;
  background-color: #5b277a;
  padding: 0;
  margin-top: 40px;}

.pageFooter {
  max-width: 100%; }

.footerBox, .footerTwitter {
  margin: 0;
  padding: 20px;
  float: left;
  text-align: center;
  min-height: 280px; }
  .footerBox h1, .footerBox h2, .footerBox h3, .footerTwitter h1, .footerTwitter h2, .footerTwitter h3 {
    margin-top: 0;
    font-size: 24px;
    color: #fff; }
  .footerBox ul li, .footerBox ol li, .footerTwitter ul li, .footerTwitter ol li {
    list-style: none;
    color: #fff; }
  .footerBox p, .footerBox a, .footerTwitter p, .footerTwitter a {
    color: #fff; }
  .footerBox .shop, .footerTwitter .shop {
    height: 100%;
    padding: 5% 2% 0 2%;
    margin: 0 0 0 1%;
    background-color: #5b277a;
    text-align: center;
    font-family: 'Rockwell W01', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
    border: 1px solid #ffffff; }
    .footerBox .shop a, .footerBox .shop a:link, .footerTwitter .shop a, .footerTwitter .shop a:link {
      text-decoration: none;
      color: #ffffff; }
    .footerBox .shop a:hover, .footerTwitter .shop a:hover {
      text-decoration: none;
      opacity: 0.6; }

.footerBox6 {
  text-align: center; }

.Footercredits ul li {
  display: inline-block;
  padding: 0 10px;
  text-align: center; }
.Footercredits .socialIcons {
  margin: 20px 0; }

.footer-search {
  border: none;
  width: 100%; }

.footerTwitter ul {
  margin-bottom: 0; }
  .footerTwitter ul li {
    margin: 20px 0; }
    .footerTwitter ul li p {
      margin-bottom: 5px; }
    .footerTwitter ul li time, .footerTwitter ul li cite {
      font-size: 13px;
      font-weight: 700; }

.footerBox, .footerTwitter {
  width: 25%; }
  .footerBox.Footercredits, .footerTwitter.Footercredits {
    width: 100%;
    float: none;
    margin-top: 60px; }
  @media screen and (max-width: 1000px) {
    .footerBox, .footerTwitter {
      width: 50%; } }

@media screen and (max-width: 768px) {
  .footerTwitter, .footerBox {
    width: 100%;
    float: none;
    text-align: center; } }
.NewsletterSign-up {
  color: #333;
  width: 100%;
  float: none;
  background-color: #ddd;
  clear: both;
  padding: 40px 20px 0 20px; }
  .NewsletterSign-up h1 {
    color: #333;
    text-align: center; }
  .NewsletterSign-up .formQuestion {
    float: left;
    width: 25%;
    padding: 0 20px 0 0; }
    .NewsletterSign-up .formQuestion label {
      color: #333;
      text-align: left; }
  .NewsletterSign-up button {
    background-color: #b40155;
    color: #fff;
    width: 25%;
    margin-top: 49px;
    padding: 8px;
    float: left;
    margin-right: 0; }
  .NewsletterSign-up:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.userLoggedIn .NewsletterSign-up button.groupSignUpBtn {
  margin: 20px auto;
  float: none;
  clear: both;
  display: block; }

@media screen and (max-width: 768px) {
  .NewsletterSign-up {
    text-align: center; }
    .NewsletterSign-up .formQuestion {
      float: none;
      width: 100%;
      padding: 0; }
      .NewsletterSign-up .formQuestion label {
        text-align: center; }
    .NewsletterSign-up button {
      margin-top: 20px;
      margin-bottom: 20px;
      float: none; } }
nav.menuSub {
  border-bottom: 0; }
  nav.menuSub ul {
    margin: 40px auto;
    text-align: center; }
    nav.menuSub ul li.level1 {
      float: none; }
      nav.menuSub ul li.level1 a {
        border-radius: 0;
        padding: 10px 15px; }
        nav.menuSub ul li.level1 a:hover {
          text-decoration: none;
          background-color: #ddd; }
      nav.menuSub ul li.level1.active a {
        background-color: #b40155;
        color: #fff; }
      nav.menuSub ul li.level1.active a:hover {
        background-color: #b40155;
        color: #fff; }

header .carousel {
  margin: 0 auto; }

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

@media (max-width: 768px){
  img.postImageFloatRight,
  img.postImageFloatLeft{
    display: block;
    padding: 0;
    float: none;
    margin: 10px auto;
  }
}

/* AW 10.08.2016 Sidebar modifications ZD 13405 */
.associatedLatestPosts,
.associatedRelatedPosts > ul > li:nth-child(n+5),
.associatedMostRead > ul > li:nth-child(n+5) {
  display: none;
}

/* AW 11.11.2016 Category filter layout ZD 13454 */
.categoryFilterWrapper {
  max-width: 1170px;
  margin: auto;
  padding: 20px 20px;
}

/* AW 14.11.2016 Tablet landscape carousel ZD 13509 */
@media (max-width: 1200px) {
  .carouselDetailWrapper {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .carouselDetailWrapper {
    width: 100%;
    left: auto;
  }
}

/* AW 18.11.2016 Hide most read ZD 13656 */
.associatedMostRead {
  display: none;
}

/*Simon A*/

.web_fonts {
    font-size: 12px;
    color: #fff;
}

/* SimonM, 25.11.16 - Totaliser in carousel */
.totaliserBG {
  top: auto;
    left: auto;
    right: auto;
}

// .carousel .totaliserPanel {
//  margin: 0 0 10px 0;
// }


.appealListingPage .carouselSlideReadMore {
  display: none;
}



/* Simon A 7.12.16 */

.appliedFilters span.filter a.remove, .appliedFilters span.filter a.remove:link{
  padding-left:5px;
    padding-right:5px;
}


.removeColumn a.buttonIcon:link:before, .removeColumn a.buttonIcon:visited:before, .removeColumn a.remove:before, .removeColumn a.remove:link:before {
  
    font-family: 'Genericons';
}

ul.carouselControls li a {
  
    top: 25%;
}

.homepage ul.carouselControls li a {
  
    top: 50%;
}


@media screen and (max-width: 1180px) {
  // .carouselSlideDetail.appeal {
  //    top: 35%;
  //   width: 100%;
  // }

  .carouselSlideDetail.appeal  .totaliserBG {
    
    min-height: 270px;
  }
  
  .carouselSlideDetail.appeal  .totaliserPanel {
   
    width: 270px;
}
  
}

 

@media screen and (max-width: 768px) {
  .carouselSlideReadMore {
    padding: 5px 10px;
    margin-top: 20px;
    width: 120px;
    float: none;
    display: table;
    margin: 20px auto;
}
  
  .carouselDetailWrapper p {
   
    text-align: center;
}
  
  
  
ul.carouselSlides li > a {
    display: block;
    width: 100%;
    height: inherit;
}
}

@media screen and (max-width: 400px) {
  button#btnCreate {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1050px) {
  
  .showsVideo:before {
 
    top: 30%;
}
}


@media screen and (max-width: 768px) {
  
  .showsVideo:before {
 
    top: 50%;
}
  
 
.totaliserBG {
  
     display: inherit; 
}
  .postAside .appealTotaliser  {
  
     display: none; 
}
}

.uploadedImage  a.buttonIcon:link:before, .uploadedImage a.buttonIcon:visited:before, .uploadedImage a.remove:before, .uploadedImage a.remove:link:before {
  
    font-family: 'Genericons';
}

.formQuestion.productQuantity{
   
    padding: 0 ;
}

.menuMain .mainCallToAction {
    display: none;
}

@media screen and (max-width: 768px){
header#pageHeader .menuMain .mainCallToAction {
    display: block;
      width: 100%;
}
  
  .social-wrap {
    width: 100%;
  }
  
 .timetable {
    width: 100%;
       margin-bottom: 10px;
 }
  
 .timetable a span{
  line-height:40px;
}

.give {
  width: 100%;
  height: 100%;
  padding: 3% 2% 5% 2%;
  margin: 0;
  line-height: 0.6;
  margin-bottom: 20px;
} 
  
.menuMain .mainCallToAction ul {
   
    margin: 0 auto;
    display: block;
}
  
  .call {
 color:#fff;
   font-size:1.9em;
    float: none;
    padding-top: 20px;
    text-align: center;
}
.menuMain .mainCallToAction ul li a {
    padding: 0;
    height: 30px;
} }

/* AW 21.02.2017 Home feed title font size ZD 15826 */
.homeFeedBox3 h3 {
  font-size: 2em;
}

/* AW 28.02.2017 Basket text size for mobile devices ZD 16150 */
@media screen and (max-width: 600px) {
  h3.itemName {
    font-size: 0.85em;
  }
}

/* AW 28.02.2019 Totaliser figure fix and fundraiser image padding DES-2640 */

.appealWidgetsWrapper #targetAmount,
.appealWidgetsWrapper #raisedAmount {
  margin-top: 35px;
  margin-bottom: 10px;
}

img.fundraiserProfilePic {
  padding: 0 20px 10px 0;
}