@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Cardo:400,400italic,700,700italic);
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

.headerText:after, .subsite .headerWrapperSubsite:after, .pages-search .listedPost:after,
.pages-search .listedAppeal:after {
  content: "";
  display: table;
  clear: both;
}

.srt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.searchContainer #siteSearch {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.pageHeader .headerContent,
.homeIntroWrapper,
.homeFeatures,
.homeFeeds,
.headerText,
.contentBlockWrapper,
.searchListingIntro,
.menuSub ul,
header .carousel,
.signInForm,
.registerForm,
.customForm,
.passwordForm,
.container404,
.menuMain,
nav.menuSub,
.pageFooter,
.headerWrapperSubsite {
  width: 100%;
  max-width: 1180px;
  padding: 0 20px;
  margin: 0 auto;
}

.container404 {
  margin: 0 auto;
}

.formDonatePage .formWrapper {
  max-width: 100%;
  padding: 0px;
}

.formDonatePage .signInWrapper{
  padding: 20px;
}

.formDonatePage .signInWrapper h2{
  margin: 0 0 20px 0;
}

.signInWrapper a.expand, .signInWrapper a.expand:link{
  margin-right: 0;
}

.signInArea fieldset.signInForm{
  padding: 0;
  margin: 20px 0 0 0;
}

html, button, body, legend {
  font-family: "Cardo", sans-serif;
  line-height: 1.5;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Cardo", serif;
  font-weight: normal;
  line-height: normal;
}

h1, h2, h3 {
  margin-top: 24px;
  margin-bottom: 16px;
}

h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px 0;
  line-height: 1.5;
  font-size: 1rem;
}

strong,
b {
  font-family: "Cardo", sans-serif;
}

em {
  font-family: "Cardo", sans-serif;
}

strong > em,
em > strong {
  font-family: "Cardo", sans-serif;
}

small {
  font-size: 12px;
}

b, strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

a:link, a:visited {
  color: #003393;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

.readMore {
  color: #003393;
  border: 1px solid #003393;
  border-width: 0 2px;
  padding: 0 5px;
  margin-left: 3px;
  white-space: nowrap;
  font-size: 10px;
  font-size: 1rem;
}
.readMore:hover {
  color: #003393;
  border-color: #003393;
}

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

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

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

.button,
a.button:link,
a.button:visited,
.commentAddImage,
button,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.commentAddImage,
.button.ghostContinue,
.readMore,
a.addToCalender {
  background-color: transparent;
  border-radius: 3px;
  color: #003393;
  padding: 5px 15px;
  margin-right: 5px;
  border: 2px solid #003393;
  font-family: 'Open Sans', Arial, sans-serif;
}

.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 {
  background-color: #003393;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 540px){
  .button,
  a.button:link,
  a.button:visited,
  .commentAddImage,
  button,
  #totaliserActions .buttonDonate,
  #totaliserActions .buttonFundraise,
  .commentAddImage,
  .button.ghostContinue,
  .readMore,
  a.addToCalender{
    width: 100%;
    margin: 0 0 10px 0;
  }
}

a.buttonIcon:link, a.buttonIcon:visited {
  color: #003393;
}

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: 40px;
  height: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  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: 24px;
  vertical-align: middle;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  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.socialIcons li a.instagram, ul.shareList li a.instagram {
  background-color: #3f729b;
}
ul.socialIcons li a.instagram:before, ul.shareList li a.instagram:before {
  content: '\f207';
}

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

.totaliserPanel, .appealTotaliser {
  display: block;
  color: inherit;
}
.totaliserPanel .raisedWrapper, .totaliserPanel .targetWrapper, .appealTotaliser .raisedWrapper, .appealTotaliser .targetWrapper {
  width: 50%;
  margin-bottom: 0;
  float: left;
}
.totaliserPanel .raisedWrapper .totaliserFigure, .totaliserPanel .targetWrapper .totaliserFigure, .appealTotaliser .raisedWrapper .totaliserFigure, .appealTotaliser .targetWrapper .totaliserFigure {
  font-size: 24px;
}
@media screen and (max-width: 350px) {
  .totaliserPanel .raisedWrapper, .totaliserPanel .targetWrapper, .appealTotaliser .raisedWrapper, .appealTotaliser .targetWrapper {
    width: 100%;
  }
}

.totaliserDone {
  background-color: #0773A3;
}

.totaliserFigure {
  margin-top: 0;
}

.carouselDetailWrapper .totaliserGivingPanel {
  display: none;
}
.carouselDetailWrapper .raisedWrapper, .carouselDetailWrapper .targetWrapper {
  margin-bottom: 10px;
}
.carouselDetailWrapper .totaliserFigure {
  font-size: 18px;
}
.carouselDetailWrapper #totaliserActions .buttonDonate {
  float: left;
  margin: 20px 20px 0 0;
}
.carouselDetailWrapper #totaliserActions .buttonFundraise {
  margin: 20px 0 0 0;
}

.appealWidgets .findAFundraiserWidget {
  display: none;
}

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

/*body.login #bodyForm, body.notFound #bodyForm, body.signup #bodyForm {
  padding-top: 100px;
}*/

header#pageHeader {
  position: relative;
  z-index: 1;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'Open Sans', Arial, sans-serif;
}

body.homepage header#pageHeader {
  background-color: transparent;
  position: absolute;
  top: 0;
}

.adminBar, .adminBarEdit{
  font-size: 1em;
}

.menuAdminContainer {
  background-color: #f2f2f2;
}
.menuAdminContainer ul#menuAdmin {
  max-width: 1180px;
  width: 100%;
  padding: 0 20px;
}
.menuAdminContainer ul#menuAdmin li a {
  color: #444;
  border-left: 0;
  font-size: 14px;
}

.js header .menuAdminContainer {
  display: none;
}

footer .menuAdminContainer {
  background-color: transparent;
  height: auto;
}
footer .menuAdminContainer ul#menuAdmin {
  max-width: 1180px;
  width: 100%;
  padding: 0;
}
footer .menuAdminContainer ul#menuAdmin li {
  display: block;
}
footer .menuAdminContainer ul#menuAdmin li a {
  color: white;
  border-left: 0;
  font-size: 16px;
  float: none;
  padding: 0;
}
footer .menuAdminContainer ul#menuAdmin li a:hover {
  background: transparent;
  text-decoration: underline;
}
footer .menuAdminContainer ul#menuAdmin li.menuAdminBasket, footer .menuAdminContainer ul#menuAdmin li.menuAdminPagesappeal, footer .menuAdminContainer ul#menuAdmin li.menuAdminPagesnews, footer .menuAdminContainer ul#menuAdmin li#menuf6adca1f-b1b3-483e-ad36-794935e9398e {
  display: none;
}

.mainLogo {
  margin: 0;
  position: relative;
  z-index: 10;
  background-image: url("/Handlers/GetImage.ashx?IDMF=4da18c12-bc5a-46cd-a365-fe51b6c1e432&w=414&h=87");
  background-repeat: no-repeat;
  width: 414px;
  height: 87px;
  display: block;
}

.mainCallToAction {
  margin: 0;
  display: block;
  float: none;
}

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

.mainCallToAction p {
  color: #fff;
  font-size: 13px;
  text-align: right;
  float: right;
  margin: 0 30px 0 0;
}
.mainCallToAction .donate_btn {
  float: right;
  display: block;
}
.mainCallToAction .donate_btn a {
  border-radius: 3px;
  padding: 5px 15px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s ease-in-out;
  background-color: #FFC600;
  border: 2px solid #FFC600;
  color: #fff;
}
.mainCallToAction .donate_btn a:hover {
  background-color: #fff;
  color: #003393;
  border: 2px solid #fff;
}
.mainCallToAction li {
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  margin-left: 30px;
  color: #F0F0F0;
  position: relative;
}
.mainCallToAction li a {
  color: #F0F0F0;
  text-decoration: none;
}
.mainCallToAction .header-nearyou:before,
.mainCallToAction .header-contact:before {
  font-family: "FontAwesome";
  font-size: 16px;
  font-size: 1.6rem;
  content: '\f041';
  margin-right: 7px;
  float: left;
  position: relative;
  top: -5px;
  font-weight: normal;
}
.mainCallToAction .header-contact:before {
  content: '\f0e0';
  font-size: 13px;
  font-size: 1.3rem;
  top: -3px;
}
.mainCallToAction .header-donate a {
  background: #F0F0F0;
  color: white;
  padding: 9px 30px;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  top: -3px;
  background-image: url("/Handlers/GetImage.ashx?IDMF=4cbb20cc-3528-4169-a9f8-ffc24612f0c1&w=200&h=100");
  background-repeat: no-repeat;
}

.headerFollowContainer {
  display: none;
}

.searchContainer {
  display: none;
  margin-right: 0px;
  margin-top: 40px;
}
.searchContainer #siteSearch {
  width: 180px;
  margin-top: 0;
  height: 30px;
  vertical-align: top;
  border-color: #8c8e91;
}
.searchContainer button {
  width: 30px;
  height: 30px;
  overflow: hidden;
  padding: 0;
  background: transparent;
  color: #8c8e91;
  float: left;
}
.searchContainer button:before {
  font-family: FontAwesome;
  content: '\f002';
  margin: 0;
  font-weight: normal;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 20px;
}

.alert-close {
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 20px;
  line-height: 30px;
}

@media screen and (max-width: 990px) {
  header .headerContent .searchContainer {
    display: none;
  }
/*
  .pageHeader {
    margin-bottom: 5px;
  }*/

  body.homepage header#pageHeader {
    position: relative;
    background-color: rgba(0,0,0,0.8);
    top: auto;
  }

  .mainLogo {
    margin: 0;
    position: relative;
    z-index: 10;
/*    background-image: url("/Handlers/GetImage.ashx?IDMF=3ad612fb-9117-4802-8410-db1339611629&w=160&h=120");
*/    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
    display: block;
    background-size: contain;
  }

  .mainCallToAction {
    margin-right: 80px;
  }

  a.back-to-top {
    right: 70px;
  }
}
.menuMain {
  background-color: transparent;
  float: none;
  transition: all 0.2s ease-in-out;
  margin-top: 0;
  position: relative;
  z-index: 3;
  padding: 0 0 0 20px;
}
.menuMain .mobile-search, .menuMain .mobile-social {
  display: none;
}
.menuMain ul {
  padding: 0px 0 10px;
  float: right;
  display: inline-block;
  width: auto;
}
.menuMain ul li {
  margin: 0 0 0 24px;
  /* &#menu3ccc4d8c-fe4a-4ed5-bee3-994b1b0d0ddf,
  &#menu74b947ee-6bc6-47da-9357-a9cd295b5eb5{
    .subMenu{
      right: 0;
    }
  }*/
}
.menuMain ul li > a {
  color: white;
  height: auto;
  padding: 10px 0;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 400;
}
.menuMain ul li .subMenu {
  border: 0;
  background-color: #FFC600;
  display: none;
  float: none;
  width: auto;
  padding-bottom: 0;
}
.menuMain ul li .subMenu li {
  margin: 0;
}
.menuMain ul li .subMenu li a {
  background-color: transparent;
  padding: 10px 20px;
  color: white;
  font-size: 10px;
  font-size: 1rem;
}
.menuMain ul li .subMenu li a:hover {
  background: #EDB503;
}

.topLevel {
  max-width: 1180px;
  width: 100%;
}

@media screen and (max-width: 990px) {
  a.menuMainAlt {
    display: block;
    color: #fff;
    background-color: transparent;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .scrolled a.menuMainAlt {
    top: 15px;
  }
  a.menuMainAlt:hover {
    text-decoration: none;
  }
  a.menuMainAlt:before {
    content: '\f419';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 16px/1 'Genericons';
    vertical-align: top;
    padding-top: 4px;
    margin-right: 4px;
  }

  .menuMain ul li .subMenu li a {
    background-color: #003393;
  }

  .menuMain {
    clear: both;
    min-width: inherit;
    float: none;
    padding: 0;
    display: none;
    background-color: #FFC600;
  }
  .menuMain.active {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
  }
  .menuMain, .menuMain ul ul {
    overflow: hidden;
    max-height: 0;
  }
  .menuMain ul {
    width: 100%;
    display: inline;
    border: none;
    margin: 0;
    padding: 0;
  }
  .menuMain ul li {
    margin: 0;
  }
  .menuMain ul li > a {
    padding: 10px 20px;
  }
  .menuMain ul ul, .menuMain ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    box-shadow: none;
    border: none;
  }
  .menuMain li, .menuMain > ul > li {
    display: block;
  }
  .menuMain li a {
    color: #000;
    display: block;
    padding: 0.8em;
    border-bottom: 1px solid #808080;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #fff;
  }
  .menuMain li.hasSubmenu > a:after,
  .menuMain li li .submenu .hasSubmenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0em 0.5em;
  }
  .menuMain li.hasSubmenu > a.active:after,
  .menuMain li li .submenu .hasSubmenu > a.active:after {
    content: "-";
  }
  .menuMain > ul > li.menuAdminAltItems {
    display: block;
  }
  .menuMain > ul > li > ul {
    padding: 0;
    margin-top: 0;
  }
  .menuMain.active, .menuMain > ul ul.active {
    max-height: inherit;
    border: none;
  }
  .scrolled .menuMain.active, .scrolled .menuMain > ul ul.active {
    top: 50px;
  }
  .menuMain .socialIcons {
    overflow: visible;
    max-height: none;
    padding: 10px;
  }

  #menuMain > ul ul {
    position: relative;
    display: block;
  }
  #menuMain > ul ul ul {
    top: 0;
    padding: 0;
  }
  #menuMain > ul ul ul .mobile-social ul {
    background: none;
    padding: 0;
    max-height: none;
    text-align: left;
  }

  .menuAdminContainer,
  .searchContainer {
    display: none;
  }

  .menuMain .mobile-search,
  .menuMain .mobile-search .searchContainer,
  .mobile-social .mainCallToAction,
  .menuMain .mobile-social {
    display: block;
  }

  .mobile-social {
    display: block;
  }
  .mobile-social ul {
    max-height: none !important;
  }
  .mobile-social ul li {
    margin: 0;
    display: block;
  }
  .mobile-social ul li:after {
    content: "";
    display: table;
    clear: both;
  }
  .mobile-social ul li a {
    float: left;
    background-color: transparent;
  }
  .mobile-social .mainCallToAction {
    float: none;
    padding: 10px 20px;
    margin: 0;
  }
  .mobile-social .mainCallToAction ul li {
    float: none;
  }
  .mobile-social .mainCallToAction ul li a {
    background-color: transparent !important;
    padding: 0;
  }
  .mobile-social .mainCallToAction ul li a:hover {
    color: #F0F0F0;
  }
  .mobile-social .mainCallToAction ul li.header-donate a {
    padding: 2px 15px;
    margin: 10px 0 0 0;
  }

  #siteSearch {
    height: 38px;
  }

  .headerContent .searchContainer button {
    top: 3px;
  }

  .menuMain .mobile-search {
    padding: 0 20px;
    position: relative;
  }
  .menuMain .mobile-search #siteSearch {
    width: 100%;
    display: block;
  }
  .menuMain .mobile-search .searchContainer {
    float: none;
  }
  .menuMain .mobile-search .searchContainer button {
    position: absolute;
    top: 0;
    right: 20px;
  }
}
ul.carouselControls {
  padding: 0 20px;
  width: 100%;
}
ul.carouselControls li a {
  color: rgba(255, 255, 255, 0.4);
  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: #fff;
}
ul.carouselControls li a:hover:before {
  color: inherit;
}

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

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

.carouselButtons {
  display: none;
}
.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(255, 255, 255, 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: white;
}

@media screen and (min-width: 768px) {
  .carouselDetailWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .carouselSlideDetail {
    width: 100%;
    padding: 0 160px;
    background-color: transparent;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
  }
}

.carouselSlides {
  overflow: hidden;
  max-height: none;
  background-color: #000;
}

body:not(.homepage) .carouselSlide img {
  opacity: 0.6;
}

body.homepage .carouselSlideDetail {
  top: 60%;
}

.carouselSlideDetail .carouselSlideHeading {
  font-size: 3rem;
  margin: 0 0 10px 0;
  font-weight: 600;
}
.carouselSlideDetail .carouselSlideHeading a {
  color: white;
}
.carouselSlideDetail h2, .carouselSlideDetail p {
  text-align: center;
}
.carouselSlideDetail p .carousel_btn_wrap {
  display: block;
  margin-top: 50px;
}
.carouselSlideDetail h2, .carouselSlideDetail .readMore {
  display: inherit;
}
.carouselSlideDetail .carouselSlideSummary {
  display: inherit;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 70%;
  margin: 0 auto;
  font-family: 'Open Sans', Arial, sans-serif;
}
.carouselSlideDetail .totaliserPanel, .carouselSlideDetail .appealTotaliser {
  display: none;
}
.carouselSlideDetail span#totaliserActions {
  display: none;
}

span.readMore.carouselSlideReadMore {
  display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.carouselSlide {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-height: none;
  position: relative;
}
.carouselSlide.hidden {
  opacity: 0;
  display: block !important;
  position: absolute;
}

.showsVideo {
  height: 100%;
  width: 100%;
  display: block;
}
.showsVideo:before {
  font-family: 'FontAwesome', serif;
  content: '\f144';
  background-color: transparent;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 75px;
  line-height: 100px;
  z-index: 1;
  top: 23%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .carousel ul {
    /* overwrite bf */
    margin-top: 0;
  }
}
@media screen and (max-width: 990px) {
  .carouselDetailWrapper {
    top: auto;
    position: inherit;
  }

  .carouselSlideDetail {
    background: #003393;
    margin: 0;
    padding: 20px;
    transform: none;
  }

  .carouselSlideDetail .carouselSlideSummary{
    width: 100%;
  }

  .carousel .carouselButtons {
    display: none;
  }

  .carouselControls {
    display: block;
  }

  ul.carouselControls li a{
    margin-top: 0;
    top: 180px;
  }

  .showsVideo:before {
    font-size: 64px;
    height: 64px;
    width: 64px;
    line-height: 64px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.homeIntro h2 {
  font-size: 2.7rem;
  font-style: italic;
  color: #414141;
  margin-bottom: 5px;
}
.homeIntro p {
  font-size: 1.2rem;
  color: #414141;
}

.homeFeaturesWrapper {
  background-color: #fff;
  margin: 10px 0 60px 0;
}

/*
.homeFeatureDetailsWrapper{
  background-color: #FFF;
  padding: 20px;
  h2{
        margin-top: 15px;
    font-size: 13px;
    font-size: 2.5rem;
    font-style: italic;
    line-height: 45px;
         transform: translateY( calc(230% - 10px) );
             opacity: 1;
                 text-align: center;
  }
p{
    font-size: 14px;
}

  .featureFooter{
    display: inherit;
    border-left: 0px solid;
        padding-left: 0px;
    .featurePublishWrapper, .featureAuthorWrapper, .featureTargetWrapper, .featureRaisedWrapper, a.button.callToActionBtn.featureButton.fundraise{

      display: none;
    }

a.button.callToActionBtn.featureButton.donate{

      background-color: #003393;
    color: #fff;
    padding: 5px 25px;
    margin-right: 5px;
    font-size: 18px;
    margin-top: 30px;
     -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

  }
}

*/
.homeFeatureDetailsWrapper {
  background-color: #FFF;
  padding: 20px;
}
.homeFeatureDetailsWrapper h2 {
  margin-top: 15px;
  font-size: 2.1rem;
  font-style: italic;
  line-height: 35px;
  transform: translateY(calc(230% - 10px));
  opacity: 1;
  text-align: center;
}
.homeFeatureDetailsWrapper p {
  font-size: 14px;
}
.homeFeatureDetailsWrapper .featureFooter {
  display: inherit;
  border-left: 0px solid;
  padding-left: 0px;
}
.homeFeatureDetailsWrapper .featureFooter .featurePublishWrapper, .homeFeatureDetailsWrapper .featureFooter .featureAuthorWrapper, .homeFeatureDetailsWrapper .featureFooter .featureTargetWrapper, .homeFeatureDetailsWrapper .featureFooter .featureRaisedWrapper, .homeFeatureDetailsWrapper .featureFooter a.button.callToActionBtn.featureButton.fundraise {
  display: none;
}
.homeFeatureDetailsWrapper .featureFooter a.button.callToActionBtn.featureButton.donate {
  background-color: #003393;
  color: #fff;
  padding: 5px 25px;
  margin-right: 5px;
  font-size: 18px;
  margin-top: 30px;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.homeFeature:hover .featureFooter a.button.callToActionBtn.featureButton.donate {
  background-color: #fff;
  color: #003393;
}

/*
.homeFeature{
  padding: 0;
  margin: 0  5px 0;
  background-color: $light-red;
   -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
  @include four-column;

  & > a{
    width: 100%;
    float: left;
  }
  .banner{
    margin-bottom: 0;
  }
  .homeFeatureDetailsWrapper{
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    
    color: white;
 
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(94,144,189,0) 25%, rgba(0,20,58,0.65) 100%);  
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(94,144,189,0) 25%,rgba(0,20,58,0.65) 100%);  
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(94,144,189,0) 25%,rgba(0,20,58,0.65) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#a600143a',GradientType=0 );  


    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
   
    p{

      display: none;
    }
  



  }



   
  &:hover{
    background-color: $light-orange;
    .homeFeatureDetailsWrapper p{color: #fff;}
    .homeFeatureDetailsWrapper h2 a{
      color: #fff;
    }
    .banner{
      opacity: 0.4;
    }
  }
}
*/
.homeFeature {
  padding: 20px 0;
  margin: 0  5px 0;
  background-color: #fff;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
  /* width: 25%; */
  width: calc(25% - 10px);
}
.homeFeature:nth-child(4n+1) {
  clear: left;
}
.homeFeature > a {
  width: 100%;
  float: left;
}
.homeFeature .banner {
  margin-bottom: 0;
}
.homeFeature .homeFeatureDetailsWrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  color: white;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00143a+100&0+25,0.65+100 */
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(94, 144, 189, 0) 25%, rgba(0, 20, 58, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(94, 144, 189, 0) 25%, rgba(0, 20, 58, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(94, 144, 189, 0) 25%, rgba(0, 20, 58, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#a600143a',GradientType=0 );
  /* IE6-9 */
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out;
}
.homeFeature .homeFeatureDetailsWrapper p {
  display: none;
}
.homeFeature:hover {
  background-color: #003393;
}
.homeFeature:hover .homeFeatureDetailsWrapper p {
  color: #fff;
}
.homeFeature:hover .homeFeatureDetailsWrapper h2 a {
  color: #fff;
}
.homeFeature:hover .banner {
  opacity: 0.4;
}

.homeFeatureSnippets h2 {
  text-align: center;
  color: #003393;
  margin-bottom: 11px;
  margin-top: 15px;
  font-size: 2.1rem;
}
.homeFeatureSnippets p {
  color: #808080;
  text-align: center;
  font-size: 16px;
  padding: 0 20px;
}
.homeFeatureSnippets img {
  margin: 0 auto;
  float: none;
  display: block;
}
.homeFeatureSnippets:hover {
  background-color: #F0F0F0;
}

.homeIntro, .homeHeadlinesIntro, .homeFeedsIntro {
  margin-bottom: 25px;
}

.homeBox5 {
  width: calc(100% - 5px);
  margin: 80px 5px 0px;
  padding: 0;
  background-color: #F0F0F0;
}
.homeBox5 > a {
  width: 75%;
}
.homeBox5:hover .banner {
  opacity: 0.7;
}
.homeBox5 .homeFeatureDetailsWrapper {
  float: left;
  width: 22.5%;
  margin-left: 2.5%;
  padding: 20px 2.5% 20px 0;
  position: inherit;
  background-color: transparent;
  background: transparent;
}
.homeBox5 .homeFeatureDetailsWrapper h2 {
  transform: inherit;
  text-align: left;
}
.homeBox5 .homeFeatureDetailsWrapper h2 a {
  color: #003393;
}
.homeBox5 .homeFeatureDetailsWrapper p {
  color: #808080;
  display: inherit;
}
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter {
  display: block;
  font-size: 8px;
  font-size: 0.8rem;
  border: 0;
  padding: 0;
  margin-top: 30px;
}
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter p {
  margin: 0 0 0 40px;
  padding: 0;
}
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter .featurePublishWrapper,
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter .featureAuthorWrapper,
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter .featureLocationWrapper {
  display: none;
}
.homeBox5.homeFeatureEvents .homeFeatureDetailsWrapper .featureFooter:before {
  content: '\f273';
  font-family: "FontAwesome";
  float: left;
  font-size: 30px;
  margin-top: -3px;
}

@media screen and (max-width: 900px) {
  .homeFeature {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px 0;
  }

  .homeBox1 > a {
    width: 100%;
  }
  .homeBox1 .homeFeatureDetailsWrapper {
    width: 100%;
    margin: 0;
    padding: 20px;
    text-align: left;
  }
  .homeBox1 .featureFooter {
    text-align: left;
  }

  .homeFeatureDetailsWrapper {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .homeFeature > a {
    width: 100%;
    float: none;
  }
  .homeFeature .homeFeatureDetailsWrapper {
    float: none;
    width: 100%;
    text-align: left;
    padding: 20px;
    clear: both;
    margin-left: 0;
  }
}
.homeFeeds {
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0px;
}

.homeFeedsWrapper {
  background-color: #fff;
  margin: 0 0 40px 0;
  padding: 0;
}

.homeFeed {
  margin: 0px auto;
  max-width: 1180px;
  float: none;
  padding: 50px 20px 0;
  width: 100%;
}
.homeFeed:nth-child(4n+1) {
  clear: inherit;
}
.homeFeed .feedsTitle {
  display: block;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  color: #003393;
  font-weight: bold;
  margin-bottom: 10px;
}
.homeFeed .banner {
  margin-bottom: 20px;
}

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

ul.feedList {
  padding: 0;
}

.feedItem {
  clear: none;
  margin-bottom: 20px;
  width: 24.7%;
  margin-right: 0.4%;
  float: left;
  background: transparent;
  transition: all .2s ease-in-out;
  /*&:nth-child(2n){
    background: $light-red;
  }
  &:nth-child(3n){
    background: $dark-orange;
  }
  &:nth-child(4n){
    background: $light-orange;
  }*/
}
.feedItem:nth-child(4n) {
  margin-right: 0;
}
.feedItem > a {
  width: 100%;
  height: auto;
  float: none;
  display: block;
  margin: 0;
}
.feedItem > a img {
  margin-bottom: 0;
}
.feedItem h3 {
  margin-top: 10px;
  /* float: none; */
  /* width: 100%; */
  /* padding-left: 0; */
  /* height: 100px; */
  text-align: center;
  margin: 0;
  padding: 0 20px;
  position: relative;
  /*font-size: 13px;*/
  font-size: 1.6rem;
  font-style: italic;
}
.feedItem h3 a {
  width: 100%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #003393;
  text-decoration: none;
}
.feedItem p {
  display: inherit;
  text-align: center;
  color: #444;
  font-weight: 400;
  padding: 0px 30px;
}
.feedItem p span.readMore {
  display: none;
}
.feedItem:hover {
  cursor: pointer;
}
.feedItem:hover p {
  color: #003393;
}
.feedItem:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.feedItem:hover {
  background: #FFC600;
      /* > a{
        display: inline-block;
          overflow: hidden;
          height: 318px;
      }*/
}
.feedItem:hover img {
  opacity: 0.7;
}

.feedItem .postFooterWrapper{
  display: none;
}

.homeBlogBtn {
  margin: 0 auto;
}

.homeFeed {
  width: 100%;
}

@media screen and (max-width: 900px) {
  .homeFeed {
    width: 100%;
    float: none;
    padding: 0 0;
  }

  .feedItem {
    width: 49.4%;
  }
}
@media screen and (max-width: 500px) {
  .feedItem {
    width: 100%;
  }
  .feedItem > a {
    width: 100%;
    float: none;
  }
  .feedItem > a img {
    margin-bottom: 10px;
  }
  .feedItem h3, .feedItem p {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.homeFeedBox1_wrapper {
  width: 100%;
  background-color: #F0F0F0;
  padding: 0px 0 40px;
}

.homeFeedevents .feedItem {
  clear: none;
  margin: 0 0 20px 0;
  width: 100%;
  float: none;
  background-color: #F0F0F0;
  transition: all .2s ease-in-out;
}
.homeFeedevents .feedItem .banner {
  margin-bottom: 0;
}
.homeFeedevents .feedItem > a {
  width: 50%;
  float: right;
  display: block;
  margin: 0;
}
.homeFeedevents .feedItem h3 {
  text-align: left;
  padding: 20px 0 0;
  width: 50%;
  float: left;
}
.homeFeedevents .feedItem h3 a {
  margin-left: 30px;
}
.homeFeedevents .feedItem p {
  float: right;
  width: 50%;
  margin-top: 20px;
  text-align: left;
}
.homeFeedevents .feedItem .postFooterWrapper {
  width: 50%;
  float: left;
  display: block;
  clear: none;
}

.homeFeedevents .postFooterWrapper .postFooter{
  margin: 0;
  padding: 0;
}

.homeFeedevents .shareWrapper{
  display: none;
}

.homeFeedevents .postFooterWrapper .associatedStartDate, .homeFeedevents .postFooterWrapper .associatedEndDate, .homeFeedevents .postFooterWrapper .locationDetails{
  display: block;
  width: 100%;
  float: none;
  margin: 10px 0 0;
}

.homeFeedBox2 .feedItem:hover {
  background: #FFC600;
}

.headerText {
  margin: 40px auto 30px auto;
  padding: 0 50px;
}
.headerText h1 {
  font-size: 48px;
  border-bottom: 0;
  margin-top: 48px;
  color: #003393;
  text-align: center;
  font-weight: bold;
}

.listContent, .postContent {
  width: 100%;
  padding: 0 30px;
}

.postAside {
  width: 100%;
  padding: 0 30px;
}
.postAside section.associated {
  width: 33%;
  padding: 0 20px;
  float: left;
  margin: 0 0 20px 0;
}
.postAside section.associated li {
  padding: 0;
  margin: 0;
}
.postAside section.associated li h3 {
  font-size: 10px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
}
.postAside section.associated li img {
  display: none;
}
.postAside .associatedLatestPosts h2, .postAside .associatedLatestPosts a {
  color: #000;
}
.postAside .associatedRelatedPosts h2, .postAside .associatedRelatedPosts a {
  color: #000;
}
.postAside .associatedMostRead h2, .postAside .associatedMostRead a {
  color: #000;
}
.postAside .asideAppealsWrapper {
  margin-bottom: 30px;
}
.postAside section.associated.appeals {
  display: none;
}
.postAside section.associated.appeals,
.postAside section.associated.associatedAppeal {
  padding: 0;
  background: #2a2a2a;
  color: white;
  margin-right: 0.5%;
  width: 100%;
}
.postAside section.associated.appeals img,
.postAside section.associated.associatedAppeal img {
  width: 50%;
  float: left;
}
.postAside section.associated.appeals h2, .postAside section.associated.appeals p, .postAside section.associated.appeals .appealActionsWrapper,
.postAside section.associated.associatedAppeal h2,
.postAside section.associated.associatedAppeal p,
.postAside section.associated.associatedAppeal .appealActionsWrapper {
  padding: 0 20px;
  float: right;
  width: 48%;
}
.postAside section.associated.appeals h2,
.postAside section.associated.associatedAppeal h2 {
  margin-top: 20px;
}
.postAside section.associated.appeals h2 a,
.postAside section.associated.associatedAppeal h2 a {
  color: white;
}
.postAside section.associated.appeals .postFooterWrapper,
.postAside section.associated.appeals .featureFooter p,
.postAside section.associated.appeals .featureFooter div,
.postAside section.associated.associatedAppeal .postFooterWrapper,
.postAside section.associated.associatedAppeal .featureFooter p,
.postAside section.associated.associatedAppeal .featureFooter div {
  display: none;
}
.postAside section.associated.appeals .featureFooter,
.postAside section.associated.associatedAppeal .featureFooter {
  border: 0;
  padding: 0 20px;
  margin: 0;
}
.postAside section.associated.appeals .readMore,
.postAside section.associated.associatedAppeal .readMore {
  display: none;
}
.postAside section.associated.appeals .button,
.postAside section.associated.associatedAppeal .button {
  background: transparent;
  border: 2px solid #fff;
  margin-top: 20px;
  font-size: 10px;
  font-size: 1rem;
}
.postAside section.associated.appeals .button:hover,
.postAside section.associated.associatedAppeal .button:hover {
  background: #F0F0F0;
}
.postAside .associatedLatestPosts {
  clear: left;
}
.postAside .associatedTagCloud {
  display: none;
}

.appealsPostBody .postContent,
.eventsPostBody .postContent,
.fundraiserPostPage .postContent {
  float: left;
  width: 70%;
  padding: 0 0 0 20px;
}

@media (max-width: 768px){
  .appealsPostBody .postContent,
  .eventsPostBody .postContent,
  .fundraiserPostPage .postContent{
    float: none;
    width: 100%;
    padding: 0;
  }
}

.donationFormItems {
  float: left;
  width: 70%;
  padding: 0 0 0 20px;
}

.donationForm .supportedAppeal {
  display: none;
}

.eventWidgetsWrapper,
.appealWidgetsWrapper,
.donationForm .appealTotaliser {
  float: right;
  width: 22%;
  padding: 0 20px 0 0;
}


.eventWidgetsWrapper section.associated,
.appealWidgetsWrapper section.associated,
.donationForm .appealTotaliser section.associated {
  width: 100%;
}


.blogDetails,
.postFooterWrapper  p.commentCount,
.publishDetailsWrapper {
  display: none;
}

.blogsPostBody .publishDetailsWrapper,
.newsPostBody .publishDetailsWrapper {
  display: block;
}

.postFooterWrapper {
  clear: both;
}
.postFooterWrapper .postFooter {
  padding: 20px 0;
  border: 0;
}
.postFooterWrapper .publishDetailsWrapper {
  margin-top: 0;
}
.postFooterWrapper .publishDetailsWrapper:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.postFooterWrapper p {
  font-size: 14px;
  display: inline-block;
  float: left;
  margin: 0 20px 10px 0;
}
.postFooterWrapper .relatedWrapper {
  margin-top: 30px;
}
.postFooterWrapper .relatedWrapper ul.relatedList {
  padding-left: 0;
  display: inline;
}
.postFooterWrapper .relatedWrapper ul.relatedList a {
  font-size: 14px;
}

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

.postFooterWrapper .relatedWrapper,
.postFooterWrapper .associatedStartDate,
.postFooterWrapper .associatedEndDate,
.postFooterWrapper .publishDetailsWrapper,
.postFooterWrapper .locationDetails,
.postFooterWrapper .associatedStartDate,
.postFooterWrapper .associatedEndDate,
.postFooterWrapper .locationDetails{
  display: none;
}

@media screen and (max-width: 768px) {

  .headerText{
    padding: 0 20px;
  }

  .headerText h1{
    font-size: 36px;
    text-align: left;
  }

  .contentBlock, .postAside, .listContent, .postContent {
    width: 100%;
    padding: 0;
  }

  .postAside section.associated {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    padding: 0;
  }

  .postContent img{
    max-width: 100%;
    height: auto;
  }
}
.searchPageContainer {
  margin-right: 0;
}

.searchListingIntro .listedFilters li {
  background-color: transparent;
  margin: 0;
  height: auto;
  float: none;
  display: inline-block;
  margin-right: 10px;
}
.searchListingIntro .listedFilters li a {
  background-color: #f9f9f9;
  display: block;
  padding: 5px 10px;
}
.searchListingIntro .listedFilters li a:hover {
  text-decoration: none;
}
.searchListingIntro .appliedFilters {
  float: none;
}
.searchListingIntro .appliedFilters h3 {
  margin: 24px 0 16px 0;
  float: none;
}
.searchListingIntro .appliedFilters ul {
  float: none;
}
.searchListingIntro .appliedFilters ul li {
  float: none;
  display: inline-block;
  margin: 0 10px 0 0;
}
.searchListingIntro .appliedFilters ul li .filter {
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.searchListingIntro select {
  width: 200px;
}

.searchListingPage aside.postAside {
  display: none;
}

fieldset.signInForm {
  margin: 60px auto;
}
fieldset.signInForm legend {
  float: left;
  font-size: 36px;
  margin-bottom: 16px;
}

.postComments {
  border: 0;
  padding: 20px 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 {
  margin-top: 20px;
  display: inline-block;
  float: left;
}
.postComments .commentForm .commentVideoWrapper {
  width: 50%;
}
@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: #0773A3 !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;
}

.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%;
  }
}
.listing .listedPost {
  border-bottom: 0;
  padding: 0;
  margin: 0 0 20px 0;
  color: #003393;
}
.listing .listedPost .readMore {
  display: none;
}
.listing .listedPost p {
  color: #003393;
}
.listing .listedPost h2 {
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.listing .listedPost .postFooterWrapper {
  display: none;
}
.listing .listedPost > a,
.listing .listedPost .embed-container {
  width: 100%;
  float: left;
}
.listing .listedPost .banner {
  margin-bottom: 0;
}
.listing .listedPost .listedPostText {
  float: left;
  width: 100%;
  margin-left: 5%;
  padding: 20px 5% 20px 0;
  background: transparent;
  color: #fff;
}
.listing .listedPost .listedPostText h2 a {
  color: #003393;
}
.listing .listedPost:hover {
  background-color: #003393;
  cursor: pointer;
}
.listing .listedPost:hover h2 a, .listing .listedPost:hover p {
  color: white;
}
.listing .listedPost:hover .banner {
  opacity: 0.7;
}
.listing .backToTop {
  display: none;
}

.faqs-list h2 {
  font-size: 15px;
  font-size: 1.5rem;
}
.faqs-list .postFooterWrapper {
  display: none;
}

.appealsList .donorsListWrapper {
  display: none;
}
.appealsList .currentProjectsListWrapper .appealFeedsWrapper {
  display: none;
}
.appealsList .tabs {
  display: none;
}
.appealsList .tabbedListing {
  border: none;
  padding: 0;
}

.pageListingPage .listedPost, .newsListingPage .listedPost, .blogListingPage .listedPost, .eventListingPage .listedPost {
  width: 49.5%;
  margin-left: 0.4%;
  float: left;
}
.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;
  margin-left: 0;
}

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

.pages-Category-our-team .listedPost,
.pages-Category-our-trustees .listedPost {
  width: 32%;
  float: left;
  padding: 0;
}
.pages-Category-our-team .listedPost:nth-child(2n+1),
.pages-Category-our-trustees .listedPost:nth-child(2n+1) {
  clear: none;
  margin-left: 0.4%;
}
.pages-Category-our-team .listedPost:nth-child(3n+1),
.pages-Category-our-trustees .listedPost:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.pages-Category-our-team .listedPost > a,
.pages-Category-our-trustees .listedPost > a {
  width: 100%;
  float: none;
}
.pages-Category-our-team .listedPost .listedPostText,
.pages-Category-our-trustees .listedPost .listedPostText {
  float: none;
  width: 100%;
  padding-top: 30px;
  text-align: center;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .pageWrapper .listing .listedPost {
    width: 100%;
    float: none;
    padding: 0;
  }
  .pageWrapper .listing .listedPost:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (max-width: 500px) {
  .pageWrapper .listing .listedPost > a {
    width: 100%;
    float: none;
  }
  .pageWrapper .listing .listedPost .listedPostText {
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px;
  }
}
.listing .listedEvent .postFooterWrapper {
  display: none;
}
.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 td h3 {
  margin-top: 0;
  font-size: 18px;
}
.eventContent table td input[type="text"] {
  margin-top: 0;
}
.eventContent table td.itemColumn {
  width: 40%;
}

.eventPostPage .postFeedWrapper {
  display: block;
  visibility: visible;
  width: inherit;
  height: inherit;
}

@media screen and (max-width: 1000px) {
  a.buttonIcon:link {
    width: 12px;
    height: 12px;
    padding: 0;
    background-color: transparent;
    vertical-align: middle;
  }
  a.buttonIcon:link:before {
    padding: 0;
    /*font-family: 'FontAwesome';*/
    line-height: 12px;
  }
  a.buttonIcon:link:hover {
    background-color: transparent;
  }
  /*a.buttonIcon:link.decreaseQuantity:before {
    content: '\f107';
  }
  a.buttonIcon:link.increaseQuantity:before {
    content: '\f106';
  }*/

  a.buttonIcon.expand:link{
    width: 23px;
    height: 23px;
  }

  a.buttonIcon.expand:link:before{
    width: 23px;
    height: 23px;
    line-height: 23px;
    padding-top: 5px;
  }
}
.contentBlockWrapper.appealActionsWrapper, .appealActionsWrapper {
  padding: 0 20px;
}
.contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
  max-width: 100%;
  padding: 0 20px;
}

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

.postFooterWrapper .topFundraisersWrapper{
  display: none;
}

.listing .listedAppeal {
  margin: 0 0 20px 0;
  padding: 0;
  /*min-height: 332px;*/
  width: 49.5%;
  margin-left: 0.4%;
  float: left;
}
.listing .listedAppeal:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .topFundraisersWrapper ol li {
    width: 100%;
  }

  .tickets{
    overflow-x: scroll;
  }

  .contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
    padding: 0;
  }
}

@media (max-width: 540px){
  .priceColumn .price,
  .eventPostPage .itemName {
    font-size: 1em;
  }

}

.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: 1140px;
  border-bottom: 1px solid #eee;
}
.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;
}

.appealFooterWrapper .totaliserPanel,
.appealInteractions{
  display: none;
}

@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: 1140px;
  margin: 0 auto;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  margin-bottom: 60px;
  padding: 40px 20px;
}
.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: 0px;
}
.tabbedListing.currentProjectsListing aside h3, .appealComments.currentProjectsListing aside h3 {
  margin-top: 0;
}
.tabbedListing .postComments, .appealComments .postComments {
  margin-top: 0;
  padding: 0;
  border: 0;
}
.tabbedListing .fundraiserSearchResults, .appealComments .fundraiserSearchResults {
  padding: 0 20px;
  margin-top: 80px;
}

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

@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;
  }
}
body.donate .formWrapper .carousel,
body.donate .formWrapper .contentBlockWrapper {
  padding: 0;
  /* remove padding on these elements as padding is applied to formWrapper in scaffolding.scss */
}

.formDonatePage .headerText h1,
.formDonatePage .breadcrumbWrapper {
  margin-left: 0;
}

.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 .supportedAppeal {
  display: none;
}

.donationFormItems {
  width: 100%;
  max-width: none;
}

.homepage .selectDonationAmount {
  text-align: center;
}

.donationAmount {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
}

.donationAmount .donationAmountThumbnail {
  width: 100%;
  float: none;
  margin: 0;
}

.donationAmount input[type="radio"] {
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 1;
}

.donationAmount .checkboxRadio {
  display: block;
}

.donationAmount .checkboxRadio .donationAmountFigure {
  text-align: center;
}

.donationAmount .donationAmountFigure {
  width: 100%;
  padding: 40px 20px 20px;
  text-align: right;
  border: 0;
}

.donationAmount span.donationAmountDescription {
  width: 100%;
  padding: 20px 0 0;
  display: inline-block;
}

.donationAmount.donationAmountOther {
  width: 100%;
  display: block;
  line-height: 1;
  padding: 20px 10px;
}

.donationAmount.donationAmountOther label {
  width: 32%;
  text-align: center;
}

.donationAmount.donationAmountOther .donationAmountFigure {
  float: left;
  width: 100%;
  padding: 0;
}

.donationAmount.donationAmountOther input#donationAmountOther {
  margin: 0 0 0 20px;
  display: inline-block;
  width: 60%;
}

.donationFrequency {
  background-color: #f3f3f3;
  padding: 20px;
}

.donationFrequency label {
  width: auto;
  text-align: left;
  line-height: 1;
}

.donationFrequency input#monthly {
  float: right;
  margin: 5px;
}

.donationFrequency .regularPayment {
  margin-top: 5px;
}

.donationAmount.donationSelected {
  background-color: #003393;
  color: #fff;
}

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

#submit-button-wrapper button {
  margin: 10px 0 0;
  font-size: 1;
  line-height: 1;
  padding: 10px 20px;
}

#submit-button-wrapper button.cancel {
  display: none;
}

.selectDonationAmount {
  text-align: center;
}

.selectDonationAmount > span {
  display: none;
}

.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.85;
}

.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: #2a2a2a;
  color: #fff;
}

.signInWrapper .signInArea .signInForm {
  margin: 0;
  padding: 0;
}

.donationFrequency {
  padding: 0;
}

.donationFrequency #Single,
.donationFrequency #Regular {
  width: 50%;
  padding: 10px;
  font-family: "Cardo", serif;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  font-size: 1.1;
}

.donationFrequency #Single:hover,
.donationFrequency #Regular:hover {
  cursor: pointer;
}

.donationFrequency #Single.active,
.donationFrequency #Regular.active {
  background-color: #003393;
  color: white;
}

@media (max-width: 480px) {
  .donationFrequency #Single,
  .donationFrequency #Regular {
    width: 100%;
  }
}

.donationFrequency.frequencySelected {
  background-color: #f3f3f3;
}

@media only screen and (max-width: 1024px) {
  .donationForm .appealTotaliser,
  .donationForm .supportedAppeal {
    width: auto;
    margin: 0 0 50px 0;
  }
  .donationFormItems {
    width: 100%;
    padding: 0;
  }
  .donationAmount {
    text-align: center;
    padding: 20px;
    width: 100%;
    display: block;
  }
  .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.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.4;
  }
  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 */
  }
  .cardEndDate input {
    max-width: 100px;
  }
}

@media only screen and (max-width: 540px) {
  .giftAidStatement {
    float: none;
    width: auto;
  }
}
.departments {
  width: 33.33333%;
  padding-right: 60px;
}
.departments h2 {
  margin-top: 0;
}
.departments ul.departmentList > li {
  margin-top: 40px;
}
.departments ul.departmentList > li a {
  background-color: #e2e2e2;
  color: #333;
  text-transform: uppercase;
}
.departments ul.departmentList > li a:hover {
  background-color: #d5d5d5;
  text-decoration: none;
}
.departments ul.departmentList ul.secondLevel li a {
  text-transform: inherit;
  background-color: #f2f2f2;
}
.departments ul.departmentList ul.secondLevel li a:hover {
  background-color: #e5e5e5;
}

.shopLandingContent, .productList {
  width: 66.6666%;
  float: left;
}
.shopLandingContent .listContent, .shopLandingContent .listedPost, .productList .listContent, .productList .listedPost {
  padding-right: 0;
  width: 100%;
}
.shopLandingContent .listContent .productListOrder, .shopLandingContent .listedPost .productListOrder, .productList .listContent .productListOrder, .productList .listedPost .productListOrder {
  margin-bottom: 30px;
}
.shopLandingContent .listContent .listedProductText .relatedWrapper, .shopLandingContent .listedPost .listedProductText .relatedWrapper, .productList .listContent .listedProductText .relatedWrapper, .productList .listedPost .listedProductText .relatedWrapper {
  display: none;
}

.productPostPage {
  margin-top: 100px;
  font-size: 16px;
}
.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;
}

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

.continueShoppingWrapper {
  display: none;
}

@media screen and (max-width: 768px) {
  .departments, .shopLandingContent, .productList {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .departments ul.productListOrder li, .shopLandingContent ul.productListOrder li, .productList ul.productListOrder li {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0 0 5px 0;
    float: none;
    display: block;
  }
  .departments .listedProductText, .shopLandingContent .listedProductText, .productList .listedProductText {
    width: 70%;
    padding-left: 20px;
  }
  .departments .listedProductText h2, .shopLandingContent .listedProductText h2, .productList .listedProductText h2 {
    font-size: 24px;
  }

  .productPostPage {
    margin-top: 20px;
  }
  .productPostPage .productBannerWrapper {
    padding-right: 0;
    float: none;
    text-align: center;
  }
  .productPostPage .productBannerWrapper .productBannerList li {
    float: none;
    display: inline-block;
  }
  .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;
  }
}
.paymentPage {
  margin-bottom: 40px;
}
.paymentPage .basket h2 {
  font-size: 36px;
  text-align: center;
}
.paymentPage td {
  padding: 10px 20px;
}

.itemName {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .paymentPage .basket {
    overflow-x: scroll;
  }
  .paymentPage .basket .itemColumn {
    min-width: 140px;
  }
  .paymentPage .basket .quantityColumn, .paymentPage .basket .priceColumn, .paymentPage .basket .removeColumn {
    min-width: 100px;
    width: 15%;
  }
}
.fundraiserListingPage .fundraiserSearchResults {
  float: left;
  width: 75%;
}
.fundraiserListingPage .fundraiserSearchResults .listContent {
  float: none;
  width: 100%;
  padding: 0;
}

@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: 1180px;
  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;
  }
}

.fundraiserPostPage .appealActionsWrapper {
  max-width: 1180px;
  margin: 0 auto;
}

.pageFooterWrapper {
  border-top: 0;
  background-color: #003393;
  padding: 60px 0;
  position: relative;
  margin-top: 40px;
  /*  &:before{
      content: ' ';
      background-image: url('/Handlers/GetImage.ashx?IDMF=f4ccdd8a-c867-4f58-979d-62df9c30718c&w=160&h=120');
      background-repeat: no-repeat;
      background-position: bottom center;
      display: block;
      height: 185px;
      width: 100%;
      position: absolute;
      top:-185px;
    } */
}

.footerTwitter {
  display: none;
}

.footerBox, .footerTwitter {
  margin: 0;
  padding: 0 20px 60px 0;
  float: left;
  text-align: left;
  color: #fff;
}
.footerBox h1, .footerBox h2, .footerBox h3, .footerTwitter h1, .footerTwitter h2, .footerTwitter h3 {
  margin-top: 0;
  font-size: 24px;
  color: #FFF;
  border-bottom: 1px dotted #fff;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.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;
}

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

.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;
}

section.footerBox.footerBox1 {
  width: 50%;
}

.footerBox, .footerTwitter {
  width: 25%;
}
.footerBox.Footercredits, .footerTwitter.Footercredits {
  width: 100%;
  float: none;
  margin-top: 60px;
}

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

  .homeBox5 .homeFeatureDetailsWrapper p {
    text-align: left;
  }

  .feedItem {
    width: 90%;
    margin: 20px;
  }
  .feedItem p {
    padding: 0 0 20px 0;
  }

  section.footerBox.footerBox1 {
    width: 100%;
  }

  .NewsletterSign-up button {
    width: 15%;
    text-align: center;
  }

  .footerBox {
    width: 100%;
    float: none;
    text-align: center;
  }

  .footerBox h1 {
    text-align: center;
  }

  .homeFeedBox2 .feedItem h3 {
    width: 100%;
  }

  section.homeFeed.homeFeedBox2.homeFeedevents.EventFeed {
    padding-top: 30px;
  }
  section.homeFeed.homeFeedBox2.homeFeedevents.EventFeed li {
    padding: 0;
    margin: 20px 0;
    width: 100%;
  }

  h3.feedsTitle {
    padding-top: 30px;
  }

  .homeIntro h2 {
    font-size: 2rem;
  }
}
.footerBox3 ul.socialIcons, .footerBox3 ul.shareList {
  margin-top: 15px;
}

@media screen and (max-width: 990px) {
  .homeBox5 > a {
    width: 100%;
  }

  .homeBox5 .homeFeatureDetailsWrapper {
    float: left;
    width: 100%;
    margin-left: 0;
    padding: 20px;
    position: inherit;
    background-color: transparent;
    background: transparent;
  }

  .homeFeedBox2 .feedItem > a {
    width: 100%;
  }

  .homeFeedBox2 .feedItem p {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 20px 20px 20px;
  }

  body.homepage .carouselSlide:before {
    bottom: 80%;
  }

}
@media screen and (max-width: 1187px) {

  .carouselSlideDetail .carouselSlideSummary {
    font-size: 14px;
  }

  .carouselSlideDetail p .carousel_btn_wrap {
    margin-top: 20px;
  }
}
@media screen and (max-width: 700px) {

  .carouselSlideDetail .carouselSlideHeading {
    font-size: 2rem;
    margin-bottom: 10px;
  }

  .mainLogo{
    margin-bottom: 15px;
  }

  .mainCallToAction{
    clear: both;
    margin: 0;
  }

  .mainCallToAction p{
    float: left;
    min-width: 170px;
    margin: 0 10px 0 0;
  }

  .mainCallToAction .donate_btn a{
    border: 0;
    padding: 5px;
  }

  .mainCallToAction .donate_btn a:hover{
    border: 0;
  }
}
@media screen and (max-width: 400px) {

  .carouselSlideDetail .carouselSlideSummary {
    font-size: 14px;
  }

  .homeFeature {
    width: 100%;
    padding: 20px 0;
  }

  .homeBox5 {
    padding: 0;
  }

  .homeIntro {
    margin-bottom: 0px;
  }

  .menuMain ul li .subMenu li {
    margin: 0;
    white-space: inherit;
  }
}

.post .headerContent li {
  max-height: 600px;
  overflow: inherit;
}

.NewsletterSign-up h2 {
  color: #fff;
  text-align: left;
}
.NewsletterSign-up .formQuestion {
  float: none;
  width: 100%;
  padding: 0 20px 0 0;
}
.NewsletterSign-up .formQuestion label {
  color: #fff;
  text-align: left;
}
.NewsletterSign-up button {
  background-color: #fff;
  color: #003393;
  width: 25%;
  margin-top: 25px;
  padding: 8px;
  float: left;
  margin-right: 0;
}
.NewsletterSign-up:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

@media screen and (max-width: 768px) {
  .NewsletterSign-up {
    text-align: left;
  }
  .NewsletterSign-up .formQuestion {
    float: none;
    width: 100%;
    padding: 0;
  }
  .NewsletterSign-up .formQuestion label {
    text-align: left;
  }
  .NewsletterSign-up button {
    margin-top: 20px;
    float: none;
  }
}
nav.menuSub {
  border-bottom: 0;
  position: absolute;
  top: 30px;
}
nav.menuSub ul {
  margin: 2px auto 2px auto;
  float: right;
  width: 55%;
  text-align: right;
  padding: 0;
  font-size: 11px;
  font-size: 1.1rem;
}
nav.menuSub ul li {
  background: transparent;
}
nav.menuSub ul li.level1 {
  float: none;
  margin-right: 0;
}
nav.menuSub ul li.level1 a {
  border-radius: 0;
  padding: 10px 10px;
  background: transparent;
  color: white;
  font-weight: bold;
}
nav.menuSub ul li.level1 a:hover {
  text-decoration: none;
  color: #2a2a2a;
  background: #FFC600;
}
nav.menuSub ul li.level1.active a {
  background-color: #003393;
  color: #fff;
}
nav.menuSub ul li.level1.active a:hover {
  background-color: #003393;
  color: #fff;
}

@media screen and (max-width: 990px) {

  nav.menuSub {
    bottom: 0;
    top: auto;
    right: 0;
    left: 0;
    margin: 0 10px;
  }
  nav.menuSub a.menuSubAlt {
    display: block;
    color: #fff;
    background-color: #F0F0F0;
    position: absolute;
    top: -60px;
    right: 30px;
    padding: 5px 10px;
  }
  nav.menuSub a.menuSubAlt:hover {
    text-decoration: none;
  }
  nav.menuSub a.menuSubAlt:before {
    content: '\f419';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 16px/1 'Genericons';
    vertical-align: top;
    padding-top: 4px;
    margin-right: 4px;
  }
  nav.menuSub ul.topLevel {
    display: none;
    float: none;
    width: 100%;
    position: absolute;
    background: white;
    z-index: 30;
    left: -20px;
    right: 0;
  }
  nav.menuSub ul.topLevel > li {
    display: block;
    text-align: left;
  }
  nav.menuSub ul.topLevel > li a {
    display: block;
  }
}

header .carousel {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}

.pages-search .listedPost,
.pages-search .listedAppeal {
  width: 100%;
  float: none;
}
.pages-search .listedPost > a,
.pages-search .listedAppeal > a {
  width: 25%;
}
.pages-search .listedPost h2, .pages-search .listedPost h3, .pages-search .listedPost p,
.pages-search .listedAppeal h2,
.pages-search .listedAppeal h3,
.pages-search .listedAppeal p {
  float: left;
  margin: 0 0 0 40px;
  color: white;
  width: 70%;
}
.pages-search .listedPost h2,
.pages-search .listedAppeal h2 {
  margin-top: 40px;
}
.pages-search .listedPost h2 a,
.pages-search .listedAppeal h2 a {
  color: white;
}
/*
.loginSection form#bodyForm {
    margin-top: 200px;
}*/

 /*pop up adjusted*/

.Newsletter_btn {
    display: none;
    position: fixed;
    z-index: 3;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

a.newsletter{
  color: #fff;
  position: initial; 
  font-size: 36px;
  font-family: "Cardo", serif;
  font-style: italic;
  background-color: rgba(0, 20, 58, 0.65);
  padding: 30px 20px;
  font-weight: 700;
  width: 100%;
  display: block;
}

a.newsletter:hover{
  text-decoration: none;
  background-color: rgba(0, 20, 58, 0.85);
}

/* FAQs */
.accordianHeader{
  padding: 10px 20px;
  background-color: rgba(0, 51, 147, 0.15);
}

.accordianBody.contentBlockWrapper {
  background-color: rgba(0, 51, 147, 0.1);
}

.accordianHeaderText{
  float: 85%;
}

a.buttonIcon.expand:link{
  background-color: rgba(0, 51, 147, 0.7);
  color: #fff;
}

a.buttonIcon.expand:link:hover{
  background-color: rgba(0, 51, 147, 1);
}

.listFooter{
  margin: 40px 0;
}

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


/***********************/
/* KathieW, 15.09.2016 */
/***********************/

/* baseframework.css rewrite - fix mobile menu */

/* video popup */

.videoPopUpWrapper{top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
a.videoPopupClose:hover{ text-decoration: none; background-color: #003393;} 
a.videoPopupClose:before{ line-height: 30px; margin: 0; }

a.button.facebookPopulate, a.button.facebookPopulate:link{ display: none; }

@media screen and (max-width: 1000px){
  .donationForm .appealTotaliser {
    margin-top: 0;
  }

  .appealTotaliser .totaliserPanel{
    width: 100%;
  }
}

@media screen and (max-width: 992px){
  .videoPopUpWrapper{
    width: 700px;
    height: 394px;
  }

  .appealInteractionsWrapper .appealInteractions .listedFundraiser{
    width: 100%;
  }

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

  .alert-close{
    left: 0;
  }

  a.newsletter{
    padding: 20px;
    font-size: 20px;
  }
}

@media (max-width: 768px){
  .donationFormItems{
    float: none;
    width: 100%;
    padding: 0 20px;
  }
  
  .donationForm .appealTotaliser {
    display: none;
  }

  .donationForm .contentBlockWrapper{
    padding: 0;
  }

  .homeFeedevents ul.feedList{
    padding: 20px;
  }

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

  .pageFooterWrapper{
    margin-top: 40px;
  }

  .post .headerContent li {
    height: auto;
  }

  .videoPopUpWrapper{
    width: 500px;
    height: 281px;
  }

  .formQuestion.labelRadioPair label,
  .formQuestion.labelCheckBoxPair label{
    margin: 0;
    width: 80%;
  }
}

@media only screen and (max-width: 540px){
  .post .headerContent li {
      height: inherit;
  }

  .homeIntro{
    width: 100%;
  }

  .videoPopUpWrapper{
    width: 460px;
    height: 259px;
  }

  .formSecondStep {
    margin-left: 0;
  }

  .mainCallToAction{
    display: block;
  }
}

@media (max-width: 480px){
  .videoPopUpWrapper{
    width: 280px;
    height: 158px;
  }
}
/* LRO 08.03.2017 / #ZD16361 / Comment button on comments area causes overflow on page - should be displayed as a block */
button.button.addComment {
  display:block;
}
/* LRO 11.04.2017 / #ZD16362 / contains inline display:block - Hide newsletter floating footer button - don't want to remove CSS in case they'd like to use in future */
.Newsletter_btn {
  display:none !important;
}


/* JK 10.04.19 - PRE LIVES */
body[class*="lobby"] form#bodyForm {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  justify-content: center;
  padding: 30px 0;
}

.carouselSlideSummary a {
  color: #fff;
  text-decoration: underline;
}

.mainCallToAction p a {
  color: #fff;
}

ul.socialIcons li a.linkedin {
  background-color: #0077b5;
}

ul.socialIcons li a.linkedin:before {
  content: '\f207';
}

@media (max-width: 600px) {
  table.supportersTable tr {
    display: flex;
    flex-direction: column;
    width: 100% !important;
  }
  
  table.supportersTable td {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
}

.issuuembed {
  max-width: 100%;
}