/*

Feba CSS
Simon M, re-added here 13.08.15

*/



/********************************************
General + Content Widths
*********************************************/

/* Removes elements that shouldn't be displayed */
.feedItem .postFooterWrapper,
.pageListingPage aside.postAside,
.blogListingPage aside.postAside,
aside.blogDetails,
.listedPostText span.readMore,
.footerTwitter,
.eventDetailsTitle,
.eventLabel,
a.mapLink.button,
#lbAddToCalendar,
.publishDetailsWrapper,
.associatedAuthor,
.feedList span.readMore,
.listedEvent .updatedEventDateWrapper,
.listedPost .topFundraisersWrapper,
.listedPost .commentCount,
.listedPost .shareWrapper,
.headerFollowContainer,
.postFooterWrapper .relatedWrapper {
  display: none;
}

/* General */
.adminBar,
.adminBarEdit {
  margin: 0;
  width: auto;
}

body,
html,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", Arial, sans-serif;
  /*-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;*/
}

h1,
h2,
h3,
h4,
h5,
h6 legend {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  /*-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;*/
}

h1 {
  font-size: 36px;
  font-size: 3.6rem;
}

h2 {
  font-size: 28px;
  font-size: 2.8rem;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 400;
}

h4 {
  font-size: 20px;
  font-size: 2rem;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

h1.title {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 60px;
  font-size: 6rem;
  color: #333333;
  margin-top: 30px;
  font-weight: bold;
}

legend {
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-bottom: 1px solid rgba(214, 38, 51, 1);
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

a,
a:link,
a:active,
a:visited,
.readMore {
  color: rgba(214, 38, 51, 1);
  word-break: break-word;
}

a:hover,
a:focus,
.readMore:hover {
  color: #800e2c;
  text-decoration: none;
}

.alert {
  color: #812c7d;
}

table a,
table a:link table a:active,
table a:visited {
  color: #fff;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="url"] {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

/* Clear baseframework styles  */
.featureFooter,
.postFooter,
.commentDetails,
.associatedFooter {
  border: 0;
  padding-left: 0;
}

/* Cookie Warning */
.cc-cookies {
  position: static;
  width: 100%;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
  /*background-color: #82a71e;*/
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 6px 8px;
  margin-left: 10px;
}

.cc-cookies a:hover.cc-cookie-accept,
.cc-cookies-error a:hover.cc-cookie-accept,
.cc-cookies a:hover.cc-cookie-decline,
.cc-cookies-error a:hover.cc-cookie-decline,
.cc-cookies a:hover.cc-cookie-reset {
  /*background-color: #438d41;*/
  text-decoration: none;
}


/* ---- Content Widths ---- */
.carousel {
  max-width: 1140px;
  margin: auto;
  margin-top: 20px;
}

.contentBlockWrapper,
.tabs,
.donorsList,
.tabbedListing .headerContent,
.appealActions,
.appealInteractions,
.findAFundraiser,
.searchListingIntro,
.pageHeader .headerContent,
.formWrapper,
.signInForm,
.registerForm,
.customForm,
ul#menuAdmin {
  max-width: 1140px;
}

ul#menuAdmin {
  width: auto;
}

.listContent,
.postContent,
.donationFormItems,
.formWrapper.yourDetailsForm {
  width: 66%;
  margin-right: 6%;
}

.fundraiserSearchResults {
  width: 66%;
  margin-right: 6%;
  float: left;
}

.appealListingPage .fundraiserSearchResults,
.appealPostPage .fundraiserSearchResults {
  margin-top: 0;
  width: 100%;
  margin-right: 0%;
}

.formWrapper,
.registerForm,
.signInForm,
.container404,
.errorMessage,
div#dvSiteMap,
.passwordForm,
.pages-Groups-Join #bodyForm {
  max-width: 1140px;
  padding: 0 20px;
  margin: 20px auto;
}

.postContent.postCreateForm fieldset {
  padding: 0;
}

.headerText {
  max-width: 1140px;
  padding: 0 20px;
}

.contentBlockWrapper,
.tabs {
  max-width: 1140px;
  padding: 0 20px;
}

.listing .contentBlockWrapper {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
}

.categoryFilterContent {
  max-width: 1140px;
  padding: 0 20px;
  margin: auto;
}

.donorsListWrapper {
  border: none;
  max-width: 1180px;
  margin: auto;
  padding: 0 20px;
}

.listing .headerWrapper .headerContent {
  max-width: 1140px;
  padding: 20px 20px 0;
  width: 100%;
  margin: auto;
}

.fundraiserListingPage .findAFundraiserWrapper,
.appealActionsWrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: auto;
}

.donationForm {
  max-width: 1020px;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

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

  .listContent,
  .postContent,
  .fundraiserSearchResults,
  .formWrapper.yourDetailsForm {
    width: 100%;
    margin-right: 0;
  }

  .findAFundraiser .formQuestion {
    margin-left: 0;
    width: 100%;
  }

  /* Clear baseframework styles */
  .contactUsIntro,
  .postBody,
  .eventPostPage .postComments,
  .postAside,
  .eventDetailsWrapper,
  .contentBlock,
  .contactAddress,
  .contactForm,
  .contactUsIntro {
    padding-right: 0;
    padding-left: 0;
  }
}


.headerText {
  padding-right: 20px;
  padding-left: 20px;
}

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

@media screen and (max-width: 625px) {
  h1.title {
    font-size: 40px;
    font-size: 4rem;
  }
}

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

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

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

/****** End General + Content Widths ******/








/********************************************
Breadcrumbs
*********************************************/

ol.breadcrumbList:after {
  clear: both;
  display: block;
  content: ' ';
  height: 0;
  visibility: hidden;
}

.breadcrumbItem a {
  background-color: #333;
  background-image: url("/Handlers/GetImage.ashx?IDMF=309f5942-02c3-4ce3-8503-03e96d755dc4&w=10&h=38");
  background-repeat: no-repeat;
  background-position: 100% center;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 9px 20px 9px 10px;
  height: 36px;
}

li.breadcrumbItem:last-child a {
  color: #fff;
}

.breadcrumbItem:before {
  content: "";
  color: #009789;
  font-size: 15px;
  font-size: 1.5rem;
  padding-right: 0;
}

/* Media Queries */
@media only screen and (max-width: 540px) {
  .breadcrumbWrapper {
    padding: 0;
  }
}

/****** End Breadcrumbs ******/

/********************************************
Home Intro
*********************************************/

.homeIntroWrapper {
  /* 	background-color: rgba(214,38,51,1);  */
  background-image: linear-gradient(-180deg, rgba(214, 38, 51, 1) 0%, #AC0230 100%);
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
}

.homeIntro {
  width: 50%;
  margin: 0 auto;
  padding: 30px 0 30px 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.introTwo {
  font-size: 20px;
  font-size: 2rem;
}




@media screen and (max-width: 750px) {
  .homeIntro {
    width: 90%;
  }
}

/****** End Home Intro ******/







/* Print - remove certain items for print */

@media print {

  .pageHeader {
    background-color: rgba(255, 255, 255, 1) !important;
  }

  .menuMain,
  #menuAdmin,
  .mainCallToAction,
  .searchContainer,
  .postComments,
  .pageFooter,
  .postAside,
  .shareWrapper,
  .callToActionBtn {
    display: none !important;
  }

  .content {
    width: 100%;
  }

  #pageFooterWrapper {
    content: "Footer";
    color: #000;
  }

  .mainLogo {
    background-image: url("/Handlers/GetImage.ashx?IDMF=6f3ad234-855a-49b4-b39d-8f91deaf38ca") !important;
    margin: 0;
    background-repeat: no-repeat !important;
    background-size: 200px 45px !important;
    /*
width: 340px!important;
height: 77px!important;
*/
  }


}

/* End General */







/********************************************
Buttons
*********************************************/

button,
.button,
a.button:link,
a.button:visited,
a.button:active,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.listedFilters a.filter:link,
.listedFilters a.filter:visited,
.listedFilters a.filter:active,
.searchListingPage .searchContainer button,
.appliedFilters .filter,
.associatedReadMore a,
.associatedReadMore a:link,
.associatedReadMore a:visited,
.associatedReadMore a:active {
  background-color: rgba(214, 38, 51, 1);
  color: #fff;
  padding: 12px 25px;
  border: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  transition: all ease-in-out .3s;
}

button.acceptTAndC {
  display: block;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
a.button:link:hover,
a.button:link:focus,
a.button:visited:hover,
a.button:visited:focus,
a.button:active:hover,
a.button:active:focus,
#totaliserActions .buttonDonate:hover,
#totaliserActions .buttonDonate:focus,
#totaliserActions .buttonFundraise:hover,
#totaliserActions .buttonFundraise:focus,
.carousel #totaliserActions .donateBtn:hover,
.carousel #totaliserActions .fundraiseBtn:hover,
.listedFilters a.filter:link:hover,
.listedFilters a.filter:link:focus,
.listedFilters a.filter:visited:hover,
.listedFilters a.filter:visited:focus,
.listedFilters a.filter:active:hover,
.listedFilters a.filter:active:focus,
.searchListingPage .searchContainer button:hover,
.searchListingPage .searchContainer button:focus,
.appliedFilters .filter:hover,
.appliedFilters .filter:focus,
.button.ghostContinue:hover,
.button.ghostContinue:focus,
.associatedReadMore a:hover,
.associatedReadMore a:focus {
  background-color: #fc0a4a;
  text-decoration: none;
  color: #fff;
}

/* orange buttons*/
.groupSignUpBtn {
  color: #fff;
  padding: 12px 25px;
  border: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  transition: all ease-in-out .3s;
}

.groupSignUpBtn:hover {
  text-decoration: none;
  background-color: #000 !important;
}

.signInWrapper a.expand,
.signInWrapper a.expand:link,
a.buttonIcon:link,
a.buttonIcon:visited,
a.buttonIcon:active {
  background-color: rgba(214, 38, 51, 1);
  color: #fff;
  transition: all ease-in-out .3s;
}

.signInWrapper a.expand:hover,
.signInWrapper a.expand:link:hover,
a.buttonIcon:link:hover,
a.buttonIcon:visited:hover,
a.buttonIcon:link:focus,
a.buttonIcon:visited:focus {
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  opacity: 1;
}

a.decreaseQuantity:link,
a.decreaseQuantity:visited,
a.decreaseQuantity:active,
a.increaseQuantity:link,
a.increaseQuantity:visited,
a.increaseQuantity:active {
  background-color: #fff;
  color: rgba(214, 38, 51, 1);
}

.button.signIn {
  margin-left: 4px;
}

span.associatedReadMore {
  display: block;
  margin-top: 15px;
}

span.readMore.associatedReadMore a {
  display: inline-block;
}

/* Add margin to separate buttons when staked */
a.backToTop,
a.newSearch,
a.loadMore,
a.viewBasket,
button.createAppeal,
button.cancel,
.goToCheckout {
  margin-top: 1px;
  margin-bottom: 1px;
}

#totaliserActions .buttonDonate,
#totaliserActions .donateBtn,
.appealActions .donateBtn:link,
.appealActions .donateBtn:visited,
.appealActions .donateBtn:active,
button#btnSignIn,
.groupSignUpBtn,
a.button.donate {
  background: rgba(214, 38, 51, 1);
}

#totaliserActions .buttonDonate:hover,
#totaliserActions .buttonDonate:focus,
#totaliserActions .donateBtn:hover,
#totaliserActions .donateBtn:focus,
.appealActions .donateBtn:link:hover,
.appealActions .donateBtn:link:focus,
.appealActions .donateBtn:visited:hover,
.appealActions .donateBtn:visited:focus,
.appealActions .donateBtn:active:hover,
.appealActions .donateBtn:active:focus,
button#btnSignIn:hover,
button#btnSignIn:focus,
.groupSignUpBtn:hover,
.groupSignUpBtn:focus,
a.button.donate:hover,
a.button.donate:focus {
  background: rgba(214, 38, 51, 1);
}

/****** End Buttons ******/






/********************************************
Header
*********************************************/

/* NOTE: JS used to put search bar and social buttons into menu (to show in mobile menu)
JS used to move headerText div outside the carousel */

/* Removes elements that shouldn't be displayed */
.headerFollowContainer {
  display: none;
}

.pageHeader .headerContent,
ul#menuAdmin {
  max-width: 100%;
  background-color: rgba(214, 38, 51, 1);
}

.pageHeader {
  background-color: rgba(214, 38, 51, 1);
}

/* General */
header {
  padding: 0;
}

.mainLogo {
  margin-left: 20px;
  background: url("/Handlers/GetImage.ashx?IDMF=6f3ad234-855a-49b4-b39d-8f91deaf38ca");
  /* 	background-size: 186px 58px;  */
  background-size: contain;
  background-repeat: no-repeat;
  width: 310px;
  height: 105px;
  margin: 0px 0 -20px 50px;
  z-index: 5000;
}

.menuAdminContainer {
  background-color: transparent;
  color: #fff;
  height: 43px;
  padding-right: 20px;
}

ul#menuAdmin li a {
  border-left: none;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 12px 10px;
}

ul#menuAdmin li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

ul#menuAdmin .menuAdminBasket {
  display: none;
}

.content.headerContent {
  background-color: transparent;
}

.content.headerContent {
  position: relative;
}

.mainCallToAction {
  margin: 20px 300px 0 0;
}

.mainCallToAction button.button {
  background-color: #fff;
  color: #ff9900;
  box-shadow: 2px 2px 4px #00796B;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 300;
  padding: 9px 30px;
  margin-right: 30px;
  float: left;
}

.mainCallToAction button.button:hover {
  background-color: #ff9900;
  color: #fff;
}

.mainCallToAction ul {
  display: inline-block;
  margin: 0;
}

.mainCallToAction li {
  display: inline-block;
  margin-top: 8px;
}

.mainCallToAction li a {
  display: inline-block;
  font-family: 'Genericons';
  border-radius: 50%;
  margin-left: 5px;
  transition: 0.3s;
  text-align: center;
}

.mainCallToAction li a:hover {
  background: #000;
  text-decoration: none;
}

.mainCallToAction li a:before {
  color: #fff;
  transition: 0.3s;
  padding: 3px;
  display: block;
}

.mainCallToAction li a:hover:before {
  color: #fff;
}

.youtube:before {
  content: '\f213';
}

.content.headerContent>form {
  position: absolute;
  right: 0;
}

a.twitter,
a.facebook,
a.youtube {
  height: 34px;
  width: 34px;
  overflow: hidden;
  display: block;
  border: 3px solid #f0f0f0;
}

a.twitter {
  background-color: #40AAEE;
}

a.facebook {
  background-color: #3D538D;
}

a.youtube {
  background-color: #F50F1C;
}

/*  - Search button magnifier  */
.content.headerContent>form {
  clear: right;
}

.searchContainer {
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
}

#siteSearch {
  font-size: 14px;
  font-size: 1.4rem;
  height: 48px;
  width: 240px;
  padding-right: 32px;
  background: #fff;
  color: #000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 0;
  margin-top: 0;
  outline: none;
}

::-webkit-input-placeholder,
:-moz-placeholder,
/* Firefox 18- */
::-moz-placeholder,
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #000;
}

.headerContent .searchContainer button:before {
  font-family: 'Genericons';
  content: '\f400';
  color: #484848;
  font-size: 24px;
  font-size: 2.4rem;
}

.headerContent .searchContainer button {
  background-color: transparent;
  height: 22px;
  position: absolute;
  right: -1px;
  top: 8px;
  width: 22px;
  padding: 0;
  margin: 4px 10px;
  overflow: hidden;
}

.headerContent .searchContainer button:hover,
.headerContent .searchContainer button:focus {
  background-color: transparent;
}

/* Navigation */
.menuMain {
  clear: both;
  background-color: transparent;
  float: none;
  max-width: 100%;
  margin: -30px auto 0 auto;
}

.menuMain ul ul {}

.menuMain>ul {
  max-width: 100%;
  width: 100%;
  text-align: right;
  margin: 0 0 0 0;
  padding-right: 20px;
}

.menuMain ul li a {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  height: auto;
  transition: all ease-in-out .3s;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 15px 16px;
}

.menuMain ul li:hover>a,
.menuMain ul li a:hover {
  color: #D62633;
  background: #fff;
}

.menuMain>ul>li ul {
  border: 0;
  background-color: rgba(84, 82, 71, 1);
  padding: 15px 0;
}

.menuMain>ul>li>ul {
  margin-top: 0;
  padding-top: 21px;
  width: 100%;
}

.menuMain ul ul li a {
  background-color: transparent;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 7px 14px;
  border: 0;
  margin: 0;
}

.menuMain ul li:hover ul li a {
  color: #fff;
}

.menuMain ul ul li {
  transition: background-color ease-in-out .3s;
}

.menuMain ul ul li:hover {
  background-color: #D62633;
}

.menuMain ul ul li:hover a {
  color: #fff;
}

.menuMain ul ul>li a:hover {
  background-color: transparent;
  color: #fff;
}

.menuMain ul ul>li.hasSubmenu>a:after {
  color: #ffffff;
  content: "\f452";
  display: block;
  font-family: "genericons";
  float: right;
  font-size: 14px;
  margin-top: 2px;
}

#menuMain>ul ul ul {
  margin-left: 0;
  top: -15px;
}

li#menu74b947ee-6bc6-47da-9357-a9cd295b5eb5 a {
  color: #ff9900;
  padding: 8px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  margin-left: 6px;
}

li#menu74b947ee-6bc6-47da-9357-a9cd295b5eb5 a:hover {
  color: #fff;
  background-color: #ff9900;
}

.menuMain ul.subMenu li>a {
  text-align: left;
}

.menuMain .mobile-search,
.menuMain .mobile-social {
  display: none;
}

/* Media Queries */
@media screen and (max-width: 875px) {
  /*
.mainCallToAction {margin: 10px 20px 10px 0; }
.content.headerContent > form {position: relative; }
.content.headerContent fieldset {margin-top: 0;}
*/
}

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

  .mainLogo {
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 60px;
    margin: 20px 0 0 40px;
    z-index: 5000;
  }

  .content.headerContent {
    margin-top: 0px;
    width: 60%;
    float: left;
  }

  a.menuMainAlt {
    background-color: transparent;
    width: 40%;
    padding: 10px 20px 20px 0;
    margin-top: 25px;
    color: #fff;
    text-align: right;
  }

  .menuMain>ul {
    border-top: 0px solid;
  }

  .menuMain ul li a {
    text-align: left;
    -moz-border-radius: 0;
    -webkit-border- radius: 0;
    border-radius: 0;
  }

  .menuMain ul li a:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .menuMain li a {
    border-bottom: 1px solid #fff;
  }

  li#menu74b947ee-6bc6-47da-9357-a9cd295b5eb5 a {
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
  }

  .mainCallToAction button.button {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .mainCallToAction li {
    margin-top: 4px;
  }

  #siteSearch {
    height: 38px;
  }

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

  .menuMain>ul>li>ul {
    padding: 0;
    margin-top: 0;
  }

  #menuMain>ul ul {
    background-color: #545247;
  }

  #menuMain>ul ul ul {
    top: 0;
    padding: 0;
  }

  .menuMain>ul>li ul {
    border-radius: 0;
    margin-left: 0;
  }

  .menuMain.active,
  .menuMain>ul ul.active {
    max-height: inherit;
  }

  .menuMain ul li a {
    padding: 10px 20px;
  }

  .menuMain ul ul li a {
    padding: 7px 14px;
  }


  /* Hide Admin menu items */
  ul.subMenu .menuAdminBasket,
  ul.subMenu .menuAdminShop {
    display: none !important;
  }

  .content.headerContent>form,
  .mainCallToAction {
    display: none;
  }

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

  .mobile-search .searchContainer {
    float: none;
    margin: 10px 0 0;
    padding: 10px 20px;
  }

  .mobile-search #siteSearch {
    width: 100%;
  }

  .mobile-search .searchContainer button::before {
    color: #484848;
    content: "\f400";
    font-family: "Genericons";
    font-size: 24px;
    font-size: 2.4rem;
  }

  .mobile-search .searchContainer button {
    background-color: transparent;
    height: 22px;
    margin: 4px 10px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 19px;
    top: 13px;
    width: 22px;
  }

  .mobile-social .mainCallToAction {
    display: block;
    float: none;
    margin: 10px 20px;
  }

  #menuMain ul .mobile-social ul {
    background: none;
    padding: 0;
    max-height: none;
    text-align: left;
  }

  .mobile-social .mainCallToAction li {
    background: none;
    margin: 4px 8px 0 0;
  }

  .menuMain ul .mobile-social ul li:hover {
    background: transparent;
  }

  .mobile-social .mainCallToAction li a {
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
    height: 36px;
    width: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  .mobile-social .mainCallToAction li a:before {
    text-align: center;
  }

  .mobile-social .mainCallToAction a.twitter {
    background-color: #40AAEE;
    border: 3px solid #fff;
  }

  .mobile-social .mainCallToAction a.facebook {
    background-color: #3D538D;
    border: 3px solid #fff;
  }

  .mobile-social .mainCallToAction a.youtube {
    background-color: #F50F1C;
    border: 3px solid #fff;
  }

  .mobile-social .mainCallToAction li a:hover {
    background-color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
}


@media screen and (max-width: 625px) {
  .mainLogo {
    margin-bottom: 5px;
  }

  .mainCallToAction {
    display: none;
  }

  .content.headerContent fieldset {
    margin-top: 20px;
  }

  #siteSearch {
    width: 200px;
  }

  .mainLogo {
    margin-left: 10px;
  }

  .content.headerContent {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 540px) {
  .content.headerContent>form {
    display: none;
  }
}

/****** End Header ******/






/********************************************
Footer
*********************************************/

.pageFooterWrapper {
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: none;
}

.pageFooterWrapper a,
.pageFooterWrapper a:link {
  color: rgba(214, 38, 51, 1);
}

.pageFooterWrapper h1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #009789;
  font-style: normal;
}

.pageFooterWrapper img {
  max-width: 100%;
}

.pageFooter {
  max-width: 100%;
}

.pageFooter h1 {
  margin-bottom: 0px;
}

.footerBox {
  padding: 40px 0 60px;
  float: left;
  margin: 0 1.6%;
}

.footerBox1 .telephone {
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1;
}

.footerBox1 strong {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  margin: 60px 0;
}

.footerBox2 img {
  margin: 10px 5% 0 0;
  max-width: 44%;
}

.footerBox3 h1 {
  margin-bottom: 2px;
}

.footerBox3 label {
  font-weight: 700;
}

.footerBox3 input {
  background-color: #ebebeb;
  border: none;
  padding: 17px;
}

.footerBox3 .groupSignUpBtn {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  padding: 12px 35px;
  margin-top: 20px;
}

.footerBox4 {
  float: none;
  width: 100%;
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
  clear: both;
  border-top: 1px solid #009789;
}

.footerBox4 ul {
  margin: 0 auto 50px;
}

.footerBox4 li {
  display: inline-block;
  padding: 5px 10px;
}

.footerBox4 p {
  max-width: 580px;
  margin: 10px auto;
}




/* Footer credits */

.footerBox.Footercredits {
  width: 100%;
  padding: 50px 20% 50px 20%;
  margin: 0;
}

.footerBox.Footercredits ul,
.footerBox.Footercredits p {
  text-align: center;
}

.footerBox.Footercredits p {
  color: #999;
}

.footerBox.Footercredits .lineCopy {
  display: inline;
}



/* Newsletter */

.footerBox1Wrapper {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .3);
  background: white;
  margin: 0;
}

.footerBox1 {
  color: white;
  text-align: center;
  width: 100%;
  padding: 0;
  padding: 20px 0;
  ;
  margin: 0;
}

.footerBox1 {
  max-width: 1810px;
}

.NewsletterSign-up {
  background-color: #3E433A;
  padding: 50px 20px 70px;
  text-align: center;
  max-width: 100%;
  margin: 70px auto 50px;
  float: none;
  /* background: white; */
}

.homepage .NewsletterSign-up {
  margin: 0 auto;
}

.NewsletterSign-up h1 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8em;
  font-weight: 300;
  font-size: 0.85em;
  text-align: center;
}

.NewsletterSign-up .featureForm {
  text-align: left;
}

.NewsletterSign-up label {
  color: #fff;
  text-align: left;
  font-size: 1.4rem;
}

.NewsletterSign-up .featureForm:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: " ";
}

.NewsletterSign-up .formQuestion,
.NewsletterSign-up .featureForm span {
  width: 27%;
  margin-right: 2%;
  float: left;
}

.NewsletterSign-up .formQuestion.email {
  margin-right: 0;
}

.NewsletterSign-up .featureForm span {
  margin-top: 50px;
}

.NewsletterSign-up .formQuestion input {
  height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 6px;
  border: none;
  transition: all ease .3s;
  color: rgba(0, 0, 0, .4);
  padding: 0 17px;
  background: rgba(255, 255, 255, 1);
}

.NewsletterSign-up .formQuestion input:focus {
  background: rgba(214, 38, 51, 1);
  outline: none;
  color: white;
}

a.button.buttonDonate {
  /* float: left; */
  margin: 49px 0;
  /* text-align: right; */
  /* text-align: left; */
  /* margin-left: 10px; */
  /* width: 13%; */
  /* margin: 49px 0 0 2%; */
}

.newsletterSuccess,
.Sign-upsForm.signedIn,
section.featureForm.Newsletter.Sign-upsForm {
  text-align: center;
}

button.groupSignUpBtn {
  width: 13%;
  margin: 43px 0 0 2%;
  padding: 18px 25px;
}

.forms-grab-a-can .NewsletterSign-up {
  display: none;
}




/* Media Queries */
@media screen and (max-width: 1110px) {
  .footerBox1 .telephone {
    font-size: 43px;
    font-size: 4.3rem;
  }
}

@media screen and (max-width: 1000px) {
  .pageFooterWrapper h1 {
    font-size: 20px;
    font-size: 2rem;
  }

  .footerBox1 .telephone {
    font-size: 32px;
    font-size: 3.2rem;
  }

  .footerBox1 strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

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

  .NewsletterSign-up .formQuestion,
  .NewsletterSign-up .featureForm span {
    width: 30.6%;
    margin-right: 0;
    margin-left: 4%;
    margin-bottom: 20px;
  }

  .NewsletterSign-up .formQuestion:first-child,
  .NewsletterSign-up .featureForm span:first-child {
    margin-left: 0;
  }

  .NewsletterSign-up button.groupSignUpBtn {
    float: none;
    display: block;
    margin: auto;
    width: 30.5%;
  }

  .NewsletterSign-up button.groupSignUpBtn:before {
    clear: both;
    display: block;
    content: " ";
    height: 0;
    visibility: hidden;
  }
}


@media screen and (max-width: 875px) {
  .footerBox3 input {
    padding: 10px;
  }

  .footerBox3 .groupSignUpBtn {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

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

  .pageFooterWrapper h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .footerBox1 .telephone {
    font-size: 4.8px;
    font-size: 4.8rem;
  }

  .footerBox1 strong {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .footerBox3 input {
    padding: 17px;
  }

  .footerBox.Footercredits .lineCopy {
    display: block;
    white-space: nowrap;
  }
}

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

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

@media only screen and (max-width: 540px) {
  .NewsletterSign-up h3 {
    padding: 0 20px;
  }

  .NewsletterSign-up {
    /* padding: 10px 0; */
  }

  .NewsletterSign-up .formQuestion,
  .NewsletterSign-up .featureForm span {
    width: 90%;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .NewsletterSign-up .formQuestion:first-child,
  .NewsletterSign-up .featureForm span:first-child {
    margin-left: auto;
  }

  .NewsletterSign-up button.groupSignUpBtn {
    width: 90%;
  }

  .footerBox.Footercredits {
    padding: 50px 10% 50px 10%;
  }




}

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

  .pageFooterWrapper h1 {
    font-size: 14px;
    font-size: 1.4rem
  }

}

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

/****** End Footer ******/






/********************************************
Carousel
*********************************************/

/* requires 'carouselDetailWrapper' background image & 'a.showsVideo:after' svg and png images */

/* Removes elements that shouldn't be displayed */
.containsVideo .carouselDetailWrapper,
.carouselSlideDetail .totaliserGivingPanel,
.carouselControls,
.carouselSlideReadMore {
  display: none;
}

/* Homepage Carousel */
.homepage .carousel ul.carouselButtons,
.listing .carousel ul.carouselButtons {
  background-color: transparent;
  margin-top: -45px;
  padding-bottom: 20px;
  text-align: center;
}

.homepage .carouselButtons li a.button,
.listing .carouselButtons li a.button {
  border-right: 0;
  background-color: #ccc;
  padding: 0;
  height: 15px;
  width: 15px;
  text-indent: -9999px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.7;
  filter: alpha(opacity=60);
}

.homepage .carouselButtons li,
.listing .carouselButtons li {
  background-color: transparent;
  padding: 0;
  border: 0;
  width: auto;
  float: none;
  text-align: left;
}

.homepage .carousel .carouselButtons li.activeSlide a.button,
.listing .carousel .carouselButtons li.activeSlide a.button {
  background-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.homepage .carouselButtons li a.button:hover,
.homepage .carouselButtons li a.button:link:hover,
.listing .carouselButtons li a.button:hover,
.listing .carouselButtons li a.button:link:hover {
  background-color: #fff;
}

.carouselButtons {
  background-color: #ff9900;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.carouselButtons li {
  border: 0;
  background-color: transparent;
}

.carousel img {}

.carouselSlideDetail {
  background-color: transparent;
}

.carousel .activeSlide {
  border: none;
}

/* Carousel */
.carousel {
  margin-top: 0;
  max-width: 100%;
  padding: 0;
}

.homepage .carouselSlide,
.listing .carouselSlide {
  max-height: 600px;
  position: relative;
}

.carouselSlide {
  max-height: 400px;
}

.carouselSlideDetail {
  width: 60%;
  background-color: transparent;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 0 0 50px;
  left: auto;
  position: relative;
  margin: 150px 0 0 0;
  top: auto;
}

.carouselSlideDetail.appeal .carouselSlideSummary {
  display: none;
}

/*  Video Pop-up  */
.embed-container.videoPopUpWrapper {
  height: 480px;
  margin-left: -370px;
  margin-top: -240px;
  width: 740px;
  padding: 20px;
}

.videoPopupClose:hover {
  text-decoration: none;
  background-color: #009789;
}


/* Carousel Donate Button */

.carouselSlideDetail #totaliserActions a.buttonDonate {
  background-color: #D62633;
  font-size: 35px;
  font-size: 3.5rem;
  padding: 10px 20px;
  margin: 20px 0 0 0;
  font-weight: normal;
  line-height: 1em;
  border-radius: 6px;
}

.carouselSlideDetail #totaliserActions a.buttonDonate:hover {
  color: rgba(255, 255, 255, 1);
  background-color: #000;
}



/* Totaliser */

.carousel .totaliserPanel,
.carousel .buttonFundraise {
  display: none !important;
}

.carouselDetailWrapper .totaliserFigure,
.carouselDetailWrapper .totaliserLabel {
  float: left;
  color: #fff;
}

.carouselDetailWrapper .totaliserFigure {
  font-size: 22px;
  font-size: 2.2rem;
}

.carouselSlideHeading {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 75px;
  font-size: 7rem;
  line-height: 1em;
}

.carouselSlideHeading a,
.carouselSlideHeading a:link,
.carouselSlideHeading a:visited {
  color: #fff;
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.carouselSlideHeading a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.carouselSlideSummary {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}

.carouselButtons {
  background-color: rgba(84, 82, 71, 0.9);
  text-align: center;
}

.carousel .activeSlide {
  border: none;
  background: rgba(214, 38, 51, 1);
}

.carouselButtons li {
  background-color: transparent;
  color: #333;
  border: none;
  font-size: 18px;
  font-size: 1.8rem;
  width: auto;
  padding: 0;
  display: inline-block;
  float: none;
  margin: 0 7px;
}

.carouselButtons li a.button {
  background-color: transparent;
  color: #fff;
  padding: 17px 40px;
  transition: all ease-in-out .3s;
}

.carouselButtons li a.button:link:hover,
.carouselButtons li a.button:link:focus,
.carouselButtons li a.button:visited:hover,
.carouselButtons li a.button:visited:focus,
.carouselButtons li a.button:active:hover,
.carouselButtons li a.button:active:focus {
  background-color: rgba(255, 41, 55, 1);
}

.carouselDetailWrapper {
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

ul.carouselButtons {
  position: relative;
  margin-top: -53px;
}

/*  To stop the buttons going over the video buttons  */
.carouselSlide.containsVideo {
  margin-bottom: 53px;
}

/* 
This causes black borders in the videos embeded in a page... 
if this is needed in other places, please target better so doesn't effect the videos in the page content
.embed-container { padding-bottom: 53.8%; } */

a.carouselSlideTitle.showsVideo {
  display: block;
  position: relative;
}

a.showsVideo:before {
  background-color: transparent;
  content: "";
}

a.showsVideo:after {
  background: url("/Handlers/GetImage.ashx?IDMF=36ce420b-b8d2-4af8-84b2-145d003f5d3e&w=160&h=120") no-repeat scroll center center / 100px auto rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
}

.no-svg a.showsVideo:after {
  background-image: url("/Handlers/GetImage.ashx?IDMF=833c6959-5221-4035-8d3c-d9bfc24161d3&w=500&h=320");
}


/* Media Queries */


@media screen and (min-width: 1600px) {
  .carouselSlide {
    max-height: 600px;
  }
}


@media screen and (max-width: 1110px) {
  .appealListingPage .carouselSlideDetail {
    width: 500px;
  }
}


@media screen and (max-width: 1024px) {
  .carouselSlideHeading {
    font-size: 60px;
    font-size: 6rem;
  }

  .homeIntro {
    width: 70%;
  }
}



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

  .carousel .activeSlide {
    border-bottom: 1px solid #fff;
  }

  .carouselButtons li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }

  .carouselDetailWrapper {
    width: 100%;
    margin: 0;
    left: 0;
    position: relative;
    background-color: rgba(0, 134, 148, 1);
    top: auto;
    padding-bottom: 50px;
    background-image: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }

  .carouselSlideDetail {
    width: 100%;
    padding: 20px;
    left: 0;
    top: initial;
    margin: 0;
  }

  .appealListingPage .carouselSlideDetail {
    width: auto;
  }

  .carousel img {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .carouselButtons li a.button {
    border-right: 0;
    background-color: #ccc;
    padding: 0;
    height: 15px;
    width: 15px;
    text-indent: -9999px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  .carouselButtons li {
    background-color: transparent;
    padding: 0;
    border: 0;
    width: auto;
    float: none;
  }

  .carousel .carouselButtons li.activeSlide a.button {
    background-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .carouselButtons li a.button:hover,
  .carouselButtons li a.button:link:hover {
    background-color: #fff;
  }

  .carousel ul.carouselButtons,
  .homepage .carousel ul.carouselButtons {
    position: absolute;
    bottom: 15px;
    padding-bottom: 0;
    background: transparent;
  }

  .homepage .carousel ul.carouselButtons {
    width: 96%;
  }

  .carousel .activeSlide {
    border-bottom: 0;
    background: transparent;
  }

  .homepage .carouselSlide,
  .listing .carouselSlide,
  .carouselSlide {
    max-height: inherit;
  }

  .carouselSlideSummary {
    margin-bottom: 5px;
  }

  .carouselSlideDetail .totaliserPanel {
    float: left;
    margin-top: 0;
  }
}

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

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

@media screen and (max-width: 768px) {
  .homepage .carousel ul.carouselButtons {
    width: 95%;
  }

  .carousel .carouselButtons {
    bottom: inherit;
    display: block;
    flex-wrap: inherit;
  }

  .carouselButtons li {
    float: none;
    min-width: inherit;
    flex-grow: inherit;
  }

  /*  Video Pop-up  */
  .embed-container.videoPopUpWrapper {
    height: 480px;
    margin-left: -45%;
    margin-top: -220px;
    width: 90%;
  }

  .carouselSlideHeading {
    font-size: 40px;
    font-size: 4rem
  }

  .homeIntro {
    width: 80%;
  }

  .carouselSlideSummary {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
  }
}

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

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

@media only screen and (max-width: 540px) {
  .homepage .carousel ul.carouselButtons {
    width: 93%;
  }

  .carouselSlideHeading {
    font-size: 30px;
  }

  /*  Video Pop-up  */
  .embed-container.videoPopUpWrapper {
    margin: 0;
    width: 100%;
    padding: 10px;
  }

  .carouselSlideDetail #totaliserActions a.buttonDonate {
    font-size: 30px;
    font-size: 3rem;
    text-align: left;
  }



}

@media screen and (max-width: 399px) {
  .homepage .carousel ul.carouselButtons {
    width: 91%;
  }

  .carousel #totaliserActions a.button {
    width: 100%;
    margin: 20px 0 0;
  }

  .carouselSlideDetail #totaliserActions a.buttonDonate {
    margin: 0 0 0 -10px;
  }
}

@media screen and (max-width: 320px) {
  .homepage .carousel ul.carouselButtons {
    width: 88%;
  }
}

/****** End Carousel ******/






/********************************************
Tabs
*********************************************/
.tabsWrapper {
  border-bottom: 1px solid rgba(0, 134, 148, 1);
  margin-top: 80px;
}

.tab {
  margin-right: 2px;
}

.tab a {
  background-color: #a7a7a7;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 50px;
  text-decoration: none;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.tab.active a,
.tab.active a:hover {
  background-color: rgba(0, 134, 148, 1);
  color: #fff;
}

.tab a:hover {
  background-color: rgba(0, 134, 148, 1);
  color: #fff;
}

/*ul.tabs,*/
.postContent ul.tabs {
  padding-left: 0;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

@media screen and (max-width: 768px) {
  .tab {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .tabs {
    padding: 0;
  }

  .tab {
    float: none;
    border-bottom: 1px solid #fff;
  }

  .tab a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
  }
}

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

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

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

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

/****** End Tabs ******/







/********************************************
Home Features (3 Col)
*********************************************/

.homeFeaturesWrapper {
  background-color: #fff;
  text-align: center;
}

.homeFeaturesWrapper h2 a {
  color: #00796B;
  font-weight: 400;
}

.homeFeaturesWrapper footer {
  display: none;
}

.homeFeature:nth-child(4n+1) {
  clear: none;
}

.homeFeature:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.homeFeature:first-child {
  clear: left;
  margin-left: 0;
}

.homeFeatures {
  max-width: 100%;
  padding: 0;
}

.homeFeature {
  margin: 0 0 0 0;
  width: 100%;
}

.homeFeatures {
  margin-bottom: 0;
  background-color: #000;
}

.homeFeature {
  padding: 0;
}

.homeFeature:hover {
  background-color: #f3f3f3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.homeFeature img {
  height: 105px;
  width: auto;
}

.homeFeature h2 {
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 30px;
}

.homeFeatureText,
.homeFeature {
  font-size: 16px;
  font-size: 1.6rem;
}

.homeBoxImage1 {
  background: url("") no-repeat;
  height: 102px;
  width: 102px;
  margin: auto;
}

.homeBoxImage2 {
  background: url("") no-repeat;
  height: 102px;
  width: 102px;
  margin: auto;
}

.homeBoxImage3 {
  background: url("") no-repeat;
  height: 102px;
  width: 102px;
  margin: auto;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

@media screen and (max-width: 768px) {
  .homeFeature {
    width: 31.33;
  }

  .homeFeature:nth-child(even) {
    clear: none;
  }

  .homeFeature:nth-child(3n+1) {
    clear: left;
  }
}

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

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

@media only screen and (max-width: 540px) {
  .homeFeature {
    width: 100%;
  }

  .homeFeature:nth-child(n) {
    margin: 0px 0;
  }
}

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

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

/****** End Home Features ******/







/********************************************
Home Feeds (3 Col)
*********************************************/

.homeFeedsWrapper {
  background-color: #fff;
  padding-top: 100px;
}

.feedList {
  /* 	background-color:#f3f3f3;  */
  padding: 15px;
  min-height: 500px;
}

.feedsTitle {
  color: rgba(0, 134, 148, 1);
  background-color: transparent;
  padding: 10px 20px 10px 30px;
  text-transform: uppercase;
  letter-spacing: 0.8em;
  font-weight: 300;
  font-size: 0.85em;
  text-align: center;
}

li.feedItem {
  text-align: center;
}

.homeFeed .banner {
  width: 200px;
  border-radius: 50%;
  border: 10px solid #E6E6E6;
  margin-bottom: 20px;
}

.homeFeed .banner:hover {
  width: 200px;
  border-radius: 50%;
  border: 10px solid rgba(214, 38, 51, 1);
  margin-bottom: 20px;
}

h3.feedTitle {
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.3;
}

h3.feedTitle a:hover {
  /*text-decoration:none;*/
}

li.feedItem p {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
}

li.feedItem:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.homeFeed:nth-child(4n+1) {
  clear: none;
}

.homeFeed:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.homeFeed:first-child {
  clear: left;
  margin-left: 5%;
}

.homeFeeds {
  max-width: 1180px;
  padding: 0 20px 0;
}

.homeFeed {
  margin: 0 0 0 10%;
  width: 40%;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

@media screen and (max-width: 768px) {
  .feedList {
    min-height: auto;
  }

  .homeFeed {
    width: 100%;
  }

  .homeFeed:nth-child(n) {
    margin: 20px 0;
  }
}

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

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

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

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

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

/****** End Home Feeds ******/





/********************************************
Listing Pages
*********************************************/

.pageListingPage .listContent,
.blogListingPage .listContent {
  width: 100%;
  margin-right: 0;
}

.listedPost {
  background-color: #f0f0f0;
  border: 0;
  border-radius: 3px;
  min-height: 340px;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.listedPost:hover {
  background-color: #ddd;
}

.listedPostText h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 15px;
}

.listedPostText h3 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}

.listedPostText {
  padding: 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.listing .postFooterWrapper {
  display: none;
}

.listedFundraiser h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.appealListingPage .postFooterWrapper,
.fundraiserListingPage .postFooterWrapper,
.faqListingPage .postFooterWrapper,
.eventListingPage .postFooterWrapper {
  display: block;
}

.listedPost .postFooterWrapper {
  padding: 0 20px;
}

img.listingBanner,
.listedPost .embed-container {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0;
}

.listedPost .embed-container iframe {
  height: auto;
  position: relative;
}

.listedPost .embed-container {
  padding: 0;
}

/* 3 col - listed Posts */
.listedPost,
.listedAppeal,
.listedFundraiser,
.listedEvent {
  float: left;
  margin: 0 0 50px 3%;
  position: relative;
  width: 31.33%;
}

.listedAppeal {
  min-height: 500px;
}

.listedPost:nth-child(3n+1),
.listedAppeal:nth-child(3n+1),
.listedFundraiser:nth-child(3n+1),
.listedEvent:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

/* Appeal Listing */
.appealListingPage .headerWrapper .headerContent {
  padding: 0;
}

.listedAppeal,
.listedFundraiser,
.listedEvent {
  cursor: auto;
}

.listedAppeal:hover,
.listedFundraiser:hover,
.listedEvent:hover {
  background-color: #f3f3f3;
}

.findAFundraiserEvent {
  margin-left: 2%;
}

.appealListingPage .donorsList {
  margin-bottom: 40px;
}

.appealListingPage .donorsList h2 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #009789;
}

.appealListingPage .donorsList span,
.appealListingPage .donorsList li {
  width: auto;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
}

.appealListingPage .donorsList li {
  border-right: 2px solid #c7c7c7;
  padding-right: 20px;
  max-width: 30%;
}

.appealListingPage .donorsList .donorDetails span {
  float: none;
}

.appealListingPage .donorsList img.profilePic.donorProfilePic {
  display: none;
}

.appealListingPage .donorsList h3,
.appealListingPage .donorsList h4 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
}

.listing aside .fundraiserProfilePics:after {
  clear: both;
  display: block;
  content: ' ';
  height: 0;
  visibility: hidden;
}

.findAFundraiserWidget {
  padding: 10px;
  background-color: #f0f0f0;
  border-radius: 3px;
}

.fundraiserProfilePics li {
  margin-bottom: 4.5%;
  margin-left: 3%;
  width: 30%;
}

.findAFundraiserWidget .fundraiserProfilePic {
  width: 100%;
  float: none;
}

.listing .fundraiserProfilePics li a {
  display: block;
  border: 0 solid transparent;
  transition: border 75ms ease-in-out;
}

.listing .fundraiserProfilePics li a:hover {
  border-width: 3px;
}

.listing .fundraiserProfilePics li a img.fundraiserProfilePic {
  width: 100%;
}

/* Fundraiser Listing Page */
img.banner.listingBanner.profilePic {
  max-width: 200px;
  max-height: 200px;
  float: none;
  padding: 20px;
}

.listedFundraiser {
  min-height: 550px;
}

.fundraiserListingPage .listContent {
  width: 100%;
  margin-right: 0;
}

/* Event Listing Page */
.listedEvent {
  height: auto;
  min-height: 520px;
}

.eventListingPage footer.associatedFooter {
  padding: 5px 20px 0;
}

/* FAQ Listing Page */
.accordianBody {
  background-color: #ebf7fd;
  padding: 10px 20px;
}

.expanded a.buttonIcon.expand:before {
  content: "\f500";
  padding-top: 0;
  line-height: 0.7;
  height: 23px;
}

/* Events Listing Page */
.listing .associatedEndDate {
  display: none;
}

/* Page Listing */



/* Media Queries */
@media screen and (max-width: 1110px) {}

@media screen and (max-width: 1000px) {
  .donorsList span {
    float: none;
  }
}

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

  .listedPost,
  .listedAppeal,
  .listedFundraiser,
  .listedEvent {
    width: 48.5%;
  }

  .listedProduct {
    width: 100%;
  }

  .listedPost:nth-child(3n+1),
  .listedAppeal:nth-child(3n+1),
  .listedFundraiser:nth-child(3n+1),
  .listedEvent:nth-child(3n+1) {
    clear: none;
    margin-left: 3%;
  }

  .listedPost:nth-child(2n+1),
  .listedAppeal:nth-child(2n+1),
  .listedFundraiser:nth-child(2n+1),
  .listedEvent:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}

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

@media screen and (max-width: 768px) {
  .findAFundraiserWidget {
    margin-bottom: 30px;
  }

  .fundraiserProfilePics li:nth-child(3n+1) {
    margin-left: 3%;
  }

  .fundraiserProfilePics li {
    max-width: 90px;
  }

  .appealListingPage .donorsList li {
    width: 100%;
    max-width: inherit;
    margin: 8px 0;
    border-bottom: 1px dotted #5d8583;
    border-right: none;
    padding-bottom: 5px;
    padding-right: 0;
  }
}

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

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

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

  .listedPost,
  .listedAppeal,
  .listedFundraiser,
  .listedEvent {
    width: 100%;
    margin-left: 0 !important;
  }

  .listedEvent {
    min-height: initial;
    padding-bottom: 20px;
  }

  .listedAppeal,
  .listedFundraiser {
    min-height: initial;
  }

  .listedAppeal {
    padding-bottom: 10px;
  }

  .appealListingPage .postFooterWrapper {
    display: block;
    position: relative;
    bottom: 0;
  }

  .accordianHeaderText {
    width: 90%;
  }
}

@media screen and (max-width: 399px) {
  .accordianBody {
    padding: 10px;
  }
}

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

/****** End Listing Pages ******/







/********************************************
Search Listing
*********************************************/

.searchListingIntroWrapper {
  padding: 0 20px;
}

/*  Application needs modification to account for no results and correct display of headings, etc.  */
.searchListingPage .moduleFilterContent ul>li {
  background: transparent;
  height: auto;
  margin: 15px 5px;
}

.searchListingPage .listedFilters>li {
  overflow: visible;
}

.searchListingPage .headerWrapper .headerText {
  padding-top: 30px;
}

.searchListingPage .listing .contentBlockWrapper .contentBlock {
  width: 66%;
  margin-right: 6%;
  float: left;
}

.searchListingPage .searchContainer button {
  float: right;
}

.appliedFilters h3 {
  margin-top: 10px;
  float: none;
}

.appliedFilters ul {
  margin-top: 0;
  float: none;
}

.appliedFilters .filter {
  webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 1;
  margin-left: 0;
}

.noSearchResults {
  border-color: #812c7d;
}

.searchListingPage a.buttonIcon {
  width: 15px;
  height: 15px;
  top: 3px;
  background-color: #fff;
}

.searchListingPage a.buttonIcon.remove:before {
  padding: 0;
  margin-top: -1px;
  color: #009789;
}

.searchListingPage a.buttonIcon.remove:hover,
.searchListingPage a.buttonIcon.remove:link:hover {
  background-color: #fff;
}

.searchListingPage .listedPost:nth-child(n),
.searchListingPage .listedAppeal:nth-child(n),
.searchListingPage .listedFundraiser:nth-child(n),
.searchListingPage .listedEvent:nth-child(n) {
  margin-left: 0;
}

/*  Listed Post styles may need to be reset for this page: same styles used from appeal, fundraiser, events pages  */
.searchListingPage .listedPost {
  padding: 0;
  background-color: transparent;
  min-height: 0;
  margin: 0 0 25px;
  border-bottom: 1px solid #ccc;
  webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.searchListingPage .listedPost img {
  max-width: 145px;
  max-height: 100px;
  float: left;
  margin: 5px 20px 10px 0;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

@media screen and (max-width: 768px) {
  .searchListingPage .listing .contentBlockWrapper .contentBlock {
    width: 100%;
  }

  .searchListingPage .searchContainer button {
    float: none;
    margin-top: 10px;
  }

  .searchPageContainer input {
    width: 100%;
  }
}

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

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

@media only screen and (max-width: 540px) {
  .searchPageContainer input {
    width: 100%;
    margin-right: 0;
  }

  .searchListingPage .searchContainer button {
    width: 100%;
  }
}

@media screen and (max-width: 399px) {
  .searchResultsArea .listedPost img {
    max-height: none;
    max-width: none;
    width: 100%;
  }
}

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

/****** End Search Listing ******/







/********************************************
Post Page
*********************************************/

.postContent .content>p:first-child {
  color: #ff9900;
  font-size: 22px;
  font-size: 2.2rem;
}

.postContent blockquote {
  position: relative;
  margin: 1em 0;
  /* 	background-color: #f0f0f0;  */
  padding: 50px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  color: rgba(214, 38, 51, 1);
  border-top: 1px solid rgba(214, 38, 51, 1);
  border-bottom: 1px solid rgba(214, 38, 51, 1);
}

/* Content images/media */
.pageWrapper .mediaImage {
  margin: 15px 0;
}

.pageWrapper .postImageFloatLeft {
  float: left;
  margin: 15px 15px 15px 0;
}

.pageWrapper .postImageFloatRight {
  float: right;
  margin: 15px 0 15px 15px;
}

/*  Content media  */
.postContent img,
.embed-container,
.listing .headerText img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
  border: 0;
}

/* Issuu */
div.issuuembed.issuu-isrendered {
  width: 100% !important;
}


/* Overide border around social icons */

.shareList a.twitter,
.shareList a.facebook,
.shareList a.youtube {
  border: none;
}





/* postComments */

.postComments {
  margin-top: 40px;
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
}

.postComments .formWrapper {
  padding-left: 0;
}

h3#makeComment {
  font-weight: 300;
  font-size: 2.4rem;
}

textarea#commentText {
  background-color: #fff;
  border-color: #c3c3c3;
  min-height: 90px;
}

.commentImageWrapper {
  width: 30%;
  float: left;
}

.commentVideoWrapper {
  width: 60%;
  margin-left: 5%;
  float: left;
}

input#addVideo {
  background-color: #fff;
  border-color: #c3c3c3;
  font-size: 14px;
}

.postComments .addVideo {
  width: 80%;
  margin-top: 20px;
}

.commentNotify {
  color: #8e8e8e;
  font-size: 15px;
  padding-top: 10px;
  clear: both;
}

input#notifyComments {
  margin-top: 8px;
}

img.profilePic.commentProfilePic {
  width: 62px;
  height: 62px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.commentAddImage {
  background-color: rgba(214, 38, 51, 1) !important;
  color: #fff !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 8px 25px !important;
  transition: all 0.3s ease-in-out 0s;
}

.commentAddImage:hover {
  background-color: #fc0a4a !important;
}

/* Post Footer */
footer .shareWrapper {
  border-top: 2px solid rgba(214, 38, 51, 1);
  border-bottom: 2px solid rgba(214, 38, 51, 1);
  padding: 42px 0;
  margin: 100px 0;
}

footer .shareWrapper strong {
  display: inline-block;
  margin: 0 30px 10px 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 100;
  font-style: italic;
  color: #989898;
}

ul.shareList {
  display: inline-block;
  vertical-align: top;
}

ul.shareList li {
  margin-right: 15px;
}

ul.shareList a {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  font-size: 24px;
  width: 33px;
  height: 33px;
}

#emailLink {
  color: #fff;
  background-color: rgba(0, 134, 148, 1);
}

#twitterLink {
  background-color: #66aaec;
}

#twitterLink:before {
  color: #fff;
}

.facebook {
  background-color: #435697;
}

.facebook:before {
  content: '\f204';
  color: #fff;
}

/* Print button added to shareList via jQuery */
.printButton {
  background-color: #444;
}

.printButton:before {
  content: '\f469';
  color: #fff;
}

.commentForm label {
  font-size: 16px;
  font-size: 1.6rem;
}

.commentForm .labelCheckBoxPair label {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Side Bars */
aside {
  margin-bottom: 20px;
}

.postAside {
  padding-left: 0;
}

/*aside img { max-width: 100%; }
aside .associated { background-color: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
aside .associatedLatestPosts > h2,
aside .associatedRelatedPosts > h2,
aside .associatedMostRead > h2 { font-size:22px; font-size:2.2rem; font-weight: bold; margin: 0; padding: 10px 20px 0 20px; color: #333; background-color: transparent; }*/

aside .associatedAppeal .postSummary {
  padding: 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

aside .associatedAppeal footer {
  padding: 0 20px 20px
}

aside .associatedAppeal footer>p,
aside .associatedAppeal footer>div {
  display: none;
}

.associatedListing {
  margin-top: 0;
  padding-bottom: 30px;
}

.associatedListing li {
  border-bottom: none;
  padding-bottom: 0px;
}

.associatedListing li h3 {
  padding: 3px 20px;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
}

.associatedListing li:first-child {
  margin-top: 30px;
}

.associatedListing .listingWidgetBanner {
  display: none;
}

.associated .postFooterWrapper {
  padding-left: 0;
}

.associated .postFooterWrapper .totaliserPanel .targetWrapper,
.associated .postFooterWrapper .totaliserPanel .raisedWrapper {
  width: 100%;
}

.associatedBox {
  padding: 0 0 5px;
}

.associatedBox .targetWrapper {
  margin-top: 18px;
}

.associatedBox .raisedWrapper {
  margin-top: 28px;
}

.associatedBox h2.associatedTitle,
.associatedBox p.associatedSummary {
  padding: 0 20px;
}

.associatedFundraising {
  padding: 20px;
}

.associatedAppeal h2 {
  padding: 0 20px;
}

h2.associatedTitle,
.associatedAppeal h2 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-top: 20px;
}

.associatedSummary {
  font-size: 16px;
  font-size: 1.6rem;
}

.widgetBanner {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}


.associatedReadMore {
  display: none !important;
}

/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

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

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

  .postContent img,
  .embed-container {
    max-width: 100%;
    height: auto;
    margin: 0;
  }

  .postContent img.profilePic {
    margin-right: 10px;
  }

  .listing .headerText img {
    max-width: 100%;
    height: auto;
    margin: 0;
  }

  .formQuestion.commentNotify.labelCheckBoxPair label,
  .formQuestion.labelCheckBoxPair label {
    width: 60%;
  }

  .postContent blockquote {
    padding: 30px;
    font-size: 20px !important;
    font-size: 2rem !important;
  }


}

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

@media screen and (max-width: 625px) {
  .commentImageWrapper {
    width: 100%;
  }

  .commentVideoWrapper {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 540px) {
  .postContent blockquote {
    font-size: 35px;
    font-size: 3.5rem;
  }

  /*
.postContent blockquote { 
padding: 30px; 
font-size: 15px!important; 
font-size: 1.5rem!important; 
}
*/
}

@media screen and (max-width: 399px) {
  .postContent blockquote {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

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

/****** End Post Page ******/






/********************************************
Appeal Post Page
*********************************************/

/* remove from page */
.appealPostPage .appealFooter span.totaliserPanel {
  display: none;
}

.contentBlockWrapper.appealActionsWrapper,
.appealActionsWrapper {
  padding: 0 20px;
}

/*  Totaliser  */
.totaliserFigure {
  margin: -6px 0 4px 0;
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
}

.totaliserLabel {
  color: #999;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: 300;
}

.totaliserDone {
  background-color: rgba(214, 38, 51, 1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.totaliserBG {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 15px;
}

.totaliserPanel .targetWrapper,
.totaliserPanel .raisedWrapper {
  width: 56%;
}

.appealFooterWrapper .totaliserLabel {
  font-size: 18px;
  font-size: 1.8rem;
  float: none;
}

.appealFooterWrapper .totaliserFigure {
  font-size: 18px;
  font-size: 1.8rem;
  float: none;
}

#totaliserActions .buttonDonate {
  float: none;
}

.appealWidgets .totaliserBG,
.appealWidgetsWrapper .totaliserBG {
  height: 175px;
  width: 111px;
  margin: auto;
  float: none;
}

.appealWidgets .totaliserLabel,
.appealWidgets .totaliserFigure,
.appealWidgetsWrapper .totaliserLabel,
.appealWidgetsWrapper .totaliserFigure {
  text-align: center;
}

.appealWidgetsWrapper .totaliserPanel .targetWrapper,
.appealWidgetsWrapper .totaliserPanel .raisedWrapper,
.appealWidgetsWrapper .totaliserPanel .targetWrapper span,
.appealWidgetsWrapper .totaliserPanel .raisedWrapper span {
  width: auto;
  float: none;
}

/*  Aside  */
.content.appealWidgets,
.appealTotaliser {
  background-color: #f3f3f3;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}

/* Media Queries */
@media screen and (max-width: 1110px) {}

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

  /* Totaliser */
  .appealWidgets .totaliserPanel {
    width: auto;
    float: none;
    margin-top: 0;
  }

  .appealFooterWrapper .totaliserPanel {
    width: 100%;
  }

  .appealFooterWrapper .totaliserBG {
    margin-right: 10px;
  }
}

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

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

@media screen and (max-width: 768px) {
  .appealPostPage span.totaliserPanel {
    display: block;
    float: none;
    background-color: #f3f3f3;
    padding: 20px;
  }

  .content.appealWidgets {
    display: none;
  }
}

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

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

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

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

  .contentBlockWrapper.appealActionsWrapper,
  .appealActionsWrapper {
    padding: 0 20px 0 20px;
  }

  .appealActionsWrapper .appealActions a.button {
    width: 100%;
    margin: 10px 0 0;
  }
}

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

/****** End Appeal Post Page ******/





/********************************************
Event Post Page
*********************************************/

.eventDetails {
  font-size: 16px;
  font-size: 1.6rem;
}

.eventWhereWrapper p {
  padding: 15px 15px 5px;
}

.eventWhereWrapper p:before {
  content: '\f417';
  font-family: 'Genericons';
  font-size: 45px;
  color: rgba(214, 38, 51, 1);
  display: block;
}

.eventWhenWrapper p {
  margin-top: 0
}

.eventWhenWrapper:before {
  content: '\f307';
  font-family: 'Genericons';
  font-size: 45px;
  color: rgba(214, 38, 51, 1);
  display: block;
}

.eventWhenWrapper strong {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/**/
.ticketsWrapper,
table,
.extrasWrapper {
  background-color: rgba(214, 38, 51, 1);
  border-radius: 3px;
  padding: 0 20px;
  -webkit-font-smoothing: antialiased;
}

.ticketsWrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.extrasWrapper {
  border-radius: 0;
}

.extrasWrapper .spacingColumn {
  display: none;
}

table thead,
table tbody {
  background-color: rgba(214, 38, 51, 1);
  color: #fff;
}

table thead {
  border-bottom: 1px solid #fff;
}

table tbody tr:first-child td {
  padding-top: 20px;
}

table tbody .quantityColumn input {
  border-radius: 0;
  height: 30px;
  width: 60px;
  margin-top: 0;
  font-size: 14px;
  padding: 2px;
}

table tbody .itemName {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 10px 0;
}

.shoppingList h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
}

.basketContent h2 {
  color: #222;
  font-size: 28px;
  font-size: 2.8rem;
}

table tbody .price {
  font-weight: 400;
}

.soldOut {
  color: #fff;
}

.eventBookingWrapper {
  background-color: rgba(214, 38, 51, 1);
  padding: 50px 10px 7px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.eventBooking {
  margin-top: 0;
}

.eventBooking:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.itemRow {
  border-bottom: 1px solid #e8e8e8;
}

.itemRow:last-child {
  border: 0;
}

a.eventBookingBtn:link {
  float: right;
  background-color: #fff;
  color: rgba(214, 38, 51, 1);
}

a.eventBookingBtn:link:hover {
  background: rgba(255, 40, 56, 1);
}

.shopLabel {
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
}

/**/

/* Aside */
.eventWhereWrapper {
  background-color: #f3f3f3;
  text-align: center;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.eventDetails .eventWhenWrapper {
  margin-top: 0;
  background-color: #f3f3f3;
  text-align: center;
  padding: 10px 15px 35px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.countdown {
  border-top: 1px solid rgba(214, 38, 51, 1);
  border-bottom: 1px solid rgba(214, 38, 51, 1);
  font-weight: bold;
  padding: 10px 0;
}

.eventsPostBody .associatedStartDate,
.eventsPostBody .associatedEndDate,
.eventsPostBody .locationDetails {
  display: none;
}



/* Media Queries */
@media screen and (max-width: 1110px) {

  a.decreaseQuantity:link,
  a.decreaseQuantity:visited,
  a.decreaseQuantity:active,
  a.increaseQuantity:link,
  a.increaseQuantity:visited,
  a.increaseQuantity:active {
    width: 18px;
    height: 18px;
  }

  a.decreaseQuantity:before,
  a.increaseQuantity:before {
    margin: -4px -2px;
  }

  table tbody .quantityColumn input {
    width: 56px;
  }
}

@media screen and (max-width: 1000px) {
  table tbody .quantityColumn input {
    width: 40px;
  }
}

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

@media screen and (max-width: 875px) {
  .itemColumn {
    width: 45%;
  }

  table tbody .price,
  table tbody .itemName {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .priceColumn {
    width: 15%;
  }

  .quantityColumn {
    width: 25%;
  }
}

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

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

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

@media only screen and (max-width: 540px) {
  .eventPostPage .itemName {
    font-size: 14px;
    font-size: 1.4rem;
  }

  a.decreaseQuantity:link,
  a.decreaseQuantity:visited,
  a.decreaseQuantity:active,
  a.increaseQuantity:link,
  a.increaseQuantity:visited,
  a.increaseQuantity:active {
    width: 15px;
    height: 15px;
  }

  a.decreaseQuantity:before,
  a.increaseQuantity:before {
    margin: -4px;
  }

  table tbody .quantityColumn input {
    width: 35px;
    height: 28px;
    font-size: 15px;
  }
}

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

  .ticketsWrapper,
  table,
  .extrasWrapper {
    padding: 0 10px;
  }

  .shopLabel {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .eventPostPage .itemName {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .quantityColumn {
    width: 40%;
  }

  table tbody .quantityColumn input {
    width: 28px;
    font-size: 14px;
  }
}

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

/****** End Event Post Page ******/








/********************************************
Shop Pages
*********************************************/

.shopListingPage aside {
  display: block;
}

.shopListingPage .listContent {
  width: 100%;
  margin-right: 0;
}

.departments {
  width: 30%;
  margin-right: 4%;
  padding-right: 0;
}

.shopLandingContent,
.productList {
  width: 66%;
  float: left;
}

/* Product Page */
.continueShoppingWrapper {
  max-width: 1180px;
  padding: 0 20px;
  margin: 0 auto;
}

.productContentWrapper {
  float: left;
  width: 66%;
  margin-right: 6%
}

.formQuestion.productQuantity {
  float: none;
}

.productActions {
  float: none;
  width: 100%;
  text-align: left;
  padding-left: 0;
}

.productBanner {
  width: 100%;
}

section.productText {
  width: 62%;
  float: left;
}

.productReviews:before {
  clear: both;
  display: block;
  content: '';
}

a.button.continueShopping {
  margin-top: 20px;
}

.productContentWrapper .postFooterWrapper {
  padding-left: 0;
}

.listedProduct {
  width: 100%;
  background-color: transparent;
  color: #333;
  border-bottom: 1px solid gainsboro;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 15px 0;
  cursor: auto;
  min-height: inherit;
}

.listedProduct:hover {
  background-color: transparent;
  color: #333;
}

.listedProduct h2 a,
.listedProduct h2 a:link,
.listedProduct h2 a:visited,
.listedProduct h2 a:active,
.listedProduct h3 a,
.listedProduct h3 a:link,
.listedProduct h3 a:visited,
.listedProduct h3 a:active {
  text-decoration: underline;
}

.listedProduct h2 a:hover,
.listedProduct h2 a:focus,
.listedProduct h3 a:hover,
.listedProduct h3 a:focus {
  text-decoration: underline;
}

.listedProduct h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.listedProduct h2,
.listedProduct h3,
.listedProduct section.listedPost p {
  padding: 0;
}

.relatedProducts,
.bestSellers {
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.relatedProducts h3 a {
  text-decoration: none;
}

.relatedProducts h3 a:hover {
  text-decoration: underline;
}

.hierarchyItem {
  display: block;
  padding: 10px;
  background-color: #f0f0f0;
}

.hierarchyList .parent:before {
  color: rgba(214, 38, 51, 1);
}

.relatedProducts .associatedListing li h3,
.bestSellers .associatedListing li h3 {
  padding: 0;
}

.relatedProducts h3,
.bestSellers h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: rgba(214, 38, 51, 1);
}

.shopListingPage .postFooterWrapper {
  padding-left: 0;
  display: block;
}

.starRating li {
  font-size: 30px;
  height: 32px;
  border-bottom: 0;
}

section.paymentEtc,
section.basket {
  padding: 0;
}


.secondLevel,
.thirdLevel {
  padding-right: 0;
}

.thirdLevel a {
  padding-left: 30px;
}

.hierarchyLevel2 a {
  font-weight: bold;
}

.hierarchyLevel3 a {
  font-weight: normal;
}


/* Media Queries */
@media screen and (max-width: 1110px) {}

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

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

  .listedProduct,
  .listedProduct:nth-child(3n+1),
  .listedProduct:nth-child(2n+1) {
    margin-left: 0;
  }
}

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

@media screen and (max-width: 768px) {
  .productContentWrapper {
    width: auto;
  }

  .productBannerWrapper {
    width: auto;
  }

  section.productText {
    width: 100%;
  }
}

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

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

  .productContentWrapper,
    {
    width: 100%;
  }

  .productBannerWrapper,
    {
    width: 100%;
    padding: 0;
  }

  section.productText {
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .departments {
    width: 100%;
    margin: 0;
  }

  .shopLandingContent,
  .productList {
    float: none;
    width: 100%;
  }
}

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

@media screen and (max-width: 320px) {
  .listedProductText {
    width: 100%;
    padding-left: 0;
  }

  .listedProduct .productBanner {
    width: 100%;
  }
}

/****** End Shop Pages ******/




/* FAQs */

.accordianBody.contentBlockWrapper {
  background-color: #f8f8f8;
}


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

  .accordianBody {
    padding: 10px;
  }


}

/* End FAQs */






/********************************************
Custom Forms
*********************************************/

.customForm {
  padding: 0 20px;
}

.customForm h1 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 60px;
  font-size: 6rem;
  color: #333333;
  margin-top: 30px;
  font-weight: bold;
}


.customForm legend {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.customForm .formDescription {
  font-size: 14px;
  font-size: 1.4rem;
}

.customForm .section0 .formDescription {
  font-size: 18px;
  font-size: 1.8rem;
}

.answerOptions label {
  font-size: 14px;
  font-size: 1.4rem;
}

.checkboxList0 .formElementLabel {
  display: none;
}


/* End Custom forms */




/********************************************
Donate Form
*********************************************/

.supportedAppeal,
.donationForm .appealTotaliser {
  margin-top: 50px;
  width: 28%;
  float: left;
  margin-left: 0;
}

.supportedAppeal img {
  width: 100%;
}

.donationForm .appealTotaliser .contentBlockWrapper {
  padding: 0;
}

.signInWrapper p {
  width: 80%;
}

.contentBlockWrapper.yourDonationWrapper,
.contentBlockWrapper.donateMonthlyWrapper,
.contentBlockWrapper.paymentFormWrapper,
.contentBlockWrapper.donateContinue.donateStep2,
.contentBlockWrapper.registerWrapper {
  padding: 0;
}

.donationAmountDescription {
  padding-right: 40px;
}

.donationAmount.donationSelected,
.quickGivingPanel .donationAmount.donationSelected,
.donationFrequency.frequencySelected {
  background-color: rgba(214, 38, 51, 1);
  color: #fff;
}

/* Media Queries */
@media screen and (max-width: 1110px) {}

@media screen and (max-width: 1000px) {
  .donationFormItems {
    width: 100%;
    margin-right: 0;
  }

  .donationFormItems:after {
    clear: both;
    display: block;
    content: '';
  }

  .supportedAppeal,
  .donationForm .appealTotaliser {
    margin-top: 50px;
    width: 48%;
    float: left;
    padding-left: 20px;
    margin-left: 2%;
  }
}

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

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

@media screen and (max-width: 768px) {
  .donationFormItems {
    width: 100%;
    margin-right: 0;
  }
}

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

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

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

  .formQuestion .checkboxRadio,
  .formQuestion .checkboxRadio span,
  .formQuestion span span {
    display: block;
  }

  .donationAmountDescription {
    padding-right: 0;
  }
}

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

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

/****** End Donate Form ******/







/********************************************
Your Details Form
*********************************************/

@media only screen and (max-width: 540px) {
  .formWrapper.yourDetailsForm {
    padding: 0;
  }
}

/****** End Your Details Form ******/



/********************************************
Contact Form
*********************************************/
.formWrapper.contactForm,
.contentBlockWrapper.contactUsBody {
  padding: 0;
}

/****** End Contact Form ******/



/* overrides */

li#menudb988006-1c10-4577-ba1f-ee0cc92c807f .subMenu {
  right: 0;
}

.player .video-wrapper,
.player .video-wrapper .telecine,
.player .video-wrapper object,
.player .video-wrapper video {
  width: 100% !important;
  height: auto !important;
}

#player .player .player-1444259128503 .js-player-fullscreen .with-fullscreen .no-fullscreen-api-support {
  background-color: transparent !important;
}

.player .video-wrapper {
  background-color: transparent !important;
}

.video-wrapper {
  position: relative;
  padding-bottom: 54.1%;
  padding-top: 2.2%;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.associatedTagCloud {
  display: none
}

.regularPayment {
  margin-top: 7px;
  float: none;
  margin-left: 10px;
}


/* overrides quick giving panel */

.quickGivingPanel {
  background: transparent;
  border: 2px solid gainsboro;
  padding: 20px;
  font-weight: bold;
}

.quickGivingPanel .formQuestion {
  display: block;
  float: none;
  width: 100%;
  margin: 20px 0 0 0;
  height: auto;
}

.quickGivingPanel .selectDonationAmount span {
  display: inline;
  text-align: left;
}

.quickGivingPanel .donationAmountFigure,
.formQuestion.donationFrequency .checkboxRadio {
  font-size: 3rem;
  width: 15%;
  vertical-align: middle;
  border: none;
  text-align: left;
}

.quickGivingPanel .donationAmountDescription {
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 40px;
}

.quickGivingPanel .donationAmount input[type=radio],
.quickGivingPanel .donationFrequency input[type=radio] {
  position: absolute;
  right: 0;
  top: 26px;
  margin-right: 26px;
}

.quickGivingPanel a.button.donateBtn {
  margin-top: 0;
  float: right;
  clear: both;
}

.quickGivingPanel .formQuestion.donationAmount.donationAmountOther {
  margin-bottom: 20px;
}

.quickGivingPanel .regularPayment {
  margin-left: 10px;
}

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

  .quickGivingPanel a.button.donateBtn {
    float: right;
    margin-top: 20px;
  }

}

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

  .quickGivingPanel a.button.donateBtn {
    float: left;
    margin-top: 20px;
  }

}


/* end overrides quick giving panel */

.appealsPostBody .postComments {
  display: none;
}


/* Overrides for donate form signin: SimonM 12.01.16 
.formDonatePage .signInWrapper {
margin-top: 270px;
}*/

/*
SimonM, 21.04.16
New Donation form comment text
https://app.asana.com/0/23974193630177/112837395418255
*/
span.donationCommentAside {
  font-size: 14px;
  font-size: 1.4rem;
}

/* AW 08.05.2018 Hide via sms ZD 28880 */
.formQuestion.contactViaSMS {
  display: none;
}

/* IM-978 */
.donationForm .supportedAppeal,
.donationForm .appealTotaliser {
  display: none;
}

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

/* IM-1176 */
.content.appealWidgets, .appealTotaliser {
    background: transparent;
}

/* SF#66561110 SA - add Instagram icon */
a.instagram {
    height: 34px;
    width: 34px;
    overflow: hidden;
    display: block;
    border: 3px solid #f0f0f0;
    background-color: #833ab4;
}

.instagram:before {
    font-family: "Font Awesome 6 Brands";
    content: '\f16d' !important;
}

.mobile-social .mainCallToAction a.instagram {
    background-color: #833ab4;
    border: 3px solid #fff;
}

/* SF#66561110 SA - Remove Twitter and Print icons from Share this page section */
.shareList a.printButton, .shareList a#twitterLink {
    display: none !important;
}