.homeFeature .home-feature-image-link,
.homeFeature .home-feed-image-link,
.homeFeature .listed-post-image-link,
.homeFeature .associated-image-link,
.homeFeature > a,
.feedItem .home-feature-image-link,
.feedItem .home-feed-image-link,
.feedItem .listed-post-image-link,
.feedItem .associated-image-link,
.feedItem > a,
.listedPost .home-feature-image-link,
.listedPost .home-feed-image-link,
.listedPost .listed-post-image-link,
.listedPost .associated-image-link,
.listedPost > a,
.associatedBox .home-feature-image-link,
.associatedBox .home-feed-image-link,
.associatedBox .listed-post-image-link,
.associatedBox .associated-image-link,
.associatedBox > a {
  overflow: hidden;
  display: block;
}

.homeFeature img.banner,
.feedItem img.banner,
.listedPost img.banner,
.associatedBox img.banner {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  margin: 0;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .homeFeature img.banner,
  .feedItem img.banner,
  .listedPost img.banner,
  .associatedBox img.banner {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.homeFeature:hover img.banner,
.feedItem:hover img.banner,
.listedPost:hover img.banner,
.associatedBox:hover img.banner {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pageHeader .headerContent,
.homeIntroWrapper,
.homeFeatures,
.homeFeeds,
.headerText,
.contentBlockWrapper,
.searchListingIntro,
.menuSub ul,
.signInForm,
.registerForm,
.customForm,
.passwordForm,
#pnlCustom404,
.formWrapper,
.contentBlockWrapper.appealActionsWrapper,
.appealActionsWrapper,
.pageFooter,
.donorsList {
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px;
}

.appealActionsWrapper {
  margin: 0 auto;
}

#pnlCustom404 {
  margin: 40px auto 0 auto;
}

.formWrapper.contactForm,
.contentBlockWrapper.contactUsBody {
  padding: 0;
}

@media (max-width: 768px) {
  .contactUsIntro {
    padding: 0;
  }
}

html, button, body, legend {
  font-family: "Work Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #414042;
  font-weight: 300;
}

@media (max-width: 767px) {
  html, button, body, legend {
    font-size: 14px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Work Sans", sans-serif;
  color: #414042;
  font-weight: 600;
  line-height: inherit;
  text-transform: uppercase;
  letter-spacing: -0.45px;
}

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

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

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

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

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

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

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

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

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

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

a, a:link, a:visited {
  color: #1171BA;
}

a:hover, a:link:hover, a:visited:hover {
  color: #0d558b;
}

small {
  font-size: 0.85rem;
}

b, strong {
  font-weight: 700;
}

em {
  font-style: italics;
}

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

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.accordianBody ol, .accordianBody ul,
.listingIntro ol,
.listingIntro ul,
.shopLandingContent .content ol,
.shopLandingContent .content ul {
  padding-left: 25px;
  margin-bottom: 1rem;
}

.accordianBody ol,
.listingIntro ol,
.shopLandingContent .content ol {
  list-style-type: decimal;
}

.accordianBody ul,
.listingIntro ul,
.shopLandingContent .content ul {
  list-style-type: disc;
}

blockquote {
  padding: 4rem 3rem;
  margin: 2rem 0;
  background-color: #90B536;
  color: #FFF;
}

blockquote:before, blockquote:after {
  display: none;
}

blockquote p,
blockquote ul,
blockquote ol {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 700;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote p:first-child:before {
  content: '\f10d';
  margin-right: 8px;
}

blockquote p:last-child:after {
  content: '\f10e';
  margin-left: 8px;
}

blockquote p:first-child:before,
blockquote p:last-child:after {
  font-family: 'FontAwesome';
  display: inline-block;
  font-weight: normal;
}

@media (max-width: 768px) {
  h1 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.275rem;
  }
  h3 {
    font-size: 1.125rem;
  }
  blockquote p, blockquote ul, blockquote ol {
    font-size: 1rem;
  }
}

table h1,
table h2,
table h3,
table h4,
table h5 {
  margin: 0;
  font-weight: 400;
}

table td {
  font-size: 1rem;
}

table h2 {
  margin-bottom: 1em;
}

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

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

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

td {
  padding: 10px;
}

@media (max-width: 768px) {
  .postContent table {
    max-width: 100%;
    height: auto !important;
    display: block;
    overflow: auto;
    border: 0;
  }
  .postContent table thead,
  .postContent table tbody,
  .postContent table tr,
  .postContent table td,
  .postContent table th {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
  .postContent table th {
    text-align: left;
    padding: 10px;
  }
  .postContent table tbody {
    border: 0;
  }
  .postContent table td {
    border: 1px solid #eee;
  }
}

#outerDiv {
  margin: 60px 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
select,
textarea {
  padding: 10px;
  border-color: rgba(65, 64, 66, 0.2);
  border-radius: 0;
}

legend {
  border-bottom: 0;
  font-size: 1.5rem;
}

fieldset fieldset legend {
  font-family: inherit;
}

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

@media (max-width: 768px) {
  .formQuestion.commentNotify.labelRadioPair input[type="radio"],
  .formQuestion.labelRadioPair input[type="radio"],
  .formQuestion.commentNotify.labelCheckBoxPair input[type="checkbox"],
  .formQuestion.labelCheckBoxPair input[type="checkbox"],
  .customForm input[type="checkbox"],
  .customForm input[type="radio"] {
    vertical-align: top;
    margin: 5px 5px 0 0;
  }
}

.formQuestion.commentNotify.labelRadioPair label,
.formQuestion.labelRadioPair label,
.formQuestion.commentNotify.labelCheckBoxPair label,
.formQuestion.labelCheckBoxPair label,
.customForm label {
  width: calc(100% - 30px);
  padding-right: 15px;
}

.formSecondStep.labelCheckBoxPair label {
  padding-right: 10px;
}

.answerOptions {
  margin: 10px 0 0 0;
}

.customForm .formQuestion,
.customForm .formDescription {
  margin: 40px 0;
}

.formQuestion textarea:hover,
.formQuestion textarea:focus,
.formQuestion input:hover,
.formQuestion input:focus {
  border-color: rgba(65, 64, 66, 0.7);
  outline: none;
}

.radioLabelPair,
.checkboxLabelPair {
  margin: 10px 0;
}

.dataProtection .formQuestion.labelCheckBoxPair,
#ContactReasons .formQuestion.contactReasonOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dataProtection .formQuestion.labelCheckBoxPair label,
#ContactReasons .formQuestion.contactReasonOption label {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.dataProtection .formQuestion.labelCheckBoxPair input[type="checkbox"],
#ContactReasons .formQuestion.contactReasonOption input[type="checkbox"] {
  margin: 0 .5em 0 0;
}

@media (max-width: 768px) {
  .checkboxRadioGrid .checkboxLabelPair,
  .checkboxRadioGrid .radioLabelPair {
    width: 100%;
  }
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Work Sans", sans-serif;
}

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

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

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

@media (max-width: 768px) {
  legend {
    font-size: 1.275rem;
  }
}

.postcode-lookup-buttons {
  display: block;
  margin-top: 10px;
}

.postCreateTagsBtn {
  margin-top: 10px;
}

.button,
a.button:link,
a.button:visited,
.commentAddImage,
button,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.commentAddImage,
.button.ghostContinue,
.readMore,
a.addToCalender,
.post_collapseReadMore a,
.listedFilters a.filter,
.appliedFilters span.filter,
.groupedFilters .filter,
a.cta-button {
  border-radius: 4px;
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-right: 5px;
  text-transform: uppercase;
}

.button:hover,
a.button:link:hover,
a.button:visited:hover,
.commentAddImage:hover,
button:hover,
#totaliserActions .buttonDonate:hover,
#totaliserActions .buttonFundraise:hover,
.commentAddImage:hover,
.button.ghostContinue:hover,
.readMore:hover,
a.addToCalender:hover,
.post_collapseReadMore a:hover,
.listedFilters a.filter:hover,
.appliedFilters span.filter:hover,
.groupedFilters .filter:hover,
a.cta-button:hover {
  cursor: pointer;
  text-decoration: none;
}

.button.facebookPopulate,
a.button:link.facebookPopulate,
a.button:visited.facebookPopulate,
.commentAddImage.facebookPopulate,
button.facebookPopulate,
#totaliserActions .buttonDonate.facebookPopulate,
#totaliserActions .buttonFundraise.facebookPopulate,
.commentAddImage.facebookPopulate,
.button.ghostContinue.facebookPopulate,
.readMore.facebookPopulate,
a.addToCalender.facebookPopulate,
.post_collapseReadMore a.facebookPopulate,
.listedFilters a.filter.facebookPopulate,
.appliedFilters span.filter.facebookPopulate,
.groupedFilters .filter.facebookPopulate,
a.cta-button.facebookPopulate {
  display: none;
}

@media (max-width: 480px) {
  .button,
  a.button:link,
  a.button:visited,
  .commentAddImage,
  button,
  #totaliserActions .buttonDonate,
  #totaliserActions .buttonFundraise,
  .commentAddImage,
  .button.ghostContinue,
  .readMore,
  a.addToCalender,
  .post_collapseReadMore a,
  .listedFilters a.filter,
  .appliedFilters span.filter,
  .groupedFilters .filter,
  a.cta-button {
    width: 100%;
    margin: 5px 0;
  }
}

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

.postContent a.cta-button {
  margin-bottom: 5px;
}

a.buttonIcon:link, a.buttonIcon:visited,
a.remove, a.remove:link {
  vertical-align: middle;
  opacity: 1;
  overflow: hidden;
  text-align: center;
}

a.buttonIcon:link:hover, a.buttonIcon:visited:hover,
a.remove:hover, a.remove:link:hover {
  text-decoration: none;
}

a.buttonIcon:link:before, a.buttonIcon:visited:before,
a.remove:before, a.remove:link:before {
  padding-top: 0;
  line-height: 23px;
  font-family: 'FontAwesome';
}

a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:visited.increaseQuantity:before,
a.remove.increaseQuantity:before, a.remove:link.increaseQuantity:before {
  content: '\f106';
}

a.buttonIcon:link.expand:before, a.buttonIcon:link.decreaseQuantity:before, a.buttonIcon:visited.expand:before, a.buttonIcon:visited.decreaseQuantity:before,
a.remove.expand:before,
a.remove.decreaseQuantity:before, a.remove:link.expand:before, a.remove:link.decreaseQuantity:before {
  content: '\f107';
}

a.buttonIcon:link.remove:before, a.buttonIcon:visited.remove:before,
a.remove.remove:before, a.remove:link.remove:before {
  content: '\f00d';
}

.postCreateButtons .cancel,
.passwordResetButtons .cancel,
.yourDetailsButtons .cancel,
.signInButtons .cancel,
.registerButtons .cancel {
  display: none;
}

button.register,
button.signIn,
.button.eventBookingBtn,
button.confirm,
button.send {
  min-width: 200px;
}

@media screen and (max-width: 992px) {
  a.buttonIcon:link.increaseQuantity, a.buttonIcon:link.decreaseQuantity {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 0;
    font-size: 16px;
  }
  a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:link.decreaseQuantity:before {
    padding: 0;
    line-height: 16px;
    height: 16px;
  }
}

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;
  display: block;
  overflow: hidden;
  font-size: inherit;
  background-color: #1171BA;
}

ul.socialIcons li a:hover,
ul.shareList li a:hover {
  text-decoration: none;
  background-color: #0d558b;
}

ul.socialIcons li a:before,
ul.shareList li a:before {
  font-size: 1rem;
  vertical-align: middle;
  color: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  -webkit-font-smoothing: antialiased;
  font-family: 'FontAwesome';
  font-weight: 400;
}

ul.socialIcons li a.search:before,
ul.shareList li a.search:before {
  content: '\f002';
}

ul.socialIcons li a[href*="facebook"]:before, ul.socialIcons li a.facebook:before,
ul.shareList li a[href*="facebook"]:before,
ul.shareList li a.facebook:before {
  content: '\f09a';
}

ul.socialIcons li a[href*="twitter"]:before, ul.socialIcons li a.twitter:before,
ul.shareList li a[href*="twitter"]:before,
ul.shareList li a.twitter:before {
  content: '\f099';
}

ul.socialIcons li a[href*="youtube"]:before, ul.socialIcons li a.youtube:before,
ul.shareList li a[href*="youtube"]:before,
ul.shareList li a.youtube:before {
  content: '\f167';
}

ul.socialIcons li a[href*="instagram"]:before, ul.socialIcons li a.instagram:before,
ul.shareList li a[href*="instagram"]:before,
ul.shareList li a.instagram:before {
  content: '\f16d';
}

ul.socialIcons li a[href*="linkedin"]:before, ul.socialIcons li a.linkedin:before,
ul.shareList li a[href*="linkedin"]:before,
ul.shareList li a.linkedin:before {
  content: '\f0e1';
}

ul.socialIcons li a[href*="flickr"]:before, ul.socialIcons li a.flickr:before,
ul.shareList li a[href*="flickr"]:before,
ul.shareList li a.flickr:before {
  content: '\f16e';
}

ul.socialIcons li a[href*="vimeo"]:before, ul.socialIcons li a.vimeo:before,
ul.shareList li a[href*="vimeo"]:before,
ul.shareList li a.vimeo:before {
  content: '\f27d';
}

ul.shareList li {
  margin-right: 0;
}

ul.shareList a.shareEmail:before {
  background-color: #1171BA;
  content: '\f003';
}

ul.shareList a.shareEmail:before:hover {
  background-color: #0d558b;
}

.postComments {
  padding: 20px 0;
  border-top: 1px solid #eee;
}

.postComments header {
  padding: 0;
}

.postComments h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 400;
}

.postComments .commentForm {
  margin-top: 0;
}

.postComments .commentForm .formQuestion label {
  width: auto;
}

@media (max-width: 480px) {
  .postComments .commentForm .formQuestion label {
    width: calc(100% - 30px);
  }
}

.postComments .commentForm .formQuestion textarea, .postComments .commentForm .formQuestion input {
  background-color: #f2f2f2;
  border: 0;
}

.postComments .commentForm .commentImageWrapper, .postComments .commentForm .commentVideoWrapper {
  width: 50%;
  margin-top: 20px;
  display: inline-block;
  float: left;
}

@media screen and (max-width: 768px) {
  .postComments .commentForm .commentImageWrapper, .postComments .commentForm .commentVideoWrapper {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}

.postComments .commentForm .commentImageWrapper .formQuestion {
  margin-top: 0;
}

.postComments .commentForm .commentImageWrapper .commentAddImage {
  background-color: #1171BA !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 button.addComment {
  margin-top: 0;
  float: left;
}

.commentsListWrapper {
  margin-top: 40px;
}

ul.commentsList {
  padding: 20px 0 0 0;
  border-top: 1px solid #eee;
}

ul.commentsList li {
  border-bottom: 0;
}

ul.commentsList li img {
  margin-right: 20px;
}

.commentContentWrapper {
  width: 85%;
  float: right;
}

.commentContentWrapper .commentContent {
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 10px;
}

.commentContentWrapper .commentContent p {
  margin: 0;
}

.commentDetails {
  margin-top: 20px;
}

.commentDetails p {
  font-size: 14px;
}

.commentDetails .helpfulComment {
  display: none;
  margin-top: 0;
}

.commentDetails .helpfulComment legend {
  float: none;
  margin: 0 0 5px 0;
  border-bottom: 0;
}

.appealComments .postComments {
  margin-top: 0;
  padding: 40px 0;
  border-top: 0;
}

.appealComments .postComments .commentsListWrapper {
  margin-top: 20px;
}

ul.commentsList li.commentDonation {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}

ul.commentsList li.commentDonation img {
  display: none;
}

ul.commentsList li.commentDonation .commentDetails {
  margin-top: 0;
}

ul.commentsList li.commentDonation .commentDetails p {
  margin: 0;
}

ul.commentsList li.commentDonation .commentDetails p.commenterWrapper {
  margin-bottom: 10px;
  text-transform: uppercase;
}

ul.commentsList li.commentDonation .commentDetails strong {
  font-weight: 400;
}

ul.commentsList li.commentDonation .commentDetails .commenterWrapper strong,
ul.commentsList li.commentDonation .commentDetails time span:nth-child(2) {
  display: none;
}

ul.commentsList li.commentDonation .commentContentWrapper {
  width: 50%;
  float: left;
}

.commentDonationAmount {
  padding: 0;
  margin: 0;
  float: right;
  background-color: transparent;
  border-radius: 0;
  font-size: 1.7rem;
}

.registerCommentsWrapper#registerComments,
.signInCommentsWrapper#signInComments {
  padding: 0;
  background-color: transparent;
  margin: 60px 0 0 0;
  clear: both;
}

.registerCommentsWrapper#registerComments fieldset.registerForm,
.signInCommentsWrapper#signInComments fieldset.registerForm {
  padding: 0;
  margin: 0 0 20px 0;
  border: 0;
}

.registerCommentsWrapper#registerComments fieldset.registerForm legend,
.signInCommentsWrapper#signInComments fieldset.registerForm legend {
  text-align: left;
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 10px;
}

.registerCommentsWrapper#registerComments fieldset.signInForm,
.signInCommentsWrapper#signInComments fieldset.signInForm {
  padding: 0;
  margin: 0 0 20px 0;
}

.registerCommentsWrapper#registerComments fieldset.signInForm legend,
.signInCommentsWrapper#signInComments fieldset.signInForm legend {
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 10px;
}

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

.tabsWrapper {
  border-bottom: 0;
}

.tabsWrapper .tabs {
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px;
}

.tabsWrapper .tabs li a {
  border-bottom: 3px solid #eee;
  background-color: transparent;
  padding: 10px 0;
  border-radius: 0;
  color: #414042;
}

.tabsWrapper .tabs li a:hover {
  background-color: transparent;
  text-decoration: none;
  color: #1171BA;
  border-bottom-color: #1171BA;
}

.tabsWrapper .tabs li.active a {
  color: #1171BA;
  border-bottom-color: #1171BA;
}

.tabbedListing {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  border: 0;
  margin-bottom: 60px;
  padding: 40px 20px;
}

.tabbedListing .headerWrapper .headerContent {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.tabbedListing .contentBlockWrapper {
  margin-top: 0;
  padding: 0;
}

.tabbedListing .findAFundraiser {
  margin-top: 0;
  padding: 0;
  width: 100%;
}

.tabbedListing .findAFundraiser legend {
  border-bottom: 0;
}

.tabbedListing .listContent {
  width: 100%;
  padding: 0;
}

.tabbedListing.currentProjectsListing .listContent {
  width: 100%;
}

.tabbedListing.currentProjectsListing aside h3 {
  margin-top: 0;
}

.tabbedListing .fundraiserSearchResults {
  margin-top: 80px;
}

.tab {
  text-transform: uppercase;
}

.appealInteractionsWrapper .tabs {
  padding-left: 0;
  padding-right: 0;
}

.appealFundraisersWrapper {
  padding-left: 0;
  padding-right: 0;
}

.appealFundraisersWrapper .findAFundraiser {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .tabsWrapper .tabs {
    padding: 0 20px;
  }
  .tabsWrapper .tabs li a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .appealInteractionsWrapper .tabs {
    padding: 0;
  }
  .tabbedListing.currentProjectsListing .listContent, .tabbedListing.currentProjectsListing aside, .tabbedListing.currentProjectsListing .listedPost {
    width: 100%;
    float: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .tabbedListing .findAFundraiser .formQuestion {
    width: 100%;
    float: none;
  }
  .tabbedListing .findAFundraiser .findAFundraiserEvent {
    margin-left: 0;
  }
  .tabbedListing .findAFundraiser .fundraiserSearchBtn, .tabbedListing .findAFundraiser .findAFundraiserBtn {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.faqListingPage article {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordianHeader {
  padding: 20px;
  margin-top: 20px;
  position: relative;
}

.accordianHeader h2 {
  font-size: 1rem;
  margin-top: 0;
}

.accordianHeader p.postSummary {
  padding: 10px 0 0;
}

.accordianHeader a.expand:link {
  position: absolute;
  top: 20px;
  right: 20px;
}

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

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

.accordianBody.contentBlockWrapper .content {
  width: 100%;
}

.accordianBody.contentBlockWrapper .postFooterWrapper {
  display: none;
}

.accordianOpen a.expand:link:before {
  font-family: 'FontAwesome';
  content: '\f106';
}

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

.post_collapseReadMore a {
  margin-right: 0;
}

.post_collapseReadMore a:hover {
  text-decoration: none;
}

.post_collapseReadMore a img {
  display: none;
}

.post_collapseReadMore a:after {
  padding-left: 10px;
  font-family: 'FontAwesome';
  content: '\f107';
}

@media (max-width: 768px) {
  .accordianHeaderText {
    width: calc(100% - 60px);
  }
  .post_collapseTitle,
  .post_collapseReadMore {
    float: none !important;
    width: 100%;
  }
  .post_collapseReadMore a {
    width: 100%;
    text-align: center;
  }
}

.categoryFilterWrapper {
  margin: 40px 0;
}

.categoryFilterWrapper h2,
.categoryFilterWrapper h3 {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0;
}

.categoryFilterContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.categoryFilterContent > h2 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
}

.categoryFilterContent .listedFilters {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
}

.categoryFilterContent .appliedFilters {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
}

.categoryFilterContent .clearcombinedfilters {
  width: 100%;
  margin: 0;
}

ul.listedFilters {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.listedFilters > li {
  background: transparent;
  padding: 0;
  height: auto;
  margin: 0 5px 5px 0;
  cursor: pointer;
  float: none;
}

ul.listedFilters a.filter {
  margin-right: 0;
}

ul.listedFilters a.filter:hover {
  text-decoration: none;
}

.appliedFilters {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: .85em;
}

.appliedFilters h3 {
  float: none;
  margin: 0 0 1rem 0;
  font-size: 1em;
}

.appliedFilters ul {
  float: none;
}

.appliedFilters li {
  float: none;
  display: inline-block;
  margin: 0 5px 5px 0;
  vertical-align: middle;
}

.appliedFilters span.filter {
  margin: 0 5px 5px 0;
}

.appliedFilters span.filter:hover {
  cursor: default;
  background-color: #1171BA;
}

.appliedFilters span.filter a.remove,
.appliedFilters span.filter a.remove:link {
  position: inherit;
  top: auto;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 0 0 10px;
  width: 23px;
  height: 23px;
  border-radius: 50% 50% 50% 50%;
  display: inline-block;
}

.appliedFilters span.filter a.remove:before,
.appliedFilters span.filter a.remove:link:before {
  display: block;
  font-family: 'FontAwesome';
  content: '\f00d';
  width: 23px;
  height: 23px;
  line-height: 23px;
}

.appliedFilters span.filter a.remove:hover,
.appliedFilters span.filter a.remove:link:hover {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
  cursor: pointer;
}

.combinedCategoryFilter .groupedFilters {
  display: inline-block;
  margin: 0 15px 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 240px;
}

.combinedCategoryFilter .groupedFilters .filter {
  background-color: rgba(0, 0, 0, 0.5);
}

.combinedCategoryFilter .groupedFilters input[type='checkbox'] {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
}

.combinedCategoryFilter .groupedFilters input,
.combinedCategoryFilter .groupedFilters span {
  vertical-align: middle;
}

.combinedCategoryFilter .groupedFilters select {
  width: 100%;
}

@media (max-width: 768px) {
  .combinedCategoryFilter .groupedFilters {
    width: 100%;
    float: none;
    margin: 10px 0;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

.totaliserPanel, .appealTotaliser {
  display: block;
  color: inherit;
}

.totaliserPanel .raisedWrapper, .totaliserPanel .targetWrapper, .appealTotaliser .raisedWrapper, .appealTotaliser .targetWrapper {
  width: 50%;
}

.totaliserDone {
  background-color: #1171BA;
}

.totaliserFigure {
  margin-top: 0;
}

#totaliserActions {
  display: block;
}

#totaliserActions:after {
  content: "";
  display: table;
  clear: both;
}

.appealTotaliser {
  margin-bottom: 40px;
}

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

.totaliserLabel {
  font-size: 0.85rem;
  color: rgba(65, 64, 66, 0.5);
  text-transform: uppercase;
}

.totaliserFigure {
  font-size: 1rem;
  color: #414042;
}

.raisedWrapper {
  margin-top: 10px;
}

.carousel .totaliserGivingPanel {
  display: none;
}

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

#totaliserActions .buttonFundraise {
  margin: 20px 0 0 0;
}

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

@media (max-width: 768px) {
  #totaliserActions {
    text-align: center;
  }
}

.totaliserDone {
  -webkit-animation: totaliser-grow 5s ease-out 1;
          animation: totaliser-grow 5s ease-out 1;
}

@-webkit-keyframes totaliser-grow {
  0% {
    height: 0;
  }
}

@keyframes totaliser-grow {
  0% {
    height: 0;
  }
}

.appealTotaliser,
.totaliserPanel {
  position: relative;
  margin: 0 auto;
  height: 80px;
  width: 260px;
}

@media (max-width: 768px) {
  .appealTotaliser,
  .totaliserPanel {
    height: 0;
  }
}

.appealTotaliser .raisedWrapper,
.appealTotaliser .targetWrapper,
.totaliserPanel .raisedWrapper,
.totaliserPanel .targetWrapper {
  position: absolute;
  bottom: 0;
}

.appealTotaliser .targetWrapper,
.totaliserPanel .targetWrapper {
  right: 0;
}

.appealTotaliser .targetWrapper .totaliserFigure,
.appealTotaliser .targetWrapper .totaliserLabel,
.totaliserPanel .targetWrapper .totaliserFigure,
.totaliserPanel .targetWrapper .totaliserLabel {
  text-align: right;
}

.appealTotaliser .raisedWrapper,
.totaliserPanel .raisedWrapper {
  left: 0;
}

@media (max-width: 768px) {
  .carousel .appealTotaliser,
  .carousel .totaliserPanel {
    height: 80px;
  }
}

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

.totaliserDone {
  top: 0;
}

.carousel .totaliserPanel {
  margin: 40px auto;
  width: 260px;
  max-width: 100%;
}

.carousel .totaliserPanel .totaliserBG {
  height: 260px;
}

.carousel #totaliserActions {
  display: block;
}

.carousel #totaliserActions .buttonFundraise,
.carousel #totaliserActions .buttonDonate {
  float: none;
  margin: 0px 5px 0 0;
}

.formDonatePage .appealTotaliser .totaliserPanel,
.appealWidgetsWrapper .totaliserPanel {
  max-width: 100%;
  min-height: 100%;
}

.formDonatePage .appealTotaliser .appealTotaliser,
.appealWidgetsWrapper .appealTotaliser {
  margin-bottom: 40px;
}

.formDonatePage .appealTotaliser .totaliserBG,
.appealWidgetsWrapper .totaliserBG {
  min-height: 260px;
}

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

.quickGivingPanel {
  background: #F0F0F0;
  padding: 2rem;
  margin: 0;
}

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

.quickGivingPanel .selectDonationAmount > span,
.quickGivingPanel .selectDonationAmount .donationAmountOther + span,
.quickGivingPanel .selectDonationAmount .donationAmountOther + a:not(.button),
.quickGivingPanel .selectDonationAmount input.regularPayment {
  display: none;
}

.quickGivingPanel .selectDonationAmount a.button.donateBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  margin-left: 1rem;
  vertical-align: middle;
  font-size: 0.875rem;
  width: auto;
  height: 44px;
  float: none;
}

.quickGivingPanel .selectDonationAmount .formQuestion {
  /* overwrite bf */
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  height: auto;
  margin-bottom: 0;
}

.quickGivingPanel .selectDonationAmount .donationAmount {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 4px;
  padding: 0;
  background-color: transparent;
  border: 4px solid transparent;
}

.quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"] {
  height: 0;
  width: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio {
  text-align: center;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
  border: 0;
  min-width: 0;
  width: 100%;
  font-size: 1.375rem;
  padding: 0.5rem 1rem;
  background-color: #fff;
  line-height: normal;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure:hover {
  cursor: pointer;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountThumbnail, .quickGivingPanel .selectDonationAmount .donationAmount img {
  display: none;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountDescription {
  display: none;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
  width: auto;
  margin: 0;
  border: 0;
  max-width: 100px;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  color: #414042;
  height: auto;
  padding: 5px;
  border-radius: 0;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther:active, .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther:focus {
  background-color: #fff;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther .donationAmountFigure {
  background-color: transparent;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationSelected {
  color: #414042;
  border: 4px solid #1171BA;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationSelected .donationAmountFigure {
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
    margin: 0;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
    vertical-align: middle;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
    width: 100%;
    float: none;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label strong.donationAmountFigure {
    text-align: center;
    border: 0;
    float: none;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
    margin: 0;
    width: 100%;
    float: none;
  }
  .quickGivingPanel .selectDonationAmount a.button.donateBtn {
    height: 38px;
  }
}

@media only screen and (max-width: 720px) {
  .quickGivingPanel .selectDonationAmount .donationAmount {
    width: 100%;
    margin: 0;
    margin-bottom: 0.5rem;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
    width: auto;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
    max-width: none;
  }
  .quickGivingPanel .selectDonationAmount a.button.donateBtn {
    margin-top: 1rem;
  }
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio,
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio span,
  .quickGivingPanel .selectDonationAmount .formQuestion span span {
    margin-right: 0;
  }
}

form.header-search {
  display: block;
  float: none;
  margin: 0;
}

form.header-search .searchContainer {
  display: block;
  float: none;
  margin: 0;
  position: relative;
}

form.header-search #siteSearch {
  width: 200px;
  margin-top: 0;
  height: 45px;
  vertical-align: top;
  border: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-family: "Work Sans", sans-serif;
  color: #FFF;
}

form.header-search #siteSearch::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Work Sans", sans-serif;
  color: #FFF;
}

form.header-search #siteSearch::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Work Sans", sans-serif;
  color: #FFF;
}

form.header-search #siteSearch:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Work Sans", sans-serif;
  color: #FFF;
}

form.header-search #siteSearch:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Work Sans", sans-serif;
  color: #FFF;
}

form.header-search #siteSearch:focus {
  outline: 0;
  background-color: #08385d;
}

form.header-search button {
  width: 45px;
  height: 45px;
  overflow: hidden;
  padding: 0;
}

form.header-search button:before {
  margin: 0;
  font-weight: normal;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 1rem;
  display: block;
  font-family: 'FontAwesome';
  content: '\f002';
}

.footerBox.FooterFindUs p {
  margin-bottom: 0px;
}

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

.footerBox.Footerlogos,
.footerBox.FooterLogos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto 0;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footerBox.Footerlogos > *,
.footerBox.FooterLogos > * {
  margin: 20px 30px;
}

@media (max-width: 768px) {
  .footerBox.Footerlogos > *,
  .footerBox.FooterLogos > * {
    margin: 15px 20px;
  }
}

.footerBox.Footerlogos img,
.footerBox.FooterLogos img {
  display: block;
  max-width: 180px;
}

@media (max-width: 1024px) {
  .footerBox.Footerlogos img,
  .footerBox.FooterLogos img {
    max-width: 120px;
  }
}

.container404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 200px;
  padding: 60px 20px;
  margin: 0 auto;
  max-width: 500px;
}

.container404 h1 + h1 {
  display: none;
}

.container404 h1 {
  margin-top: 0;
  font-size: 1.8rem;
}

a.showsVideo:hover {
  text-decoration: none;
}

.formDonatePage .yourDonationHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.formDonatePage .yourDonationHeader legend {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 1.5rem;
  width: auto;
}

.formDonatePage .yourDonationHeader .donationFrequency {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  width: auto;
}

.formDonatePage .yourDonationHeader .donationFrequency a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: #1171BA;
  color: #FFF;
  padding: 10px 20px;
}

.formDonatePage .yourDonationHeader .donationFrequency a:hover {
  text-decoration: none;
}

.formDonatePage .yourDonationHeader .donationFrequency a:after {
  content: '\f054';
  font-family: 'FontAwesome';
  margin-left: .5em;
}

@media (max-width: 568px) {
  .formDonatePage .yourDonationHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .formDonatePage .yourDonationHeader legend {
    margin: 0 0 15px;
  }
  .formDonatePage .yourDonationHeader legend, .formDonatePage .yourDonationHeader a {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .breadcrumbItem {
    white-space: initial;
  }
}

.yourDonation > legend + .donationFrequency {
  background-color: transparent;
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
}

#Single,
#Regular {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 15px;
  color: #414042;
  background-color: #f3f3f3;
  font-size: 1.15em;
  font-weight: 600;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

#Single:after,
#Regular:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #1171BA transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

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

#Single.active,
#Regular.active {
  background-color: #1171BA;
  color: #FFF;
}

#Single.active:after,
#Regular.active:after {
  opacity: 1;
  bottom: -10px;
}

@media (max-width: 1024px) {
  #Single,
  #Regular {
    font-size: 1em;
  }
}

@media (min-width: 769px) {
  #Single {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #Regular {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

@media (max-width: 768px) {
  .yourDonation > legend + .donationFrequency {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
  }
  #Single:after,
  #Regular:after {
    display: none;
  }
  #Single {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  #Regular {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

.pageFooter .GlobalAlert {
  display: none;
}

.GlobalAlert {
  width: 100%;
  padding: 0.75rem 20px;
  font-size: 0.9rem;
  text-align: center;
  background-color: #1171BA;
  color: #FFF;
}

.GlobalAlert * {
  font-size: inherit;
  color: inherit;
}

.GlobalAlert a,
.GlobalAlert a:link,
.GlobalAlert a:visited {
  color: inherit;
  text-decoration: underline;
}

.GlobalAlert > *:first-child {
  margin-top: 0;
}

.GlobalAlert > *:last-child {
  margin-bottom: 0;
}

.headerText {
  margin: 3rem auto 1rem auto;
}

.headerText h1 {
  font-size: 2.25rem;
  margin-top: 48px;
  color: #1171BA;
}

.postContent {
  padding-right: 120px;
  width: calc(100% - 260px);
}

.postContent blockquote:before {
  display: none;
}

.postContent > h1:first-of-type {
  margin-top: 0;
}

.appealActions,
.postAside {
  float: right;
  width: 260px;
  min-width: 260px;
}

.postFooterWrapper {
  clear: both;
}

.postFooterWrapper .postFooter {
  padding: 0;
  border: 0;
  font-size: 1rem;
}

.postFooterWrapper .publishDetailsWrapper {
  margin-top: 0;
}

.postFooterWrapper .publishDetailsWrapper:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

.postFooterWrapper p {
  font-size: 1rem;
  display: inline-block;
  float: none;
  margin: 0 20px 10px 0;
}

.postFooterWrapper .shareWrapper,
.postFooterWrapper .relatedWrapper {
  margin-top: 40px;
}

.postFooterWrapper .shareWrapper ul.relatedList,
.postFooterWrapper .relatedWrapper ul.relatedList {
  padding-left: 0;
  display: inline;
}

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

.shareWrapper {
  text-align: center;
  font-size: 18px;
}

.shareWrapper ul.shareList {
  margin-top: 10px;
}

.shareWrapper ul.shareList li {
  float: none;
}

.shareWrapper ul.shareList li:last-of-type {
  margin-right: 0;
}

.postContent img,
.listingIntro img,
.accordianBody img,
.productPostPage img {
  max-width: 100%;
  height: auto;
}

.postContent iframe,
.listingIntro iframe,
.accordianBody iframe,
.productPostPage iframe {
  max-width: 100%;
}

.carousel .listingIntro img {
  width: auto;
}

.blogContent .postFooterWrapper .publishDetailsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: .85em;
  padding: 15px 0;
  border-top: 1px solid #eee;
}

.blogContent .postFooterWrapper .publishDetailsWrapper p {
  margin: 0;
  line-height: 1.8;
  font-size: inherit;
}

.blogContent .postFooterWrapper .publishDetailsWrapper .updatedWrapper {
  display: none;
}

.newsContent .postFooterWrapper .publishDetailsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: .85em;
  padding: 15px 0;
  border-top: 1px solid #eee;
}

.newsContent .postFooterWrapper .publishDetailsWrapper p {
  margin: 0;
  line-height: 1.8;
  font-size: inherit;
}

.newsContent .postFooterWrapper .publishDetailsWrapper > *:not(.publishDatesWrapper) {
  display: none;
}

.blogDetails .memberProfilePic {
  display: none;
}

@media screen and (max-width: 768px) {
  .contentBlock, .postAside, .listContent, .postContent, .appealActions {
    width: 100%;
    padding: 0;
    float: none;
  }
  img.postImageFloatLeft,
  img.postImageFloatRight,
  .image-align-left,
  .image-align-right {
    display: block;
    float: none;
    margin: 10px auto;
  }
  .image-align-left,
  .image-align-right {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .headerText h1 {
    font-size: 1.8rem;
  }
}

body.login fieldset.signInForm {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

body.login fieldset.signInForm .formQuestion {
  max-width: 600px;
}

body.login fieldset.signInForm legend {
  float: left;
  width: 100%;
  font-size: 2rem;
  margin-bottom: 1rem;
}

body.lobby-registered fieldset.registerForm,
body.signup fieldset.registerForm {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
  border: 0;
  min-height: 200px;
}

body.lobby-registered fieldset.registerForm legend,
body.signup fieldset.registerForm legend {
  text-align: left;
  float: left;
  width: 100%;
}

body.lobby-registered .registerFields,
body.signup .registerFields {
  max-width: 600px;
}

body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair label,
body.signup .registerFields .formQuestion.labelCheckBoxPair label {
  width: auto;
  display: inline;
}

@media (max-width: 768px) {
  body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair label,
  body.signup .registerFields .formQuestion.labelCheckBoxPair label {
    width: 85%;
    display: inline-block;
  }
}

body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair input[type="checkbox"],
body.signup .registerFields .formQuestion.labelCheckBoxPair input[type="checkbox"] {
  margin: 5px 0 0 10px;
}

body.lobby-ActivateMember .contentBlockWrapper {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 100px;
}

body.lobby-ActivateMember fieldset.passwordForm {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 100px;
}

body.lobby-ActivateMember fieldset.passwordForm .contentBlockWrapper {
  padding: 0;
  margin: 0;
}

body.lobby-ActivateMember .formQuestion,
body.lobby-ActivateMember .formButtons {
  max-width: 600px;
}

.passwordResetOne,
.passwordResetTwo {
  margin: 0;
  max-width: 600px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.passwordResetOne h1,
.passwordResetTwo h1 {
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .registerSwitch a.register,
  .registerSwitch button.button,
  .signInButtons a.register,
  .signInButtons button.button,
  .passwordResetButtons a.register,
  .passwordResetButtons button.button {
    width: 100%;
    margin: 0 0 5px 0;
  }
}

@media only screen and (max-width: 540px) {
  .formQuestion .checkboxRadio {
    margin-right: 0;
  }
}

.searchPageContainer {
  margin-right: 0;
}

.searchPageContainer input#searchPage {
  max-width: 600px;
  margin-right: 5px;
}

.searchPageContainer button {
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  margin: 5px 0 0;
  display: inline-block;
}

.searchPageContainer button:before {
  margin: 0;
  font-weight: normal;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  display: block;
  font-family: 'FontAwesome';
  content: '\f002';
}

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

.searchListingPage .button.newSearch,
.searchListingPage aside.postAside {
  display: none;
}

select#orderResults {
  width: 200px;
}

.searchFilterWrapper {
  margin: 40px 0 0 0;
  font-size: 0.85em;
}

.searchFilterWrapper .moduleFilterContent {
  display: inline-block;
  width: 66%;
  vertical-align: top;
}

.searchFilterWrapper .searchOrderContent {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  margin-top: 0;
}

.searchFilterWrapper h2 {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0;
}

.listing .searchResultsArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.listing .searchResultsArea:after {
  content: "";
  display: table;
  clear: both;
}

.listing .searchResultsArea #resultsCount {
  width: 100%;
}

.listing .searchResultsArea .listedPost,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) {
  border: 0;
  border-top: 1px solid #eee;
  padding: 30px 0;
  background-color: transparent;
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
}

.listing .searchResultsArea .listedPost .postFooterWrapper,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) .postFooterWrapper {
  display: none;
}

.listing .searchResultsArea .listedPost .postDetails > *:empty,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) .postDetails > *:empty {
  display: none;
}

.listing .searchResultsArea .listedPost .associatedFooter,
.listing .searchResultsArea .listedPost img,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) .associatedFooter,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) img {
  display: none;
}

.listing .searchResultsArea .listedPost p,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) p {
  margin-bottom: 0;
  display: block;
}

.listing .searchResultsArea .listedPost p span.readMore,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) p span.readMore {
  display: none;
}

.listing .searchResultsArea .listedPost:after,
.listing .searchResultsArea .listedPost:not(.listedFundraiser):after {
  content: "";
  display: table;
  clear: both;
}

.listing .searchResultsArea .listedPost:hover h2 a,
.listing .searchResultsArea .listedPost:not(.listedFundraiser):hover h2 a {
  border-bottom-color: transparent;
}

.listing .searchResultsArea .listedPost h2,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) h2 {
  font-size: 1rem;
}

.listing .searchResultsArea .listedPost h2 a:hover,
.listing .searchResultsArea .listedPost:not(.listedFundraiser) h2 a:hover {
  border-bottom-color: #1171BA;
}

@media (max-width: 768px) {
  .searchListingIntro {
    padding-bottom: 20px;
  }
  .searchPageContainer input {
    width: 75%;
  }
  .searchPageContainer button {
    margin-right: 0;
  }
  .searchFilterWrapper .moduleFilterContent,
  .searchFilterWrapper .searchOrderContent {
    display: block;
    width: 100%;
  }
  .searchFilterWrapper .searchOrderContent {
    margin-top: 10px;
  }
}

.blogsListingPage .listContent > h1 {
  width: 100%;
  margin-bottom: 40px;
}

.blogsListingPage .listContent .listedPost .blogDetails {
  display: none;
}

.topLevel > li.menuAdminAltItems.menuAdminBasket {
  display: none !important;
}

a.menuMainAlt {
  font-weight: 700;
  text-transform: uppercase;
}

a.menuMainAlt:before {
  font-weight: normal;
}

@media (max-width: 1024px) {
  a.menuMainAlt {
    display: block;
  }
}

#siteSearch {
  -webkit-appearance: none;
}

.content.appealActions,
.postAside {
  padding: 0;
  margin-bottom: 20px;
}

.content.appealActions .appeals a.button,
.postAside .appeals a.button {
  margin-bottom: 5px;
}

.associated .readMore {
  display: none;
}

.associated .postFooterWrapper {
  display: none;
}

ul.associatedListing li {
  display: none;
  border-bottom: 1px solid #eee;
}

ul.associatedListing li:nth-child(-n+5) {
  display: block;
}

ul.associatedListing li img {
  display: none;
}

ul.associatedListing h3 {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}

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

.associatedAppeal .featureFooter {
  font-size: 1rem;
  border: none;
  padding: 0;
}

.associatedAppeal .featureFooter > *:not(.button) {
  display: none;
}

.associatedAppeal .featureFooter .button {
  margin: 0 8px 8px 0;
}

.associatedTagCloud {
  display: none;
}

@media (max-width: 768px) {
  .content.appealActions,
  .postAside {
    padding: 0;
    margin-top: 40px;
  }
}

table.flexTable {
  margin: 20px 0;
  width: 100% !important;
  height: auto !important;
}

table.flexTable tbody {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

table.flexTable tr {
  width: auto !important;
  height: auto !important;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

table.flexTable tr:nth-child(odd) {
  background-color: transparent;
}

table.flexTable td {
  width: auto !important;
  height: auto !important;
}

table.flexTable h1, table.flexTable h2, table.flexTable h3, table.flexTable h4, table.flexTable h5, table.flexTable h6 {
  margin-top: 0px;
}

table.flexTable--central tbody {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.menuAdminContainer ul#menuAdmin li.menuAdminBasket {
  display: none !important;
}

.mainLogo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("/small-charity/clients/planvivofoundation/assets/logo.svg");
  width: 350px;
  height: 100px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .mainLogo {
    background-image: url("/small-charity/clients/planvivofoundation/assets/logo.svg");
  }
}

@media (max-width: 1024px) {
  .mainLogo {
    width: 262.5px;
    height: 75px;
  }
}

@media (max-width: 768px) {
  .mainLogo {
    width: 175px;
    height: 50px;
    max-width: calc(100% - 150px);
  }
}

.appealsPostBody .mainCallToAction a.cta-button.cta-donate:not(.persist),
body.donate .mainCallToAction a.cta-button.cta-donate:not(.persist) {
  display: none;
}

@media (max-width: 768px) {
  .pageFooter img {
    max-width: 100%;
    height: auto;
  }
}

.contentBlockWrapper.appealActionsWrapper, .appealActionsWrapper {
  height: 0;
}

.contentBlockWrapper.appealActionsWrapper .contentBlock, .appealActionsWrapper .contentBlock {
  width: auto;
  height: 0;
}

.contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
  max-width: 100%;
  margin: 20px 0 40px 0;
}

.contentBlockWrapper.appealActionsWrapper .appealActions a.button,
.contentBlockWrapper.appealActionsWrapper .appealActions a.button:link, .appealActionsWrapper .appealActions a.button,
.appealActionsWrapper .appealActions a.button:link {
  width: 100%;
  margin: 0 0 5px 0;
}

.topFundraisersWrapper {
  display: none;
  margin-top: 20px;
  font-size: 1rem;
  margin-bottom: 20px;
}

.topFundraisersWrapper ol {
  padding-left: 0;
}

.topFundraisersWrapper ol li {
  width: 49%;
  display: inline-block;
}

.appealWidgets .findAFundraiserWidget {
  display: none;
}

.appealWidgets .findAFundraiserWidget .fundraiserProfilePics li {
  float: none;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.appealFooter .totaliserPanel {
  display: none;
}

.appealInteractions {
  margin-top: 120px;
}

.listedAppeal {
  border-bottom: 0;
}

.listedAppeal h2 {
  margin-top: 0;
  font-size: 24px;
}

.listedAppeal .totaliserFigure {
  font-size: 18px;
}

.listedAppeal .topFundraisersWrapper ol li {
  width: 100%;
}

.donorsList {
  margin-top: 40px;
  margin-bottom: 80px;
}

.donorsList h2, .donorsList > span {
  display: inline;
  font-size: 1.25rem;
}

.donorsList span {
  float: none;
  width: auto;
  margin: 0;
  padding-left: 10px;
}

.donorsList img {
  margin: 0;
}

.donorsList ul:after {
  content: "";
  display: table;
  clear: both;
}

.donorsList ul li {
  display: none;
  width: 25%;
  margin: 20px 0 0 0;
  padding: 20px 40px 0 0;
  border-top: 1px solid #eee;
}

.donorsList ul li:last-child {
  border-right: 0;
}

.donorsList ul li:nth-child(-n+4) {
  display: block;
}

@media (max-width: 1024px) {
  .donorsList ul li {
    width: 100%;
    padding-right: 0;
  }
}

.donorsList .donorDetails {
  float: right;
  width: calc(100% - 60px);
  padding-left: 20px;
}

.donorsList .donorDetails span {
  padding: 0;
  display: block;
  font-size: 1.25rem;
}

.donorsList .donorDetails h3, .donorsList .donorDetails h4 {
  margin-top: 10px;
  font-size: 0.85rem;
  font-weight: inherit;
}

.donorsList .donorDetails h4 {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .appealPostPage .contentBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .appealPostPage .contentBlock .postAside {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .appealPostPage .contentBlock .appealContent {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .contentBlockWrapper.appealActionsWrapper, .appealActionsWrapper {
    height: auto;
  }
  .contentBlockWrapper.appealActionsWrapper .contentBlock, .appealActionsWrapper .contentBlock {
    height: auto;
  }
  .contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
    margin: 20px 0;
    text-align: center;
  }
  .contentBlockWrapper.appealActionsWrapper .appealActions a.button,
  .contentBlockWrapper.appealActionsWrapper .appealActions a.button:link, .appealActionsWrapper .appealActions a.button,
  .appealActionsWrapper .appealActions a.button:link {
    width: calc(50% - 20px);
    margin: 0 5px;
  }
}

@media (max-width: 480px) {
  .contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
    margin: 0;
  }
  .contentBlockWrapper.appealActionsWrapper .appealActions a.button,
  .contentBlockWrapper.appealActionsWrapper .appealActions a.button:link, .appealActionsWrapper .appealActions a.button,
  .appealActionsWrapper .appealActions a.button:link {
    width: 100%;
    margin: 0 0 5px 0;
  }
}

body.donate .formWrapper {
  max-width: none;
  padding: 0;
}

body.donate .formWrapper .carousel,
body.donate .formWrapper .headerText,
body.donate .formWrapper .contentBlockWrapper {
  padding: 0;
  /* remove padding on these elements as padding is applied to formWrapper in scaffolding.scss */
}

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

.donationForm {
  max-width: 1170px;
  width: 100%;
  margin: 40px auto;
  padding-left: 20px;
  padding-right: 20px;
}

.donationForm .supportedAppeal,
.donationForm .appealTotaliser {
  width: 260px;
  padding: 0;
  margin: 30px 0 0;
}

.donationForm .supportedAppeal img,
.donationForm .appealTotaliser img {
  display: none;
}

.donationForm .supportedAppeal .totaliserPanel .raisedWrapper,
.donationForm .supportedAppeal .totaliserPanel .targetWrapper,
.donationForm .appealTotaliser .totaliserPanel .raisedWrapper,
.donationForm .appealTotaliser .totaliserPanel .targetWrapper {
  width: calc(100% - 80px);
}

.donationForm .supportedAppeal .raisedWrapper,
.donationForm .appealTotaliser .raisedWrapper {
  margin-top: 0;
  margin-bottom: 15px;
}

.donationForm:after {
  content: "";
  display: table;
  clear: both;
}

.donationFormItems {
  width: calc(100% - 260px);
  max-width: none;
  margin: 0 0 50px;
  padding-right: 80px;
}

.donationAmount input[type="radio"] {
  margin-right: 30px;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
  line-height: 1;
}

.donationAmount .checkboxRadio {
  display: block;
}

.donationAmount .donationAmountFigure {
  min-width: 160px;
  padding: 0 20px;
  font-size: 2rem;
  text-align: center;
  border-right: 1px solid #fff;
}

.donationAmount span.donationAmountDescription {
  width: calc(100% - 320px);
  display: inline-block;
}

.donationAmount.donationAmountOther {
  text-transform: uppercase;
}

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

.donationAmount.donationAmountOther input#donationAmountOther {
  margin: 0 0 0 20px;
}

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

.donationFrequency label {
  font-size: 2rem;
  width: auto;
  text-align: left;
  text-transform: uppercase;
}

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

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

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

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

.donationGiftAid .checkboxRadio {
  margin: 0;
  padding: 75px 0 30px 50px;
  display: block;
  width: 100%;
}

.donationGiftAid input {
  margin: 2px 0 0;
  float: left;
}

.donationGiftAid .giftAidStatement {
  margin: 0 0 30px 30px;
  font-size: 0.85rem;
}

.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: #1171BA;
  color: #FFF;
}

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

.termsConditionsDetails {
  background-color: transparent;
  font-size: 1rem;
  padding: 20px 0;
}

@media only screen and (max-width: 768px) {
  .donationForm .appealTotaliser,
  .donationForm .supportedAppeal {
    display: none;
  }
  .donationForm .supportedAppeal img {
    display: block;
    margin: 0 auto;
  }
  .donationFormItems {
    width: 100%;
    padding: 0;
  }
  .donationAmount {
    text-align: center;
    padding: 20px;
  }
  .donationAmount input[type="radio"] {
    margin: 0;
    position: relative;
    top: auto;
  }
  .donationAmount .donationAmountFigure,
  .donationAmount span.donationAmountDescription,
  .donationAmount .donationAmountThumbnail,
  .donationAmount .donationAmountOther {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    border: 0;
  }
  .donationAmount .donationAmountFigure {
    font-size: 1.4rem;
  }
  .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.4rem;
  }
  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;
  }
  .cardEndDate input {
    max-width: 100px;
  }
  .giftAidStatement {
    float: none;
    width: auto;
  }
}

.listing .listedEvent {
  height: auto;
}

.listing .listedEvent .listedPostText {
  height: auto;
}

.listing .listedEvent .listedPostText p {
  margin-bottom: 0;
}

.listing .listedEvent .postFooterWrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  margin: 0;
  padding: 0 1.5rem;
}

.listing .listedEvent .postFooterWrapper .postFooter {
  margin: 0;
}

.listing .listedEvent .postFooterWrapper .postFooter:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.listing .listedEvent .postFooterWrapper time span:last-of-type {
  display: none;
}

.listing .listedEvent .postFooterWrapper p.associatedStartDate {
  display: block;
}

.listing .listedEvent .postFooterWrapper p.associatedStartDate strong {
  width: 16px;
  height: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  margin-right: 5px;
}

.listing .listedEvent .postFooterWrapper p.associatedStartDate strong:before {
  width: 20px;
  height: 20px;
  font-family: 'FontAwesome';
  content: '\f073';
  font-size: 1rem;
  display: block;
}

.listing .listedEvent .postFooterWrapper p {
  margin-right: 0;
  font-weight: 700;
}

.listing .listedEvent .postFooterWrapper p:before,
.listing .listedEvent .postFooterWrapper p strong:before {
  font-weight: normal;
}

.listing .listedEvent .postFooterWrapper .relatedWrapper, .listing .listedEvent .postFooterWrapper .publishDetailsWrapper {
  display: none;
}

.eventContent table td {
  padding: 10px;
}

.eventContent table input[type="text"] {
  margin-top: 0;
}

.eventContent table.itemColumn {
  width: 40%;
}

.eventContent table h3 {
  margin-top: 0;
}

.eventContent thead {
  color: rgba(65, 64, 66, 0.5);
}

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

.itemColumn {
  width: 40%;
}

.quantityColumn {
  min-width: 130px;
}

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

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

@media (max-width: 1024px) {
  .itemColumn {
    width: 20%;
  }
}

@media (max-width: 768px) {
  a.mapLink,
  a.addToCalender,
  a.eventBookingBtn {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}

@media (max-width: 540px) {
  .priceColumn .price,
  .eventPostPage .itemName {
    font-size: 1em;
  }
  .quantityColumn input {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
  }
}

.newsListingPage .listedPost .postFooterWrapper {
  display: none;
  margin: 0;
}

.newsListingPage .listedPost .postFooter {
  margin: 0;
}

.newsListingPage .listedPost .publishDetailsWrapper {
  display: block;
}

.newsListingPage .listedPost .publishDetailsWrapper p {
  display: none;
}

.newsListingPage .listedPost p.publishDatesWrapper {
  display: block;
  font-weight: 700;
}

.newsListingPage .listedPost p.publishDatesWrapper strong {
  width: 17px;
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  margin-right: 5px;
}

.newsListingPage .listedPost p.publishDatesWrapper strong:before {
  width: 20px;
  height: 20px;
  font-family: 'FontAwesome';
  content: '\f073';
  font-size: 1rem;
  display: block;
}

.departments {
  display: none;
}

.shopLandingContent {
  width: 100%;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.shopLandingContent .postFooterWrapper {
  display: block;
}

.productsList .listing .listedPost .postFooterWrapper {
  display: block;
  padding: 0;
}

.shopLandingContent .listedPost.listedProduct,
.productList .listedPost.listedProduct {
  margin-left: 0;
  width: calc( 33.33333% - 40px);
  margin-right: 60px;
  float: left;
  display: block;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 0;
}

.shopLandingContent .listedPost.listedProduct:nth-of-type(3n), .shopLandingContent .listedPost.listedProduct:last-child,
.productList .listedPost.listedProduct:nth-of-type(3n),
.productList .listedPost.listedProduct:last-child {
  margin-right: 0;
}

.shopLandingContent .listedPost.listedProduct .home-feature-image-link,
.shopLandingContent .listedPost.listedProduct .listed-post-image-link,
.productList .listedPost.listedProduct .home-feature-image-link,
.productList .listedPost.listedProduct .listed-post-image-link {
  width: 100%;
  display: block;
}

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

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

.listedProductText {
  width: 100%;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.listedProductText h2 {
  margin-top: 0;
}

.listedProductText .readMore,
.listedProductText .relatedWrapper {
  display: none;
}

.productPostPage {
  margin-top: 100px;
}

.productPostPage .postFooterWrapper {
  margin-top: 40px;
}

.productPostPage .postFooterWrapper .relatedWrapper {
  display: none;
}

.productPostPage .postAside {
  width: 100%;
  float: none;
  padding: 0;
}

.productPostPage .postAside > h3 {
  margin-top: 20px;
}

.productPostPage .postAside .banner {
  display: none;
}

.productPostPage .postAside ul.associatedListing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}

.productPostPage .postAside ul.associatedListing li {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 15px 0;
}

.productPostPage .postAside ul.associatedListing li:nth-child(4n) {
  margin-right: 0;
}

.productPostPage .postAside ul.associatedListing li h3 {
  margin-top: 0;
  font-size: 1em;
}

.productPostPage .postAside ul.associatedListing li .productPrice {
  font-size: 1em;
}

.productPostPage .postAside .associated-listing-description {
  display: none;
}

.productPostPage .productBannerWrapper {
  width: 33.333%;
}

.productPostPage .productBannerWrapper span {
  width: 100%;
}

.productPostPage .productBannerWrapper img {
  width: 100%;
  max-width: 100%;
}

.productPostPage .productBannerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.productPostPage .productBannerList li {
  margin: 0 10px 10px 0;
  min-width: 50px;
}

.productPostPage .productText {
  width: 66.666%;
  float: right;
  padding-left: 20px;
}

.productPostPage .productReviews {
  clear: both;
  float: left;
  width: 100%;
}

.productContentWrapper:after {
  content: "";
  display: table;
  clear: both;
}

.formQuestion.productQuantity {
  width: 20%;
}

.productActions {
  padding-top: 30px;
  position: relative;
  width: 80%;
}

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

.postFooterWrapper .productFooter .footerDepartments {
  margin-top: 0;
}

.postFooterWrapper .productFooter .goToCheckout {
  display: none;
}

.productFooter {
  position: relative;
}

.footerDepartments {
  margin-top: 0;
}

.productReviews .formWrapper {
  margin: 0;
  max-width: 100%;
}

.productReviews textarea {
  margin-top: 15px;
}

.productReviews .postComments .commentForm button.addComment {
  margin-top: 5px;
}

.relatedProducts {
  clear: both;
}

.relatedProducts ul.associatedListing li img {
  display: block;
}

.relatedProducts.associated:first-child {
  margin-top: 40px;
}

.oneUp {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1024px) {
  .productPostPage .postAside ul.associatedListing li {
    width: calc((100% - 20px) / 2);
  }
  .productPostPage .postAside ul.associatedListing li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .shopLandingContent,
  .productList {
    width: 100%;
    float: none;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .shopLandingContent .listedPost.listedProduct,
  .productList .listedPost.listedProduct {
    width: 100%;
    float: none;
    display: block;
  }
  .listedProductText h2 {
    font-size: 24px;
  }
  .productPostPage {
    margin-top: 20px;
  }
  .productPostPage .productBannerWrapper {
    padding-right: 0;
    float: none;
    text-align: center;
    width: 100%;
  }
  .productPostPage .productBannerWrapper .productBannerList li {
    float: none;
    display: inline-block;
  }
  .productPostPage .productText {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .productPostPage .postAside ul li {
    width: 50%;
  }
  .productPostPage .postAside ul li:nth-child(4n + 1) {
    clear: none;
  }
  .productPostPage .postAside ul li:nth-child(2n + 1) {
    clear: left;
  }
  .formQuestion.productQuantity {
    width: 100%;
    max-width: 100px;
  }
  .productActions {
    width: 100%;
    max-width: calc(100% - 120px);
  }
}

@media screen and (max-width: 480px) {
  .productPostPage .postAside ul.associatedListing li {
    margin-right: 0;
    width: 100%;
  }
  .formQuestion.productQuantity,
  .productActions {
    width: 100%;
    float: none;
    max-width: 100%;
  }
  .productActions {
    padding: 0;
    margin-top: 10px;
  }
  .productActions a.button:link {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .productFooter a.button:link {
    width: 100%;
    margin-bottom: 5px;
  }
}

.paymentPage {
  margin-bottom: 40px;
}

.paymentPage td {
  padding: 10px 20px;
}

.paymentPage .paymentForm legend,
.paymentPage table caption h2 {
  text-align: center;
}

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

h3.vat {
  color: rgba(65, 64, 66, 0.5);
}

.promoCode,
.deliveryAmount {
  margin-top: 40px;
  margin-bottom: 0;
}

.promoCode span,
.deliveryAmount span {
  font-size: 1rem;
}

.promoCode h3,
.promoCode label,
.deliveryAmount h3,
.deliveryAmount label {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.promoCode .deliveryOptions,
.deliveryAmount .deliveryOptions {
  width: auto;
  min-width: 300px;
}

.promoCode input,
.deliveryAmount input {
  width: auto;
  min-width: 150px;
  margin: 0;
  float: right;
}

.promoCode button#applyPromo,
.deliveryAmount button#applyPromo {
  float: right;
  margin: 0 10px 0 0;
}

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

fieldset.registerForm,
fieldset.delivery {
  border: 2px solid #f3f3f3;
  padding: 20px;
}

fieldset.registerForm legend,
fieldset.delivery legend {
  text-align: center;
}

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

.continueShoppingWrapper {
  display: none;
}

@media screen and (max-width: 768px) {
  .paymentPage .basket .itemColumn {
    min-width: 140px;
  }
  .paymentPage .basket .quantityColumn, .paymentPage .basket .priceColumn, .paymentPage .basket .removeColumn {
    min-width: 100px;
    width: 15%;
  }
  .paymentPage .basket .quantityColumn {
    min-width: 140px;
  }
  h3.vat,
  h2.total {
    font-size: 1.6rem;
  }
  .itemThumb {
    float: none;
    margin: 0;
  }
  .promoCode span,
  .promoCode h3,
  .promoCode label,
  .deliveryAmount span,
  .deliveryAmount h3,
  .deliveryAmount label {
    width: 100%;
    float: none;
    text-align: left;
  }
  .promoCode .deliveryOptions,
  .deliveryAmount .deliveryOptions {
    width: 100%;
    min-width: 100%;
    float: none;
  }
  .promoCode input,
  .deliveryAmount input {
    width: 100%;
    margin: 0;
  }
  .promoCode button#applyPromo,
  .deliveryAmount button#applyPromo {
    width: 100%;
    margin: 5px 0 0;
  }
  .paymentFormWrapper,
  .paymentEtc {
    padding-right: 0;
    padding-left: 0;
  }
  button.postcodeLookUpBtn,
  button.addressEnterBtn,
  .registerButtons button.button {
    width: 100%;
    margin: 5px 0 0 0;
  }
}

@media (max-width: 768px) {
  .paymentPage .basket table,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) {
    overflow: visible;
  }
  .paymentPage .basket table thead,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) thead {
    display: none;
  }
  .paymentPage .basket table caption,
  .paymentPage .basket table tbody,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) caption,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody {
    width: 100%;
    display: block;
  }
  .paymentPage .basket table tbody tr,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid #eee;
  }
  .paymentPage .basket table tbody tr:nth-child(odd), .paymentPage .basket table tbody tr:nth-child(even),
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody tr:nth-child(odd),
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody tr:nth-child(even) {
    background-color: transparent;
  }
  .paymentPage .basket table tbody td,
  .paymentPage .basket table tbody td.removeColumn,
  .paymentPage .basket table tbody td.quantityColumn,
  .paymentPage .basket table tbody td.priceColumn,
  .paymentPage .basket table tbody td.itemColumn,
  .paymentPage .basket table tbody td.enquiryColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.removeColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.quantityColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.priceColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.itemColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.enquiryColumn {
    width: 100%;
    padding-left: 50%;
    position: relative;
    text-align: left;
    min-height: 1rem;
  }
  .paymentPage .basket table tbody td:before,
  .paymentPage .basket table tbody td.removeColumn:before,
  .paymentPage .basket table tbody td.quantityColumn:before,
  .paymentPage .basket table tbody td.priceColumn:before,
  .paymentPage .basket table tbody td.itemColumn:before,
  .paymentPage .basket table tbody td.enquiryColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.removeColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.quantityColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.priceColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.itemColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.enquiryColumn:before {
    display: block;
    width: calc(50% - 20px);
    position: absolute;
    left: 10px;
    font-weight: bold;
  }
  .paymentPage .basket table tbody td:after,
  .paymentPage .basket table tbody td.removeColumn:after,
  .paymentPage .basket table tbody td.quantityColumn:after,
  .paymentPage .basket table tbody td.priceColumn:after,
  .paymentPage .basket table tbody td.itemColumn:after,
  .paymentPage .basket table tbody td.enquiryColumn:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.removeColumn:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.quantityColumn:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.priceColumn:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.itemColumn:after,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody td.enquiryColumn:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: calc(50% + 20px);
    top: 0;
    background-color: #eee;
    display: block;
    content: '';
    visibility: visible;
  }
  .paymentPage .basket table tbody .itemColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody .itemColumn:before {
    content: 'Item';
  }
  .paymentPage .basket table tbody .quantityColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody .quantityColumn:before {
    content: 'Quantity';
  }
  .paymentPage .basket table tbody .priceColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody .priceColumn:before {
    content: 'Price';
  }
  .paymentPage .basket table tbody .enquiryColumn:before,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody .enquiryColumn:before {
    content: 'Enquiry';
  }
  .paymentPage .basket table tbody .removeColumn,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) tbody .removeColumn {
    border-bottom: 1px solid #eee;
  }
  .paymentPage .basket table td,
  .eventContent section:not(.contentWrapper) table:not(.flexTable) td {
    padding-left: 5px;
    padding-right: 5px;
  }
  .deliveryAmount label {
    display: none;
  }
}

.fundraiserListingPage .fundraiserSearchResults {
  float: left;
  width: 100%;
}

.fundraiserListingPage .fundraiserSearchResults .listContent {
  float: none;
  width: 100%;
  padding: 0;
}

.fundraiserListingPage .postAside {
  display: none;
}

.fundraiserSearchResults {
  width: 100%;
}

.fundraiserSearchResults .listedFundraiser {
  margin: 0 2.5% 2.5% 0;
  width: calc((100% - (2.5% * 3)) / 4);
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 0;
}

.fundraiserSearchResults .listedFundraiser:nth-child(4n) {
  margin-right: 0;
}

.fundraiserSearchResults .listedFundraiser img {
  margin-right: 0;
  float: none;
}

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

.findAFundraiser {
  max-width: 1170px;
  padding: 0 20px;
  margin-top: 60px;
}

.findAFundraiser legend {
  border-bottom: 0;
}

.findAFundraiser .findAFundraiserEvent {
  margin-left: 0;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .findAFundraiser .formQuestion {
    float: none;
    width: 100%;
  }
  .findAFundraiser .formQuestion.findAFundraiserEvent {
    padding-left: 0;
  }
}

#uploadifive-uploadifiveucFile,
.uploadifive-button.commentAddImage {
  background-color: #1171BA !important;
  margin: 10px 0;
  color: white !important;
}

@media (max-width: 480px) {
  #uploadifive-uploadifiveucFile,
  .uploadifive-button.commentAddImage {
    width: 100% !important;
    margin: 10px 0;
  }
}

.fundraiserBannerHint {
  clear: both;
  margin: 10px 0 20px 0;
  font-size: 0.8em;
}

.fundraiserPostPage .contentBlockWrapper.appealActionsWrapper {
  height: auto;
  margin-bottom: 40px;
}

.fundraiserPostPage .appealCommentsWrapper .formWrapper,
.fundraiserPostPage .tabsWrapper {
  display: none;
}

.fundraiserPostPage .postComments,
.fundraiserPostPage ul.commentsList {
  border: 0;
}

.fundraiserPostPage ul.commentsList li.commentDonation:first-child {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

#fundraiser-create-form .registerForm {
  margin: 40px 0;
  padding: 0;
}

#fundraiser-create-form .registerForm legend {
  background-color: #f3f3f3;
  padding: 10px 20px;
}

.fundraiserDashWrapper .accordianBody {
  padding: 20px;
}

.fundraiserDashWrapper .shareList {
  padding-left: 0;
}

@media (max-width: 768px) {
  .fundraiserSearchResults .listedFundraiser {
    width: calc((100% - 2.5%) / 2);
  }
  .fundraiserSearchResults .listedFundraiser:nth-child(2n) {
    margin-right: 0;
  }
  .fundraiserPostPage .contentBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fundraiserPostPage .contentBlock .postAside {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .fundraiserPostPage .contentBlock .fundraiserContent {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

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

span.postcode-lookup-buttons {
  display: block;
  margin-top: 15px;
}

button.postCreateTagsBtn {
  margin-top: 15px;
}

.customForm {
  position: relative;
  min-height: 200px;
}

.customForm .formThanksText {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.button,
a.button:link,
a.button:visited,
.commentAddImage,
button,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.commentAddImage,
.button.ghostContinue,
.readMore,
a.addToCalender,
.post_collapseReadMore a,
.listedFilters a.filter,
.appliedFilters span.filter,
.groupedFilters .filter,
a.cta-button {
  background-color: #1171BA;
  color: #FFF;
  padding: 0.75em 1.5em;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.button:hover,
a.button:link:hover,
a.button:visited:hover,
.commentAddImage:hover,
button:hover,
#totaliserActions .buttonDonate:hover,
#totaliserActions .buttonFundraise:hover,
.commentAddImage:hover,
.button.ghostContinue:hover,
.readMore:hover,
a.addToCalender:hover,
.post_collapseReadMore a:hover,
.listedFilters a.filter:hover,
.appliedFilters span.filter:hover,
.groupedFilters .filter:hover,
a.cta-button:hover {
  color: #FFF;
  background-color: #0d558b;
}

.mainCallToAction a.button-alt,
.mainCallToAction a.cta-button:not(.cta-donate) {
  background-color: #90B536;
  color: #FFF;
}

.mainCallToAction a.button-alt:hover,
.mainCallToAction a.cta-button:not(.cta-donate):hover {
  background-color: #718e2a;
}

.mainCallToAction a.button-alt:not(:last-of-type),
.mainCallToAction a.cta-button:not(.cta-donate):not(:last-of-type) {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 4px #90B536;
          box-shadow: inset 0 0 0 4px #90B536;
  color: black;
}

@media (max-width: 767px) {
  .mainCallToAction a.button-alt:not(:last-of-type),
  .mainCallToAction a.cta-button:not(.cta-donate):not(:last-of-type) {
    color: #FFF;
  }
}

.mainCallToAction a.button-alt:not(:last-of-type):hover,
.mainCallToAction a.cta-button:not(.cta-donate):not(:last-of-type):hover {
  background-color: #90B536;
  color: #FFF;
}

@media (min-width: 1025px) {
  body.homepage .mainCallToAction a.button-alt:not(:last-of-type),
  body.homepage .mainCallToAction a.cta-button:not(.cta-donate):not(:last-of-type) {
    color: white;
  }
  body.homepage .mainCallToAction a.button-alt:not(:last-of-type):hover,
  body.homepage .mainCallToAction a.cta-button:not(.cta-donate):not(:last-of-type):hover {
    color: #FFF;
  }
}

a.button.donate,
a.button.donateBtn,
a.cta-button.cta-donate,
#totaliserActions .buttonDonate {
  background-color: #4D8F2E;
  color: #FFF;
}

a.button.donate:hover,
a.button.donateBtn:hover,
a.cta-button.cta-donate:hover,
#totaliserActions .buttonDonate:hover {
  background-color: #386822;
}

span.readMore a {
  color: #414042;
}

a.buttonIcon:link, a.buttonIcon:visited,
a.remove, a.remove:link {
  background-color: #1171BA;
  color: #FFF;
}

a.buttonIcon:link:hover, a.buttonIcon:visited:hover,
a.remove:hover, a.remove:link:hover {
  background-color: #1171BA;
  color: #FFF;
}

@media screen and (max-width: 992px) {
  a.buttonIcon:link.increaseQuantity, a.buttonIcon:link.decreaseQuantity {
    color: #1171BA;
  }
  a.buttonIcon:link.increaseQuantity:hover, a.buttonIcon:link.decreaseQuantity:hover {
    color: #1171BA;
  }
}

.carouselSides {
  position: relative;
}

.carouselDetailWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0;
  top: 0;
  left: 0;
  background-color: rgba(65, 64, 66, 0.4);
}

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

.carouselDetailWrapper p,
.carouselDetailWrapper .totaliserFigure,
.carouselDetailWrapper .totaliserLabel {
  color: #FFF;
}

.carouselSlideDetail {
  width: 85%;
  padding: 0;
  background-color: transparent;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
}

@media (min-width: 1025px) and (max-width: 1160px) {
  body.homepage .carouselSlideDetail {
    top: auto;
    -webkit-transform: none;
            transform: none;
    bottom: 50px;
  }
  body.homepage .carouselSlideDetail h2 {
    font-size: 2rem;
  }
  body.homepage .carouselImageMultiple .carouselSlideDetail {
    bottom: 70px;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  body.homepage .carouselSlide,
  body.homepage .carouselSlideTitle {
    height: 600px;
  }
  body.homepage .carouselSlideTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body.homepage .carouselSlideTitle img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    body.homepage .carouselSlideTitle img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
}

.carouselSlideDetail {
  font-size: inherit;
  max-width: 900px;
}

.carouselSlideDetail h2, .carouselSlideDetail p {
  text-align: center;
}

.carouselSlideDetail h2 {
  margin-top: 0;
  font-size: 2.4rem;
}

.carouselSlideDetail h2 a:hover {
  text-decoration: none;
}

.carouselSlideDetail p {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.carouselSlideReadMore {
  font-size: .875rem;
  margin: 15px auto 0;
  display: none;
}

.carouselSlide {
  display: block;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-height: none;
}

.carouselSlide.hidden {
  opacity: 0;
  display: block !important;
  position: absolute;
  width: 100%;
}

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

.showsVideo {
  height: 100%;
  width: 100%;
  display: block;
}

.showsVideo:before {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 160px;
  height: 160px;
  line-height: 160px;
  z-index: 1;
  top: 30%;
}

.showsVideo + .carouselDetailWrapper .carouselSlideSummary {
  display: none;
}

.showsVideo + .carouselDetailWrapper .carouselSlideDetail {
  margin-top: 100px;
}

.showsVideo + .carouselDetailWrapper .carouselSlideDetail h2 {
  margin: 0;
}

section.carousel.carouselImageSingle:not(.hasCaption) .showsVideo:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel .totaliserPanel {
  max-width: 260px;
  margin: 20px auto;
}

.carousel #totaliserActions {
  text-align: center;
  margin-top: 20px;
}

.carousel #totaliserActions .buttonFundraise,
.carousel #totaliserActions .buttonDonate {
  float: none;
  margin: 0px 5px 0;
}

@media screen and (max-width: 1024px) {
  .carousel #totaliserActions .buttonFundraise,
  .carousel #totaliserActions .buttonDonate {
    width: 100%;
    margin: 0 0 5px 0;
  }
}

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

@media screen and (max-width: 1024px) {
  .carouselDetailWrapper {
    position: relative;
  }
  .carouselDetailWrapper p,
  .carouselDetailWrapper h2.carouselSlideHeading a,
  .carouselDetailWrapper h2.carouselSlideHeading a:link,
  .carouselDetailWrapper .totaliserFigure,
  .carouselDetailWrapper .totaliserLabel {
    color: #FFF;
  }
  .carouselSlideDetail {
    position: relative;
    width: 100%;
    padding: 20px;
    top: auto;
    -webkit-transform: none;
    transform: none;
    background-color: #1171ba;
    max-width: none;
  }
  .carouselSlideDetail h2 {
    font-size: 2rem;
  }
  #totaliserActions .buttonFundraise, .totaliserDone {
    background-color: #0d558b;
  }
  .carouselSlideReadMore {
    display: table;
    background-color: #0d558b;
  }
  .showsVideo:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
  }
  .showsVideo + .carouselDetailWrapper .carouselSlideDetail {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .carouselSlideDetail h2 {
    font-size: 1.5rem;
  }
}

ul.carouselControls {
  display: none;
  padding: 0 20px;
  width: 100%;
}

ul.carouselControls li a {
  color: rgba(255, 255, 255, 0.6);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

ul.carouselControls li a:before {
  line-height: 40px;
  font-size: 40px;
  height: 40px;
  font-family: 'FontAwesome';
}

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

ul.carouselButtons {
  text-align: center;
  background-color: transparent;
  position: absolute;
  bottom: 30px;
  padding: 0 50px;
}

ul.carouselButtons li {
  display: inline-block;
  border: 0;
  padding: 0;
  float: none;
  width: auto;
  background-color: transparent;
  margin: 0;
}

ul.carouselButtons li.activeSlide {
  border-bottom: 0;
}

ul.carouselButtons li.activeSlide a.button {
  background-color: #1171BA;
}

ul.carouselButtons li a.button {
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  border-radius: 18px;
  overflow: hidden;
  padding: 0;
  text-indent: 40px;
}

ul.carouselButtons li a.button:hover {
  background-color: white;
}

@media screen and (max-width: 1024px) {
  .carousel .carouselButtons {
    display: none;
  }
  ul.carouselControls {
    display: block;
  }
  ul.carouselControls li a {
    margin-top: 0;
    top: 20px;
    bottom: auto;
  }
}

.showsVideo:before {
  background-color: transparent;
  border-radius: 0;
  font-size: 100px;
  font-family: 'FontAwesome';
  content: '\f144';
}

@media screen and (max-width: 480px) {
  .showsVideo:before {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
}

.videoPopUpWrapper {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .videoPopUpWrapper {
    width: 640px;
    height: 360px;
  }
}

@media (max-width: 768px) {
  .videoPopUpWrapper {
    width: 500px;
    height: 281px;
  }
}

@media (max-width: 540px) {
  .videoPopUpWrapper {
    width: 420px;
    height: 236px;
  }
}

@media (max-width: 480px) {
  .videoPopUpWrapper {
    width: 300px;
    height: 169px;
    padding: 10px;
  }
}

@media (max-width: 360px) {
  .videoPopUpWrapper {
    width: 280px;
    height: 158px;
  }
}

.videoPopupClose {
  top: -10px;
  right: -10px;
  line-height: 30px;
}

.videoPopupClose:before {
  width: 30px;
  height: 30px;
  margin: 0;
  line-height: 30px;
  content: '\f00d';
  font-family: 'FontAwesome';
  font-size: 18px;
}

.videoPopupClose:hover {
  text-decoration: none;
  background-color: #1171BA;
  color: #fff;
}

@media (max-width: 540px) {
  .videoPopupClose {
    top: -10px;
    right: -10px;
  }
}

.accordianHeader p.postSummary {
  padding: 0;
}

.yourDonation > legend + .donationFrequency {
  padding-left: 10px;
  padding-right: 10px;
}

header#pageHeader {
  position: relative;
  background-color: transparent;
  top: auto;
  z-index: 2;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07);
  padding: 0;
}

header#pageHeader .headerContent {
  position: relative;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  max-width: 100%;
}

header#pageHeader.sticky,
.homepage header#pageHeader.sticky {
  position: fixed !important;
  top: 0 !important;
  z-index: 3;
  background-color: #fff;
}

header#pageHeader.sticky:before,
.homepage header#pageHeader.sticky:before {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 10vw;
}

header#pageHeader.sticky .mainLogo,
.homepage header#pageHeader.sticky .mainLogo {
  margin: 1rem 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 175px;
  height: 50px;
}

header#pageHeader.sticky .headerContent,
.homepage header#pageHeader.sticky .headerContent {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  header#pageHeader.sticky .headerContent,
  .homepage header#pageHeader.sticky .headerContent {
    padding-bottom: 0;
  }
}

header#pageHeader.sticky .mainCallToAction,
.homepage header#pageHeader.sticky .mainCallToAction {
  margin: 10px 120px 10px 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media screen and (max-width: 767px) {
  header#pageHeader.sticky .mainCallToAction,
  .homepage header#pageHeader.sticky .mainCallToAction {
    margin: 1rem 0 0;
  }
}

header#pageHeader.sticky .mainCallToAction .tagline,
.homepage header#pageHeader.sticky .mainCallToAction .tagline {
  color: #414042;
}

header#pageHeader.sticky .mainCallToAction .cta-button:not(:last-of-type),
.homepage header#pageHeader.sticky .mainCallToAction .cta-button:not(:last-of-type) {
  color: #000;
}

header#pageHeader.sticky .mainCallToAction ul.socialIcons,
.homepage header#pageHeader.sticky .mainCallToAction ul.socialIcons {
  display: none;
}

header#pageHeader.sticky .menuMain,
.homepage header#pageHeader.sticky .menuMain {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  bottom: 5px;
}

header#pageHeader.sticky .menuMainAlt,
.homepage header#pageHeader.sticky .menuMainAlt {
  color: #000;
}

.mainLogo {
  margin: 20px 0;
  z-index: 1;
}

.pageHeader .menuAdminContainer {
  display: none;
}

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

.mainCallToAction {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mainCallToAction ul.socialIcons,
.mainCallToAction a.cta-button {
  display: inline-block;
  vertical-align: middle;
}

.mainCallToAction ul.socialIcons {
  margin-right: 20px;
}

.mainCallToAction a.cta-button {
  margin-right: 0;
  margin-left: 1rem;
}

.mainCallToAction .tagline {
  display: none;
}

.headerFollowContainer {
  display: none;
}

@media (min-width: 1025px) {
  .homepage header#pageHeader {
    position: absolute;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .homepage .mainLogo {
    background-image: url("/small-charity/clients/planvivofoundation/assets/logo-white.svg");
    margin: 2rem 0;
  }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1025px) and (min-resolution: 192dpi), only screen and (min-width: 1025px) and (min-resolution: 2dppx) {
  .homepage .mainLogo {
    background-image: url("/small-charity/clients/planvivofoundation/assets/logo-white.svg");
  }
}

@media (min-width: 1025px) {
  .homepage .mainCallToAction .tagline {
    color: #fff;
  }
  .homepage .menuMainAlt {
    color: #fff;
  }
  .homepage .menuMainAlt:hover {
    color: #fff;
  }
}

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

@media screen and (max-width: 1024px) {
  header#pageHeader .headerContent {
    width: 100%;
  }
  header#pageHeader .headerContent .mainCallToAction {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  header#pageHeader .headerContent .mainCallToAction .tagline {
    display: none;
  }
  .mainCallToAction .tagline {
    color: #90B536;
  }
  .cc-cookies {
    position: fixed;
  }
}

@media screen and (max-width: 767px) {
  header#pageHeader .headerContent {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header#pageHeader .headerContent .mainCallToAction {
    margin: 1rem 0 0;
  }
  header#pageHeader .headerContent .mainCallToAction a.cta-button:not(.cta-donate) {
    display: none;
  }
  .mainLogo {
    margin: 1rem 0;
    min-height: 72px;
  }
}

@media (max-width: 480px) {
  .mainCallToAction a.cta-button {
    width: auto;
    display: none;
    margin-top: 0;
  }
  .mainCallToAction a.cta-donate {
    display: block;
  }
  .searchContainer button {
    margin: 0;
  }
}

.footerBox {
  margin-left: 0;
  width: calc( 33.33333% - 40px);
  margin-right: 60px;
  float: left;
  display: block;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footerBox:nth-of-type(3n), .footerBox:last-child {
  margin-right: 0;
}

.footerBox.footerBox5 {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

.pageFooterWrapper {
  border-top: 0;
  padding: 4rem 0 0;
  background-color: #F0F0F0;
}

.pageFooter {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1170px;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footerBox {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 3rem 0 2rem;
  font-size: 0.875rem;
}

.footerBox h1, .footerBox h2, .footerBox h3 {
  margin-top: 0;
  font-size: 1.375rem;
  color: #414042;
}

.footerBox ul li, .footerBox ol li {
  list-style: none;
  color: #414042;
  margin-right: 5px;
}

.footerBox p, .footerBox a {
  color: #414042;
  font-size: 0.875rem;
}

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

.footerBox5 {
  text-align: center;
  font-size: 0.75rem;
  margin: 4rem 0 2rem 0;
  max-width: none;
  padding: 0 2rem;
}

.footerBox5 p {
  font-size: 0.75rem;
}

.footerBox5 ul li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.footerBox5 .socialIcons {
  margin: 20px 0;
}

.footerTwitter {
  display: none;
}

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

ul#menuAdmin {
  max-width: 1170px;
  width: 100%;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}

ul#menuAdmin li {
  margin: 0 10px;
  padding: 0;
}

ul#menuAdmin li a {
  font-size: 1rem;
  padding: 0;
  border: 0;
  color: #414042;
}

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

.footerBox li.menuAdminBasket {
  display: none;
}

li.menuAdminBasket span:not(.basket-summary) {
  font-size: 0;
}

li.menuAdminBasket span:not(.basket-summary):before {
  content: '\f291';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: .85rem;
  margin-right: 5px;
}

.footerBox.Footerlogos:last-child {
  margin: 0;
}

@media (max-width: 767px) {
  .pageFooter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footerTwitter, .footerBox {
    width: 100%;
    max-width: none;
    float: none;
    text-align: center;
    display: block;
    margin-bottom: 30px;
  }
  .footerBox form.header-search {
    margin: 2rem auto 0 auto;
  }
  ul#menuAdmin {
    padding: 0;
  }
  ul#menuAdmin li {
    margin: 0 5px;
  }
  .footerBox5 {
    margin-top: 0;
  }
}

.menuMain {
  float: none;
  background-color: transparent;
}

.menuMain .mainCallToAction,
.menuMain form.header-search {
  display: none;
}

.menuMain ul {
  padding: 0;
}

.menuMain ul li {
  display: block;
}

.menuMain ul li a {
  font-weight: 700;
  position: relative;
}

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

.menuMain .subMenu {
  border: 0;
  min-width: 200px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.menuMain .subMenu li a {
  color: #FFF;
}

.menuMain .subMenu li a:hover {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.15);
}

ul.topLevel {
  margin: 0 auto;
}

a.menuMainAlt {
  color: #414042;
  position: absolute;
  bottom: auto;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: none;
  transition: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}

a.menuMainAlt:hover {
  text-decoration: none;
}

a.menuMainAlt:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  margin-right: 10px;
  font-family: 'FontAwesome';
  content: '\f0c9';
}

a.menuMainAlt.active:before {
  vertical-align: bottom;
  color: #FFF;
  content: '\f00d';
}

.breadcrumbList {
  margin-bottom: 0;
}

.breadcrumbItem {
  float: none;
  display: inline-block;
  margin-right: 10px;
  white-space: inherit;
  line-height: normal;
}

.breadcrumbItem:before {
  padding-right: 10px;
  display: inline-block;
  font-family: 'FontAwesome';
  content: '\f105';
}

@media (max-width: 1024px) {
  a.menuMainAlt {
    right: 20px;
  }
  .mainCallToAction {
    margin-right: 90px;
  }
}

@media screen and (max-width: 768px) {
  .menuMain > ul {
    border: 0;
  }
  .menuMain ul {
    display: block;
  }
  .menuMain li a {
    border-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  a.menuMainAlt {
    top: auto;
    -webkit-transform: none;
            transform: none;
    bottom: 1rem;
    right: calc(2.5% + 20px);
  }
  .menuMain .mainCallToAction {
    display: block;
    width: 100%;
    float: none;
  }
  .menuMain .mainCallToAction .cta-button {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 1em;
    margin: 5px 0;
  }
  .menuMain .mainCallToAction .tagline,
  .menuMain .mainCallToAction .cta-donate {
    display: none;
  }
}

html {
  overflow-x: hidden;
}

body {
  position: relative;
  right: 0;
}

header.pageHeader {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header.pageHeader .headerContent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.menuMain {
  background-color: #1171BA;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 400px;
  position: fixed;
  top: 0;
  z-index: 10;
  padding: 80px 0 40px 0;
  height: 100%;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  right: -400px;
  overflow-y: scroll;
}

.menuMain.active {
  right: 0;
}

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

.menuMain ul li a {
  color: #FFF;
  height: auto;
  position: relative;
  padding: 10px 40px;
}

.menuMain ul li a:hover {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.15);
}

.menuMain ul.topLevel > li > a.active:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.menuMain ul li.hasSubmenu > a:after {
  padding: 0;
  position: absolute;
  font-size: 1em;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
  font-family: 'FontAwesome';
  content: '\f107';
}

.menuMain ul li.hasSubmenu > a.active:after {
  content: '\f106';
}

.menuMain ul li.hasSubmenu .subMenu {
  position: static;
  margin: 0;
  min-width: 0;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.menuMain ul li.hasSubmenu .subMenu.active {
  display: block;
}

.menuMain ul.topLevel {
  width: 100%;
}

.menuMain ul.topLevel > li.menuAdminAltItems {
  display: block;
}

.menuMain ul.topLevel > li.menuAdminAltItems.menuAdminBasket {
  display: none;
}

.menuMain ul.topLevel li.menuAdminBasket span:not(.basket-summary) {
  font-size: 0;
  line-height: 0;
}

.menuMain ul.topLevel li.menuAdminBasket span:not(.basket-summary):before {
  content: '\f291';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: .85rem;
  margin-right: .7rem;
}

.menuMain .mainCallToAction ul.socialIcons {
  display: none;
}

.menuMain .subMenu {
  background-color: rgba(255, 255, 255, 0.15);
  z-index: 2;
}

.menuMain form.header-search {
  display: block;
  padding: 10px 40px;
  position: relative;
}

.menuMain form.header-search #siteSearch {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #414042;
}

.menuMain form.header-search #siteSearch:focus {
  background-color: #fff;
}

.menuMain form.header-search button {
  margin-right: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

a.menuMainAlt {
  display: block;
}

a.mobile-close.menuMainAlt {
  display: block;
  z-index: 100;
  bottom: auto;
  top: 40px;
  left: 40px;
  right: auto;
  position: absolute;
  -webkit-animation: fadeIn 300ms ease-in-out 300ms forwards;
          animation: fadeIn 300ms ease-in-out 300ms forwards;
  padding: 0;
  color: #FFF;
}

a.mobile-close.menuMainAlt:hover {
  color: #FFF;
}

@media screen and (max-width: 1024px) {
  header .menuMain.active {
    max-height: 100%;
  }
}

@media screen and (max-width: 768px) {
  a.menuMainAlt {
    background-color: transparent;
  }
}

@media screen and (max-width: 767px) {
  .menuMain .mainCallToAction {
    padding: 0 40px;
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 480px) {
  a.mobile-close.active {
    left: 20px;
    right: auto;
    top: 20px;
  }
  .menuMain {
    width: 240px;
    right: -240px;
    padding-top: 60px;
  }
  .menuMain ul.topLevel {
    padding: 0;
  }
  .menuMain ul li.mobile-social {
    display: none;
  }
  .menuMain ul li.hasSubmenu > a:after {
    right: 20px;
  }
  .menuMain ul li.hasSubmenu .subMenu li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.NewsletterSign-up {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
  background-color: #414042;
  padding: 6rem 20px;
  max-width: none;
  color: #fff;
}

.NewsletterSign-up .featureForm {
  max-width: 1170px;
}

.NewsletterSign-up h1 {
  color: #fff;
  font-size: 2.25rem;
  text-align: center;
}

.NewsletterSign-up .Newsletter {
  max-width: 1170px;
  margin: 0 auto;
}

.NewsletterSign-up .Newsletter > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 20px;
}

.NewsletterSign-up .formQuestion {
  margin-top: 0;
  margin-right: 2rem;
  width: 100%;
}

.NewsletterSign-up .formQuestion input {
  border: 0;
  height: auto;
  margin-top: 0;
  background-color: #fff;
  padding: 0.75em;
  line-height: normal;
}

.NewsletterSign-up .formQuestion label {
  text-align: left;
  color: #fff;
}

.NewsletterSign-up button {
  background-color: #1171BA;
  color: #FFF;
  margin: 0;
  line-height: normal;
  display: block;
  min-width: 100px;
}

.NewsletterSign-up button:hover {
  background-color: #0d558b;
}

.NewsletterSign-up:after {
  content: "";
  display: table;
  clear: both;
}

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

.userLoggedIn .NewsletterSign-up .Newsletter > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  .NewsletterSign-up {
    width: 100%;
    margin: 0;
    padding: 4rem 0;
  }
  .NewsletterSign-up h1 {
    padding: 0 20px;
  }
  .NewsletterSign-up .Newsletter > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .NewsletterSign-up .formQuestion {
    float: none;
    width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }
  .NewsletterSign-up button {
    margin-top: 20px;
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .NewsletterSign-up h1 {
    font-size: 1.5rem;
  }
}

.postFeeds .associatedAppeal .featureFooter {
  font-size: 1em;
  border: none;
  padding: 0;
}

.postFeeds .associatedAppeal .featureFooter > p,
.postFeeds .associatedAppeal .featureFooter > div {
  display: none;
}

.postFeeds .associatedAppeal .button {
  width: 100%;
  margin: 5px auto;
}

.listing .listedPost:not(.listedFundraiser) {
  margin-left: 0;
  margin-left: 0;
  width: calc( 33.33333% - 40px);
  margin-right: 60px;
  float: left;
  display: block;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: column;
}

.listing .listedPost:not(.listedFundraiser):nth-of-type(3n), .listing .listedPost:not(.listedFundraiser):last-child {
  margin-right: 0;
}

.listing .listedPost:not(.listedFundraiser) .home-feature-image-link,
.listing .listedPost:not(.listedFundraiser) .listed-post-image-link {
  width: 100%;
  display: block;
}

.listing .listedPost {
  border-bottom: 0;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 0;
  background-color: #f7f7f7;
}

.listing .listedPost .listedPostText {
  background-color: #fff;
  width: 100%;
  padding: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.listing .listedPost .banner {
  margin-bottom: 0;
}

.listing .listedPost h2 {
  margin-top: 0;
  font-size: 1.375rem;
  position: relative;
  display: inline-block;
}

.listing .listedPost h2 a {
  color: #414042;
  border-bottom: 3px solid transparent;
}

.listing .listedPost h2 a:hover {
  text-decoration: none;
}

.listing .listedPost .readMore {
  display: none;
  margin: 0;
}

.listing .listedPost .postFooterWrapper {
  padding: 1.5rem;
  width: 100%;
  display: none;
  margin: 0;
  background-color: #FFF;
  height: auto;
}

.listing .listedPost:hover {
  cursor: pointer;
}

.listing .listedPost:hover h2 a {
  border-bottom-color: #1171BA;
}

.listing .postAside {
  display: none;
}

#curProjs,
#comProjs,
.funArea,
.listContent {
  float: none;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.faqListingPage .listContent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.listFooter {
  width: 100%;
}

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

.listing .listedEvent .listedPostText {
  padding-bottom: 0;
}

.listing .listedEvent p.postSummary {
  margin: 0 0 1rem 0;
}

.listing .listedEvent .postFooterWrapper {
  display: block;
  padding-top: 0;
  height: auto;
}

.listing .listedEvent .postFooter {
  margin: 0;
}

.listing .listedEvent p.associatedStartDate {
  display: block;
}

div[id*='googleMap'] {
  max-width: 100% !important;
}

span.googleSearchWrapper {
  padding: 20px;
  background-color: #eee;
}

span.googleSearchWrapper input[type="text"] {
  margin: 0;
  font-size: 1rem;
  padding: 10px;
}

span.googleSearchWrapper .button {
  display: inline-block;
  margin: 0;
}

.content.listContent.mapResultList {
  border: 0;
  margin-top: 40px;
}

.content.listContent.mapResultList:before {
  border-bottom-color: #eee;
  margin-bottom: 40px;
}

.content.listContent.mapResultList .listedPost {
  border-bottom-color: #eee;
  width: 100%;
}

.content.listContent.mapResultList .listedPostText {
  font-size: 1rem;
}

.content.listContent.mapResultList h2 {
  font-size: 1rem;
}

.content.listContent.mapResultList .readMore {
  display: none;
}

@media screen and (max-width: 1024px) {
  .listing .listedPost:not(.listedFundraiser) {
    width: 100%;
    float: none;
    padding: 0;
    margin-right: 0;
  }
  .content.listContent.mapResultList .listingBanner {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .listFooter a.button:link {
    margin: 0 0 5px 0;
    width: 100%;
  }
  span.googleSearchWrapper input[type="text"] {
    width: 100%;
    margin-bottom: 5px;
  }
}

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

.contactOfficeAddress {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .contactAddress {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.listedPost.listedProduct {
  background-color: transparent;
}

@media (max-width: 768px) {
  .shopLandingContent .listedPost.listedProduct,
  .productList .listedPost.listedProduct {
    margin-right: 0;
  }
}

.formDonatePage .registerButtons {
  font-size: 1.2em;
}

.donationForm .supportedAppeal .raisedWrapper,
.donationForm .appealTotaliser .raisedWrapper {
  margin-bottom: 0px;
}

.donationFrequency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.donationFrequency label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.donationFrequency .regularPayment {
  margin: 0;
}

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

.donationForm .supportedAppeal,
.donationForm .appealTotaliser {
  display: none;
}

.yourDonation {
  padding: 20px 10px;
}

.yourDonation > *:not(.selectDonationAmount) {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.selectDonationAmount__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.selectDonationAmount__flex > span {
  margin-bottom: 20px;
}

.selectDonationAmount__flex > span,
.selectDonationAmount__flex .validateError,
.selectDonationAmount__flex .donationAmountOther {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 10px 20px;
  width: calc((100% - 60px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  border-radius: 4px;
  text-align: center;
  max-width: 540px;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) input[type="radio"] {
  position: relative;
  margin: 20px;
  top: auto;
  right: auto;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) .checkboxRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) .donationAmountFigure {
  min-width: 100%;
  border: none;
  padding: 10px 20px;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) .donationAmountThumbnail {
  margin: 0;
  width: 100%;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.selectDonationAmount__flex .donationAmount:not(.donationAmountOther) span.donationAmountDescription {
  width: 100%;
  display: block;
  padding: 0 20px;
}

.selectDonationAmount__flex .donationAmount.donationAmountOther {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
}

.selectDonationAmount__flex .donationAmount.donationAmountOther label {
  float: none;
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.selectDonationAmount__flex .donationAmount.donationAmountOther .donationAmountFigure {
  border: none;
  text-align: left;
}

.selectDonationAmount__flex .donationAmount.donationAmountOther input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 768px) {
  .selectDonationAmount__flex .donationAmount:not(.donationAmountOther) {
    width: calc((100% - 40px) / 2);
    max-width: 100%;
  }
  .selectDonationAmount__flex .donationAmount:not(.donationAmountOther) .donationAmountFigure {
    margin: 0 auto;
  }
  .selectDonationAmount__flex .donationAmount:not(.donationAmountOther) span.donationAmountDescription {
    margin: 0 auto;
  }
  .selectDonationAmount__flex .donationAmount.donationAmountOther label {
    width: 80px;
  }
}

@media (max-width: 540px) {
  .selectDonationAmount__flex .donationAmount:not(.donationAmountOther) {
    width: calc(100% - 20px);
  }
}

.homeIntroWrapper {
  margin: 6rem auto;
  max-width: 966px;
}

.homeIntro {
  font-family: "Work Sans", sans-serif;
  font-size: inherit;
  margin-bottom: 0;
  padding: 0;
}

.homeIntro * {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.8em;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .homeIntroWrapper {
    margin: 60px auto;
  }
  .homeIntro * {
    font-size: 1.5rem;
  }
}

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

.homeFeatures {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: none;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.homeFeature {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

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

.homeFeature .embed-container,
.homeFeature .home-feature-image-link,
.homeFeature .listed-post-image-link {
  width: 50%;
  float: left;
}

.homeFeature .embed-container {
  padding-bottom: 28.1075%;
}

.homeFeature .homeFeatureDetailsWrapper,
.homeFeature .listedPostText {
  width: 50%;
  float: right;
  padding-left: 20px;
}

.homeFeature:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 768px) {
  .homeFeature .home-feature-image-link,
  .homeFeature .listed-post-image-link,
  .homeFeature .embed-container,
  .homeFeature .listedPostText,
  .homeFeature .homeFeatureDetailsWrapper {
    width: 100%;
    float: none;
  }
  .homeFeature .embed-container {
    padding-bottom: 56.125%;
  }
}

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

.homeFeature {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F0F0F0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.homeFeature .homeFeatureDetailsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
}

.homeFeature .homeFeatureDetailsWrapper h2,
.homeFeature .homeFeatureDetailsWrapper p {
  width: 100%;
  max-width: 512px;
}

.homeFeature h2 a {
  position: relative;
  display: inline;
}

.homeFeature p {
  margin-bottom: 0;
}

.homeFeature h2 a {
  color: #414042;
  border-bottom: 3px solid #1171BA;
}

.homeFeature p {
  color: #414042;
}

.homeFeature:hover {
  background-color: #1171BA;
}

.homeFeature:hover h2 a {
  text-decoration: none;
}

.homeFeature:hover h2 a {
  color: #FFF;
  border-bottom: 3px solid #0d558b;
}

.homeFeature:hover p {
  color: #FFF;
}

.homeFeature .banner {
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
}

.homeFeature .listedPostText,
.homeFeatureDetailsWrapper {
  padding: 1.5rem;
}

.homeFeature .listedPostText h2,
.homeFeatureDetailsWrapper h2 {
  margin-top: 0;
}

.homeFeature .listedPostText .featureFooter,
.homeFeatureDetailsWrapper .featureFooter {
  display: none;
}

@media screen and (min-width: 1025px) {
  .homeFeature:nth-of-type(odd) .home-feature-image-link {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.homeFeature.homefeaturecategory-homepage-stats {
  width: 100%;
  margin: 0;
  padding: 4rem;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

@media screen and (max-width: 1020px) {
  .homeFeature.homefeaturecategory-homepage-stats {
    padding: 4rem 0;
  }
}

.homeFeature.homefeaturecategory-homepage-stats h2 {
  font-size: 2.5rem;
  margin: 0 auto 1rem;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 560px) {
  .homeFeature.homefeaturecategory-homepage-stats h2 {
    font-size: 1.75rem;
  }
}

.homeFeature.homefeaturecategory-homepage-stats table {
  width: 100% !important;
  margin: 0 auto;
  max-width: 1170px;
}

.homeFeature.homefeaturecategory-homepage-stats tbody {
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.homeFeature.homefeaturecategory-homepage-stats tr {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.homeFeature.homefeaturecategory-homepage-stats td {
  text-align: center;
  padding: 0;
  display: block;
}

.homeFeature.homefeaturecategory-homepage-stats td:first-child > * {
  font-size: 5rem;
  margin-bottom: 0;
  font-weight: 700;
  line-height: inherit;
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  color: #90B536;
}

@media screen and (max-width: 1020px) {
  .homeFeature.homefeaturecategory-homepage-stats td:first-child > * {
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 920px) {
  .homeFeature.homefeaturecategory-homepage-stats td:first-child > * {
    font-size: 3.5rem;
  }
}

.homeFeature.homefeaturecategory-homepage-stats tr,
.homeFeature.homefeaturecategory-homepage-stats td {
  width: auto !important;
}

.homeFeature.homefeaturecategory-homepage-stats td a {
  pointer-events: all;
}

@media screen and (max-width: 1024px) {
  .homefeaturecategory-homepage-stats {
    display: block;
  }
  .homefeaturecategory-homepage-stats tbody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .homefeaturecategory-homepage-stats tr {
    margin-bottom: 1rem;
  }
}

.homeFeature.homefeaturecategory-homepage-donate {
  width: 100%;
  background-color: #F0F0F0;
  margin: 0;
  padding: 4rem 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 560px) {
  .homeFeature.homefeaturecategory-homepage-donate {
    padding: 4rem 1rem;
  }
}

.homeFeature.homefeaturecategory-homepage-donate:hover {
  background-color: #F0F0F0;
}

.homeFeature.homefeaturecategory-homepage-donate h2 {
  font-size: 2.5rem;
  margin: 0 auto 1rem;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 560px) {
  .homeFeature.homefeaturecategory-homepage-donate h2 {
    font-size: 1.75rem;
  }
}

.homeFeature.homefeaturecategory-homepage-donate .quickGivingPanel {
  padding: 1rem;
}

.homeFeature.homefeaturecategory-homepage-donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountThumbnail,
.homeFeature.homefeaturecategory-homepage-donate .quickGivingPanel .selectDonationAmount .donationAmount img {
  display: none;
}

.homeFeature.homefeaturecategory-homepage-donate > span {
  width: 100%;
}

.homeFeature.homeFeatureSnippets:hover {
  cursor: default;
}

@media screen and (max-width: 1024px) {
  .homeFeatures {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .homeFeature {
    width: 100%;
    float: none;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .homeFeature .home-feature-image-link,
  .homeFeature .homeFeatureDetailsWrapper {
    width: 100%;
  }
  .homeFeature .homeFeatureDetailsWrapper h2,
  .homeFeature .homeFeatureDetailsWrapper p {
    max-width: none;
  }
  .homeBox2 .home-feature-image-link {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.homeFeeds {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: none;
  padding: 0;
}

.homeFeed {
  margin: 0;
  width: 100%;
  margin: 0;
  padding: 4rem 0;
}

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

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

.feedsTitle {
  background-color: transparent;
  padding: 0;
  margin-bottom: 1.5rem;
  width: 100%;
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-width: 560px) {
  .feedsTitle {
    font-size: 1.75rem;
  }
}

ul.feedList {
  padding: 0 20px;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1170px;
  margin: 0 auto;
  background-color: transparent;
}

ul.feedList:after {
  content: "";
  display: table;
  clear: both;
}

.homeFeedBox2 {
  background-color: #F0F0F0;
}

.feedItem {
  margin-left: 0;
  width: calc( 33.33333% - 40px);
  margin-right: 60px;
  float: left;
  display: block;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
}

.feedItem:nth-of-type(3n), .feedItem:last-child {
  margin-right: 0;
}

.feedItem > * {
  width: 100%;
}

.feedItem h3.feedTitle {
  font-size: 1.375rem;
}

.feedItem h3.feedTitle a {
  position: relative;
  display: inline;
  color: #414042;
  border-bottom: 3px solid transparent;
}

.feedItem h3.feedTitle,
.feedItem p {
  padding-left: 2rem;
  padding-right: 2rem;
}

.feedItem:hover {
  cursor: pointer;
}

.feedItem:hover h3.feedTitle a {
  text-decoration: none;
  border-bottom-color: #1171BA;
}

.feedItem .readMore {
  display: none;
}

.homeFeedevents .postFooterWrapper {
  clear: both;
  padding: 0 2rem;
}

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

.homeFeedevents .postFooterWrapper p {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate {
  display: block;
  font-weight: 700;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate strong {
  width: 16px;
  height: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  margin-right: 5px;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate strong:before {
  width: 20px;
  height: 20px;
  font-family: 'FontAwesome';
  content: '\f073';
  font-size: 1rem;
  display: block;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate time span:last-of-type {
  display: none;
}

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

.homeFeed.homeFeedTwitter .feedActionWrapper {
  padding: 0;
  margin-top: 60px;
  text-align: center;
  background-color: transparent;
}

ul.feedList.tweetsWrapper {
  width: 100%;
}

ul.feedList.tweetsWrapper .tweet {
  margin: 0;
  margin-left: 0;
  width: calc( 33.33333% - 40px);
  margin-right: 60px;
  float: left;
  display: block;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ffffff;
  padding: 20px;
}

ul.feedList.tweetsWrapper .tweet:nth-of-type(3n), ul.feedList.tweetsWrapper .tweet:last-child {
  margin-right: 0;
}

ul.feedList.tweetsWrapper .tweet img {
  display: none;
}

ul.feedList.tweetsWrapper .tweetDate {
  display: block;
  width: 100%;
  font-size: 0.9rem;
}

.homeFeedBox1.homeFeedTwitter ul.feedList.tweetsWrapper .tweet {
  background-color: #F0F0F0;
}

@media screen and (max-width: 1024px) {
  .feedItem,
  .homeFeed {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  ul.feedList.tweetsWrapper .tweet {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  ul.feedList.tweetsWrapper .tweet:last-child {
    margin-bottom: 0px;
  }
  .homeFeed {
    padding: 4rem 0 0;
  }
  .feedItem {
    margin-bottom: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media print {
  .menuAdminContainer,
  .headerContent > *:not(.mainLogo),
  .menuMain,
  a.menuMainAlt,
  .postAside,
  .pageFooterWrapper,
  .NewsletterSign-up,
  .footerBox,
  .footerBox.Footerlogos,
  .embed-container,
  .shareWrapper {
    display: none;
  }
  .postContent {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
  body {
    font-size: .9em;
  }
}

ul.socialIcons a,
.formQuestion.donationAmount {
  border-radius: 4px;
}

.mainCallToAction ul.socialIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.mainCallToAction ul.socialIcons li a {
  margin: 0 2.5px;
}

.pageHeader.sticky a.mainLogo {
  background-image: url("/small-charity/clients/planvivofoundation/assets/logo.svg") !important;
}

.homepage .pageHeader.sticky {
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07) !important;
          box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07) !important;
}

.menuMainAlt.active {
  color: #FFF !important;
}

.NewsletterSign-up button {
  background-color: #90B536;
}

.NewsletterSign-up button:hover {
  background-color: #718e2a;
}

body:not(.blogsBody) .listedPost .postSummary {
  display: none;
}

@media (max-width: 500px) {
  .mainLogo {
    max-width: 100px;
  }
}
/*# sourceMappingURL=main.css.map */