.pageHeader .headerContent,
.homeIntro,
.homeFeatures,
.homeFeeds ul.feedList,
.homeFeeds .feedsTitle,
.headerText,
.contentBlockWrapper,
.searchListingIntro,
.menuSub ul,
.signInForm,
.registerForm,
.customForm,
.passwordForm,
#pnlCustom404,
#pnlDefault404,
.formWrapper,
.contentBlockWrapper.appealActionsWrapper,
.appealActionsWrapper,
.pageFooter,
.donorsList,
.donationForm,
.formDonatePage > .formWrapper .headerText {
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
}

.appealActionsWrapper {
  margin: 0 auto;
}

#pnlCustom404,
#pnlDefault404 {
  margin: 40px auto;
}

.formWrapper.contactForm,
.contentBlockWrapper.contactUsBody {
  padding: 0;
}

@media (max-width: 1100px) {
  .contactUsIntro {
    padding: 0;
  }
}

html, button, body, legend {
  font-family: "Open Sans", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 1.4;
  color: #424462;
  font-weight: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Merriweather", serif;
  font-weight: 700;
  line-height: inherit;
}

h1 a,
h1 a:link, h2 a,
h2 a:link, h3 a,
h3 a:link, h4 a,
h4 a:link, h5 a,
h5 a:link, h6 a,
h6 a:link {
  text-decoration: none;
}

h1, h2, h3 {
  margin-top: 1em;
  margin-bottom: 0.67em;
}

h4, h5, h6 {
  margin-top: 0.67em;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 36px;
  font-size: 2em;
}

h2 {
  font-size: 24px;
  font-size: 1.33em;
}

h3 {
  font-size: 20px;
  font-size: 1.11em;
}

h4 {
  font-size: 20px;
  font-size: 1em;
}

h5 {
  font-size: 20px;
  font-size: 1em;
}

h6 {
  font-size: 20px;
  font-size: 1em;
}

.eventContent h2, .eventContent h3, .eventContent h4, .eventContent h5, .eventContent h6, .postContent h2, .postContent h3, .postContent h4, .postContent h5, .postContent h6 {
  margin-top: 1em;
  color: #000;
}

p {
  margin: 0 0 1em 0;
  font-size: 16px;
  font-size: 1em;
}

a, a:link, a:visited {
  color: #D77038;
}

small {
  font-size: 0.85em;
}

b, strong {
  font-weight: 700;
}

em {
  font-style: italics;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1em;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.accordianBody ol, .accordianBody ul,
.listingIntro ol,
.listingIntro ul,
.shopLandingContent .content ol,
.shopLandingContent .content ul {
  padding-left: 25px;
  margin-bottom: 1em;
}

.accordianBody ol,
.listingIntro ol,
.shopLandingContent .content ol {
  list-style-type: decimal;
}

.accordianBody ul,
.listingIntro ul,
.shopLandingContent .content ul {
  list-style-type: disc;
}

blockquote {
  padding: 10px 80px 10px 20px;
  margin: 45px 0;
  border-left: 45px solid #D77038;
}

blockquote p,
blockquote ul,
blockquote ol {
  font-family: "Merriweather", serif;
  font-size: 1.66rem;
  font-weight: 700;
  color: #656D88;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

.postContent blockquote:before, .postContent blockquote:after,
blockquote:before,
blockquote:after {
  display: none;
}

.postContent img:not([style*="float: left"]),
.postContent img:not([style*="float:left"]),
.postContent img:not([style*="float: right"]),
.postContent img:not([style*="float:right"]) {
  margin: 20px 0;
}

.postContent img[style*="float:left"],
.postContent img[style*="float: left"] {
  margin: 0 30px 0px 0px;
}

.postContent img[style*="float:right"],
.postContent img[style*="float: right"] {
  margin: 0 0px 0px 30px;
}

.postContent ul,
.postContent ol {
  margin-left: 20px;
}

@media (max-width: 1100px) {
  h1 {
    font-size: 1.6em;
  }
  h2 {
    font-size: 1.1305em;
  }
  h3 {
    font-size: 0.999em;
  }
}

table h1, table h2, table h3, table h4, table h5 {
  margin: 0;
  font-weight: 400;
}

table td {
  font-size: 1em;
}

table h2 {
  margin-bottom: 1em;
}

tbody, thead {
  background-color: #fff;
  border: 1px solid #E0E0E0;
}

thead tr:nth-child(odd) {
  background-color: #fff;
}

tr:nth-child(odd) {
  background-color: rgba(224, 224, 224, 0.5);
}

td {
  padding: 10px;
}

@media (max-width: 1100px) {
  table {
    max-width: 100%;
    height: 100%;
    display: block;
    overflow: auto;
  }
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
select,
textarea {
  padding: 10px;
  border-color: rgba(66, 68, 98, 0.2);
  border-radius: 0;
  font-family: "Open Sans", Arial, sans-serif;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1em;
  color: #616490;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1em;
  color: #616490;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1em;
  color: #616490;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1em;
  color: #616490;
}

legend {
  border-bottom: 0;
  font-size: 1.5em;
}

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: 1100px) {
  .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(66, 68, 98, 0.7);
  outline: none;
}

.radioLabelPair,
.checkboxLabelPair {
  margin: 10px 0;
}

@media (max-width: 768px) {
  .checkboxRadioGrid .checkboxLabelPair,
  .checkboxRadioGrid .radioLabelPair {
    width: 100%;
  }
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Open Sans", Arial, sans-serif;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Open Sans", Arial, sans-serif;
}

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Open Sans", Arial, sans-serif;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Open Sans", Arial, sans-serif;
}

@media (max-width: 1100px) {
  legend {
    font-size: 1.1305em;
  }
}

.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: #E0D6C4;
  border-radius: 0;
  color: #424462;
  padding: 10px 20px;
  margin-right: 5px;
  display: inline-block;
  text-decoration: none;
  font-family: "Merriweather", serif;
  font-weight: 700;
  text-align: center;
  -webkit-transition: background-color 350ms ease-in-out;
  transition: background-color 350ms ease-in-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 {
  background-color: #cebfa3;
  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: 768px) {
  .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 {
    font-size: .88rem;
  }
}

@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;
  }
}

a.donate,
.donateBtn,
button.donate {
  background-color: #D77038;
  color: #fff;
}

a.donate:hover,
.donateBtn:hover,
button.donate:hover {
  background-color: #cc6329;
}

span.readMore a {
  color: #424462;
}

span.readMore a:hover {
  text-decoration: none;
}

a.buttonIcon:link, a.buttonIcon:visited,
a.remove, a.remove:link {
  background-color: transparent;
  color: #424462;
  vertical-align: middle;
  opacity: 1;
  font-family: "FontAwesome";
  overflow: hidden;
  text-align: center;
}

a.buttonIcon:link:hover, a.buttonIcon:visited:hover,
a.remove:hover, a.remove:link:hover {
  background-color: #cebfa3;
  color: #424462;
  text-decoration: none;
}

a.buttonIcon:link:before, a.buttonIcon:visited:before,
a.remove:before, a.remove:link:before {
  padding-top: 0;
  line-height: 23px;
}

a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:visited.increaseQuantity:before,
a.remove.increaseQuantity:before, a.remove:link.increaseQuantity:before {
  content: '\f077';
}

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: '\f078';
}

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;
    color: #E0D6C4;
    border-radius: 0;
    font-size: 16px;
  }
  a.buttonIcon:link.increaseQuantity:before, a.buttonIcon:link.decreaseQuantity:before {
    padding: 0;
    line-height: 16px;
    height: 16px;
  }
  a.buttonIcon:link.increaseQuantity:hover, a.buttonIcon:link.decreaseQuantity:hover {
    color: #E0D6C4;
  }
}

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;
  border-radius: 40px;
  display: block;
  overflow: hidden;
  font-size: inherit;
  background-color: transparent;
}

ul.socialIcons li a:hover,
ul.shareList li a:hover {
  text-decoration: none;
  background-color: transparent;
}

ul.socialIcons li a:before,
ul.shareList li a:before {
  font-size: 1.33rem;
  vertical-align: middle;
  color: #424462;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome";
}

ul.socialIcons li a.facebook:hover::before,
ul.shareList li a.facebook:hover::before {
  color: #3B5998;
}

ul.socialIcons li a.facebook:before,
ul.shareList li a.facebook:before {
  content: '\f09a';
}

ul.socialIcons li a.twitter:hover::before,
ul.shareList li a.twitter:hover::before {
  color: #55acee;
}

ul.socialIcons li a.twitter:before,
ul.shareList li a.twitter:before {
  content: '\f099';
}

ul.socialIcons li a.youtube:hover::before,
ul.shareList li a.youtube:hover::before {
  color: #e52d27;
}

ul.socialIcons li a.youtube:before,
ul.shareList li a.youtube:before {
  content: '\f167';
}

ul.socialIcons li a.instagram:hover::before,
ul.shareList li a.instagram:hover::before {
  color: #833ab4;
}

ul.socialIcons li a.instagram:before,
ul.shareList li a.instagram:before {
  content: '\f16d';
}

ul.socialIcons li a.linkedin:hover::before,
ul.shareList li a.linkedin:hover::before {
  color: #0077b5;
}

ul.socialIcons li a.linkedin:before,
ul.shareList li a.linkedin:before {
  content: '\f0e1';
}

ul.shareList {
  margin-left: 0;
}

ul.shareList a.shareEmail:before {
  content: '\f003';
}

.carousel {
  overflow: hidden;
  position: relative;
  padding: 0;
}

.carouselDetailWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0;
  top: 0;
  max-width: 100%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(24.31%, rgba(0, 0, 0, 0)), color-stop(87.29%, rgba(0, 0, 0, 0.7)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.31%, rgba(0, 0, 0, 0.7) 87.29%);
}

.carouselSlideDetail {
  width: 100%;
  padding: 20px;
  position: absolute;
  margin: 0;
  font-size: inherit;
  max-width: 630px;
  background: transparent;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
  top: auto;
}

h2.carouselSlideHeading, p.carouselSlideSummary {
  color: #fff;
  text-align: center;
}

h2.carouselSlideHeading {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.66rem;
  font-style: italic;
  font-weight: 400;
}

h2.carouselSlideHeading a, h2.carouselSlideHeading a:link, h2.carouselSlideHeading a:visited {
  color: #fff;
}

p.carouselSlideSummary {
  margin-bottom: 0;
}

.carouselSlideReadMore {
  display: table;
  margin: 20px auto 0 auto;
}

.carouselSlides {
  background-color: #EBE4D2;
}

.carouselSlide {
  display: block;
  opacity: 1;
  position: relative;
  width: 100%;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
  max-height: none;
}

.carouselSlide.hidden {
  opacity: 0.7;
  display: block !important;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 1200ms ease-in-out;
  transition: opacity 1200ms ease-in-out;
}

.carouselSlideTitle {
  display: block;
}

.showsVideo:before {
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.showsVideo + .carouselDetailWrapper .carouselSlideDetail {
  top: calc(20% + 100px + 40px);
  -webkit-transform: none;
          transform: none;
  top: auto;
  bottom: 60px;
}

.containsVideo iframe {
  border: 0;
}

.containsVideo .embed-container {
  z-index: 1;
}

.containsVideo .carouselSlideDetail {
  z-index: 2;
}

section.carousel.carouselImageSingle:not(.hasCaption) .showsVideo:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel .totaliserFigure,
.carousel .totaliserLabel {
  color: #fff;
}

.carousel .totaliserPanel {
  display: none;
}

.carousel #totaliserActions {
  text-align: center;
}

.carousel #totaliserActions .buttonFundraise,
.carousel #totaliserActions .buttonDonate {
  float: none;
  margin: 20px 5px 0 5px;
}

@media screen and (max-width: 1100px) {
  .carousel #totaliserActions .buttonFundraise,
  .carousel #totaliserActions .buttonDonate {
    width: 100%;
    margin: 10px 5px 0 5px;
  }
}

@media screen and (max-width: 1000px) {
  .carousel ul {
    /* overwrite bf */
    margin-top: 0;
  }
}

@media screen and (max-width: 1100px) {
  .carouselDetailWrapper {
    position: relative;
    padding: 0;
  }
  .carouselSlideDetail {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ebe4d2;
    padding: 30px 20px;
    left: 0;
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  h2.carouselSlideHeading, p.carouselSlideSummary {
    color: #424462;
  }
  h2.carouselSlideHeading a, h2.carouselSlideHeading a:link, h2.carouselSlideHeading a:visited {
    color: #424462;
  }
  .showsVideo {
    position: relative;
  }
  .showsVideo:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .showsVideo + .carouselDetailWrapper .carouselSlideDetail {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .carouselSlideDetail {
    padding: 20px;
  }
  h2.carouselSlideHeading {
    font-size: 1.44rem;
  }
}

ul.carouselControls {
  padding: 0;
  width: 100%;
}

ul.carouselControls li a {
  color: rgba(255, 255, 255, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: auto;
}

ul.carouselControls li a:before {
  line-height: 40px;
  font-size: 2rem;
  height: 40px;
  font-family: "FontAwesome";
}

ul.carouselControls li a:hover {
  color: #fff;
}

ul.carouselControls li a:hover:before {
  color: inherit;
}

.carouselControlPrev {
  left: 20px;
}

.carouselControlPrev:before {
  content: '\f053';
}

.carouselControlNext {
  right: 20px;
}

.carouselControlNext:before {
  content: '\f054';
}

ul.carouselControls {
  display: block;
}

ul.carouselButtons {
  text-align: center;
  background-color: transparent;
  position: absolute;
  bottom: 20px;
}

ul.carouselButtons li {
  display: inline-block;
  border: 0;
  padding: 0;
  float: none;
  width: auto;
  background-color: transparent;
  margin: 0 5px;
}

ul.carouselButtons li.activeSlide {
  border-bottom: 0;
}

ul.carouselButtons li a.button {
  width: 15px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  border-radius: 15px;
  overflow: hidden;
  padding: 0;
  text-indent: 40px;
  margin: 0;
}

ul.carouselButtons li a.button:hover {
  background-color: white;
}

ul.carouselButtons {
  display: none;
}

@media screen and (max-width: 1100px) {
  .carousel ul.carouselButtons {
    display: none;
  }
  ul.carouselControls {
    display: block;
  }
  ul.carouselControls li a {
    margin-top: 0;
    top: 20px;
    -webkit-transform: none;
            transform: none;
    bottom: auto;
  }
}

.showsVideo {
  height: 100%;
  width: 100%;
  display: block;
}

.showsVideo:before {
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  z-index: 1;
  font-family: "FontAwesome";
  background-color: transparent;
  border-radius: 0;
  font-size: 100px;
  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;
}

.videoPopupClose:hover {
  text-decoration: none;
  background-color: #E0D6C4;
  color: #fff;
}

@media (max-width: 540px) {
  .videoPopupClose {
    top: -10px;
    right: -10px;
  }
}

.postComments {
  padding: 20px 0;
  border-top: 1px solid #E0E0E0;
}

.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: #E0D6C4 !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 {
  margin-left: 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #E0E0E0;
}

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 0 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 #E0E0E0;
}

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.7em;
}

.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.2em;
  font-family: "Open Sans", Arial, 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.2em;
  font-family: "Open Sans", Arial, sans-serif;
  margin-bottom: 10px;
}

@media screen and (max-width: 1100px) {
  ul.commentsList img {
    display: none;
  }
  .commentContentWrapper {
    float: none;
    width: 100%;
  }
}

.tabsWrapper {
  border-bottom: 0;
}

.tabsWrapper .tabs {
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
}

.tabsWrapper .tabs li a {
  border-bottom: 3px solid #E0E0E0;
  background-color: transparent;
  padding: 10px 0;
  border-radius: 0;
  color: #424462;
}

.tabsWrapper .tabs li a:hover {
  background-color: transparent;
  text-decoration: none;
  color: #424462;
  border-bottom-color: #424462;
}

.tabsWrapper .tabs li.active a {
  color: #424462;
  border-bottom-color: #424462;
}

.tabbedListing {
  width: 100%;
  max-width: 1240px;
  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;
}

.appealInteractionsWrapper .tabs {
  padding-left: 0;
  padding-right: 0;
}

.appealFundraisersWrapper {
  padding-left: 0;
  padding-right: 0;
}

.appealFundraisersWrapper .findAFundraiser {
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .tabsWrapper .tabs {
    padding: 0 20px;
  }
  .tabsWrapper .tabs li {
    margin-right: 1px;
  }
  .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;
}

.faqListingPage article:first-of-type .accordianHeader {
  margin-top: 0;
}

.accordianHeader {
  padding: 20px;
  margin-top: 20px;
  position: relative;
  background-color: #FBF7F2;
}

.accordianHeader h2 {
  font-size: 1em;
  font-weight: 700;
  margin-top: 0;
}

.accordianHeader h2 a {
  color: #424462;
}

.accordianHeader p.postSummary {
  display: none;
  padding: 10px 0 0;
}

.accordianHeader a.expand:link {
  position: absolute;
  top: 20px;
  right: 20px;
}

.accordianHeaderText {
  float: none;
  width: 90%;
}

.accordianBody.contentBlockWrapper {
  padding: 0 20px 20px 20px;
  background-color: #FBF7F2;
}

.accordianBody.contentBlockWrapper #faqImage {
  max-width: 360px;
  float: right;
  margin-left: 30px;
}

.accordianBody.contentBlockWrapper .postFooterWrapper {
  display: none;
}

.accordianOpen a.expand:link:before {
  content: '\f077';
}

.post_collapseContent,
.post_collapseTitle {
  background-color: #E0E0E0;
  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: 1100px) {
  .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: 1em;
  font-weight: 400;
  margin-top: 0;
}

ul.listedFilters {
  margin: 0;
}

ul.listedFilters > li {
  background: transparent;
  padding: 0;
  height: auto;
  margin: 0 5px 5px 0;
  cursor: pointer;
}

ul.listedFilters a.filter {
  margin-right: 0;
}

ul.listedFilters a.filter:hover {
  text-decoration: none;
}

.appliedFilters {
  margin: 20px 0;
}

.appliedFilters h3 {
  float: none;
  margin: 1em 0;
}

.appliedFilters ul {
  float: none;
}

.appliedFilters li {
  float: none;
  display: inline-block;
  margin: 0 5px 5px 0;
  vertical-align: middle;
}

.appliedFilters span.filter {
  text-transform: capitalize;
  margin: 0;
  border-radius: 0;
  line-height: inherit;
}

.appliedFilters span.filter:hover {
  cursor: default;
  background-color: #E0D6C4;
}

.appliedFilters span.filter a.remove,
.appliedFilters span.filter a.remove:link {
  position: inherit;
  top: auto;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 0 0 10px;
  width: 23px;
  height: 23px;
  border-radius: 50% 50% 50% 50%;
  display: inline-block;
}

.appliedFilters span.filter a.remove:before,
.appliedFilters span.filter a.remove:link:before {
  font-family: "FontAwesome";
  content: '\f00d';
}

.appliedFilters span.filter a.remove:hover,
.appliedFilters span.filter a.remove:link:hover {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
  cursor: pointer;
}

.groupedFilters {
  display: inline-block;
  margin: 0 20px 10px 0;
}

@media (max-width: 1100px) {
  .combinedCategoryFilter .groupedFilters {
    width: 100%;
    float: none;
    margin: 10px 0;
  }
  .combinedCategoryFilter .groupedFilters select {
    width: 100%;
  }
}

.totaliserPanel, .appealTotaliser {
  display: block;
  color: inherit;
}

.totaliserPanel .raisedWrapper, .totaliserPanel .targetWrapper, .appealTotaliser .raisedWrapper, .appealTotaliser .targetWrapper {
  width: 50%;
}

.totaliserDone {
  background-color: #E0D6C4;
}

.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.85em;
  color: rgba(66, 68, 98, 0.5);
}

.totaliserFigure {
  font-size: 1em;
  color: #424462;
}

.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: 1100px) {
  #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;
  }
}

.quickGivingPanel {
  background: transparent;
  padding: 20px;
  margin: 40px 0;
  border: 2px solid #f3f3f3;
}

.quickGivingPanel .selectDonationAmount .formQuestion {
  /* overwrite bf */
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  height: auto;
  margin-bottom: 0;
}

.quickGivingPanel .selectDonationAmount .donationAmount {
  margin: 20px 0;
}

.quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"] {
  position: absolute;
  right: 0;
  margin-right: 30px;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
  line-height: 1;
}

.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio {
  display: block;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
  font-size: 2em;
  min-width: 160px;
  width: 20%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid gainsboro;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountThumbnail, .quickGivingPanel .selectDonationAmount .donationAmount img {
  width: 100px;
  margin-left: 20px;
  display: inline-block;
}

.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountDescription {
  width: 50%;
  display: inline-block;
  padding-right: 20px;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther .donationAmountFigure {
  float: left;
  width: 100%;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
  margin: 0 0 0 20px;
  width: calc(100% - 180px);
  padding: 10px;
  height: auto;
}

.quickGivingPanel .selectDonationAmount .donationAmount.donationSelected {
  background-color: #E0D6C4;
  color: #fff;
}

.quickGivingPanel .selectDonationAmount .donationAmountOther + span {
  display: inline-block;
  background-color: #f3f3f3;
  padding: 10px 60px 10px 30px;
  font-size: 2em;
  font-weight: 700;
  width: calc(100% - 10px);
}

.quickGivingPanel .selectDonationAmount input.regularPayment {
  float: none;
  margin: 25px 0 0 -40px;
  vertical-align: top;
}

.quickGivingPanel .selectDonationAmount a.button.donateBtn {
  display: block;
  float: none;
  margin: 20px auto;
  font-size: 1.4em;
}

@media only screen and (max-width: 1100px) {
  .quickGivingPanel .selectDonationAmount .donationAmount {
    text-align: center;
    padding: 20px;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"] {
    margin: 0;
    position: relative;
    top: auto;
  }
  .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountFigure,
  .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountDescription,
  .quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio img {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    border: 0;
  }
  .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 .donationAmountOther + span {
    width: calc(100% - 40px);
    padding: 10px 20px;
    font-size: 1.5em;
  }
  .quickGivingPanel .selectDonationAmount input.regularPayment {
    margin: 20px 0 0 20px;
  }
}

@media only screen and (max-width: 540px) {
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio,
  .quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio span,
  .quickGivingPanel .selectDonationAmount .formQuestion span span {
    margin-right: 0;
  }
}

.homeFeatureSnippets table {
  width: 100% !important;
  margin: 0 auto;
  max-width: 1240px;
  height: auto;
}

.homeFeatureSnippets tbody {
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.homeFeatureSnippets 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 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.homeFeatureSnippets td {
  text-align: center;
  padding: 0;
  display: block;
}

.homeFeatureSnippets td h2, .homeFeatureSnippets td h3, .homeFeatureSnippets td h4 {
  font-size: 4em;
  margin-bottom: 0;
  color: #424462;
}

.homeFeatureSnippets tr, .homeFeatureSnippets td {
  width: auto !important;
}

@media screen and (max-width: 1100px) {
  .homeFeatureSnippets tbody {
    display: block;
  }
  .homeFeatureSnippets tr {
    margin-bottom: 30px;
  }
}

header#pageHeader {
  position: relative;
  background-color: #FBF7F2;
  top: auto;
  z-index: 2;
}

header#pageHeader.sticky {
  -webkit-box-shadow: 0 2px 4px rgba(57, 63, 72, 0.1);
          box-shadow: 0 2px 4px rgba(57, 63, 72, 0.1);
}

.mainLogo {
  width: 370px;
  height: 96px;
  margin: 20px 0;
  background-image: url("//assets.rit.org.uk/theanglicancentreinrome/assets/logo.png");
  background-size: contain;
  background-position: center left;
  position: absolute;
  z-index: 1;
}

@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("//assets.rit.org.uk/theanglicancentreinrome/assets/logo.png");
  }
}

@media (max-width: 1100px) {
  .mainLogo {
    position: static;
  }
}

.sticky .mainLogo {
  height: 40px;
  margin: 10px 0;
}

@media (max-width: 1200px) {
  .mainLogo {
    width: 300px;
  }
}

@media (max-width: 1100px) {
  .mainLogo {
    margin: 10px 0;
    height: 80px;
  }
}

@media (max-width: 768px) {
  .mainLogo {
    width: 240px;
    height: 60px;
  }
}

@media (max-width: 600px) {
  .mainLogo {
    margin: 8px 0;
    height: 50px;
    width: 198px;
  }
}

.menuAdminContainer {
  display: none;
}

.adminBar, .adminBarEdit {
  font-size: 0.85em;
  padding: 10px 20px;
}

.mainCallToAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .mainCallToAction {
    margin-right: 120px;
  }
}

@media (max-width: 600px) {
  .mainCallToAction {
    margin-right: 40px;
  }
}

@media (max-width: 480px) {
  .mainCallToAction {
    display: none;
  }
}

.mainCallToAction ul.socialIcons,
.mainCallToAction a.cta-button {
  display: inline-block;
  vertical-align: middle;
}

.mainCallToAction ul.socialIcons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .mainCallToAction ul.socialIcons {
    display: none;
  }
}

.mainCallToAction ul.socialIcons a,
.mainCallToAction ul.socialIcons a::before {
  height: 80px;
  line-height: 80px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .mainCallToAction ul.socialIcons a,
  .mainCallToAction ul.socialIcons a::before {
    height: 100px;
    line-height: 100px;
  }
}

.mainCallToAction a.cta-button {
  margin-right: 0;
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  min-width: 135px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .mainCallToAction a.cta-button {
    height: 100px;
    line-height: 100px;
  }
}

@media (max-width: 600px) {
  .mainCallToAction a.cta-button {
    height: 66px;
    line-height: 66px;
    font-size: .88rem;
    min-width: auto;
  }
}

@media (max-width: 480px) {
  .mainCallToAction a.cta-button {
    margin: 0;
  }
}

.mainCallToAction a.tagline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.mainCallToAction a.tagline:hover {
  text-decoration: none;
}

.headerFollowContainer {
  display: none;
}

.headerContent > form.header-search {
  display: none;
}

form.header-search {
  display: block;
  float: right;
}

form.header-search .searchContainer {
  display: block;
  float: none;
  margin: 0;
}

form.header-search #siteSearch {
  float: left;
  width: 140px;
  height: 80px;
  padding: 0 15px;
  line-height: 80px;
  margin-top: 0;
  border: none;
  vertical-align: top;
  font-family: "Merriweather", serif;
  font-weight: 700;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
}

form.header-search #siteSearch:focus {
  outline: 0;
  background-color: #fff;
  width: 180px;
}

form.header-search ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #424462;
  font-family: "Merriweather", serif;
}

form.header-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #424462;
  font-family: "Merriweather", serif;
}

form.header-search :-ms-input-placeholder {
  /* IE 10+ */
  color: #424462;
  font-family: "Merriweather", serif;
}

form.header-search :-moz-placeholder {
  /* Firefox 18- */
  color: #424462;
  font-family: "Merriweather", serif;
}

form.header-search button {
  margin: 0;
  float: left;
  width: 40px;
  height: 80px;
  overflow: hidden;
  padding: 0;
}

form.header-search button:before {
  margin: 0;
  font-weight: normal;
  width: 40px;
  height: 80px;
  line-height: 80px;
  display: block;
  background-color: #fff;
  font-family: "FontAwesome";
  content: '\f002';
}

.cc-cookies {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-shadow: none;
}

@media screen and (max-width: 1100px) {
  header .headerContent .searchContainer {
    display: none;
  }
  .cc-cookies {
    position: fixed;
  }
}

@media (max-width: 480px) {
  .searchContainer button {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .menuMain.active, .menuMain > ul ul.active {
    max-height: 100%;
  }
  .menuMain ul {
    display: block;
  }
  .menuMain > ul {
    border: 0;
  }
}

.GlobalAlert {
  background-color: #424462;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  padding: 10px;
}

.GlobalAlert * {
  margin: 0;
}

.footerBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0;
  margin-right: 52.5px;
  width: calc(25% - 52.5px);
}

.footerBox.Visitus {
  width: 100%;
  max-width: 200px;
}

.footerBox.Contactus {
  width: 100%;
  max-width: 230px;
}

.footerBox.Usefullinks {
  width: 100%;
  max-width: 140px;
}

.footerBox.Footercredits {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
  float: left;
  margin-top: 60px;
}

.pageFooterWrapper {
  border-top: 0;
  background-color: #424462;
  padding: 0 0 40px 0;
  margin-top: 57px;
}

.homepage .pageFooterWrapper {
  margin-top: 0;
}

.pageFooter {
  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;
}

.footerBox {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .77rem;
}

.footerBox h1, .footerBox h2, .footerBox h3 {
  margin-top: 0;
  font-size: .88rem;
  color: #fff;
}

.footerBox ul li, .footerBox ol li {
  list-style: none;
  color: #fff;
  font-weight: 700;
}

.footerBox p, .footerBox a {
  color: #fff;
  font-size: .77rem;
}

.footerBox ul li.menuAdminLogin {
  display: block;
}

body.userLoggedIn .footerBox ul li.menuAdminLogin {
  display: none;
}

.footerBox ul li.menuAdminDetails, .footerBox ul li.menuAdminLogOut {
  display: none;
}

body.userLoggedIn .footerBox ul li.menuAdminDetails, body.userLoggedIn .footerBox ul li.menuAdminLogOut {
  display: block;
}

.Footercredits ul li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.Footercredits .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;
}

.footerBox.Donate {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  height: 115px;
  margin-top: -47.5px;
  margin-right: 0;
  margin-bottom: 40px;
}

.homepage .footerBox.Donate {
  margin-top: -57.5px;
  margin-bottom: 70px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate {
    height: auto;
    margin: 0 -20px 60px -20px;
    width: auto;
    max-width: calc(100% + 40px) !important;
  }
}

.footerBox.Donate .home-feed-donate-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

.homepage .footerBox.Donate .home-feed-donate-container {
  max-width: 100%;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .home-feed-donate-container {
    max-width: 100%;
    -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;
  }
}

.footerBox.Donate .home-feed-donate-content {
  padding: 10px 30px;
}

.homepage .footerBox.Donate .home-feed-donate-content {
  padding: 10px 50px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .home-feed-donate-content {
    padding: 25px 0;
  }
}

.footerBox.Donate .home-feed-donate-content * {
  margin: 0;
  padding: 0;
  font-size: 1.22rem;
  color: #656D88;
}

.homepage .footerBox.Donate .home-feed-donate-content * {
  font-size: 1.66rem;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .home-feed-donate-content * {
    font-size: 1.33rem;
  }
}

.footerBox.Donate .home-feed-donate-form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .home-feed-donate-form {
    width: auto;
  }
}

.footerBox.Donate .quickGivingPanel {
  padding: 0;
  margin: 0;
  border: none;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel {
    width: 100%;
    border-top: 1px solid #656D88;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount {
  float: right;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount {
    width: 100%;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount > span:first-of-type,
.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount input[type="radio"],
.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountDescription,
.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmountOther + span,
.footerBox.Donate .quickGivingPanel .selectDonationAmount input.regularPayment {
  display: none;
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount {
  display: block;
  float: left;
  padding: 0 15px;
  margin: 0;
  width: auto;
  min-width: 80px;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #656D88;
  cursor: pointer;
}

.homepage .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount {
  padding: 0 30px;
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount:not(.donationAmountOther) {
    width: calc(33.33% - (335px / 3));
    padding: 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #656D88;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
  border: none;
  min-width: auto;
  width: auto;
  height: 95px;
  line-height: 95px;
  font-size: 1rem;
  cursor: pointer;
}

.homepage .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
  height: 115px;
  line-height: 115px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
    height: 60px;
    line-height: 60px;
  }
}

.footerBox.Donate .quickGivingPanel .donationAmount.donationSelected,
.footerBox.Donate .quickGivingPanel .donationFrequency.frequencySelected {
  background-color: #656D88;
  color: #fff;
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount a.button.donateBtn {
  float: left;
  width: auto;
  padding: 0 18px;
  height: 95px;
  margin: 0;
  line-height: 95px;
  font-size: 1rem;
  background-color: #D77038;
  color: #fff;
}

.homepage .footerBox.Donate .quickGivingPanel .selectDonationAmount a.button.donateBtn {
  padding: 0 35px;
  height: 115px;
  line-height: 115px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount a.button.donateBtn {
    width: 135px;
  }
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount a.button.donateBtn {
    width: 100%;
    height: 60px;
    line-height: 60px;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount a.button.donateBtn:hover {
  background-color: #cc6329;
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
  padding: 0 15px;
  border-right: none;
}

.homepage .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
  padding: 0 30px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
    padding: 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther {
    border-bottom: none;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
  width: 90px;
  padding: 0;
  cursor: pointer;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
    width: 140px;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label strong {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
    width: 100%;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
  display: none;
  width: 90px;
  padding: 5px;
  margin: 0;
  height: 95px;
  float: left;
  border: none;
  text-align: center;
  border-radius: 0;
  background-color: #656D88;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.homepage .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
  height: 115px;
}

@media screen and (max-width: 1100px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
    width: 140px;
  }
}

@media screen and (max-width: 768px) {
  .footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
    width: 100%;
    height: 60px;
  }
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther.donationSelected label {
  display: none;
}

.footerBox.Donate .quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther.donationSelected input#donationAmountOther {
  display: block;
}

@media screen and (max-width: 1100px) {
  .pageFooterWrapper {
    padding-bottom: 40px;
  }
  .footerTwitter, .footerBox {
    width: 100%;
    max-width: 500px !important;
    float: none;
    text-align: center;
    margin: 0 auto 20px auto;
    display: block;
  }
  .pageFooter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.menuMain {
  background: -webkit-gradient(linear, right top, left top, from(#EAE2CF), color-stop(70.72%, #FBF7F2));
  background: linear-gradient(270deg, #EAE2CF 0%, #FBF7F2 70.72%);
  float: none;
  position: relative;
  top: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: right;
}

.menuMain ul li > a {
  color: rgba(0, 0, 0, 0.7);
  height: auto;
  padding: 18px 15px;
  font-size: .88rem;
  text-align: left;
}

.menuMain ul li:hover > a {
  color: #656D88;
}

.menuMain ul li .subMenu {
  border: 0;
  background-color: #fff;
  min-width: 200px;
  max-width: 200px;
  z-index: 2;
}

@media (min-width: 1100px) {
  .menuMain ul li .subMenu {
    padding-bottom: 10px;
  }
  .menuMain ul li .subMenu .subMenu {
    padding-top: 10px;
  }
}

.menuMain ul li .subMenu li a {
  background-color: transparent;
  padding: 5px 15px;
}

.menuMain ul li .subMenu li:hover > a {
  color: rgba(215, 112, 56, 0.7);
}

ul.topLevel {
  width: 100%;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

ul.topLevel > li > a {
  color: #424462;
  font-family: "Merriweather", serif;
  font-size: .94rem;
  font-weight: 700;
  -webkit-transition: background-color 225ms ease-in-out;
  transition: background-color 225ms ease-in-out;
}

ul.topLevel > li:hover > a {
  color: #656D88;
  background-color: #fff;
}

@media (min-width: 1101px) and (max-width: 1840px) {
  ul.topLevel > li:nth-last-of-type(3) ul.subMenu:not(.level2),
  ul.topLevel > li:nth-last-of-type(4) ul.subMenu:not(.level2) {
    left: -99%;
  }
  ul.topLevel > li:nth-last-of-type(3) ul.subMenu.level2 {
    left: auto;
    right: 0;
  }
}

.menuMain .mobile-search,
.menuMain .mobile-social,
.menuMain .mainCallToAction,
.menuMain form.header-search {
  display: none;
}

.breadcrumbWrapper {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(101, 109, 136, 0.3);
}

.breadcrumbList {
  margin-bottom: 0;
}

.breadcrumbItem {
  float: none;
  display: inline-block;
  margin-right: 10px;
  white-space: inherit;
  line-height: normal;
  font-size: .88rem;
}

.breadcrumbItem:before {
  padding-right: 10px;
  display: inline-block;
  font-family: "FontAwesome";
  color: #828282;
  content: '\f054';
}

@media screen and (max-width: 1100px) {
  header#pageHeader {
    position: relative;
  }
  header#pageHeader form.header-search {
    display: none;
  }
  header#pageHeader .menuMain .mainCallToAction,
  header#pageHeader .menuMain form.header-search {
    display: block;
  }
  a.menuMainAlt {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    background-color: #FBF7F2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    font-family: "Merriweather", serif;
    font-weight: 700;
    color: #424462;
  }
}

@media screen and (max-width: 1100px) and (max-width: 600px) {
  a.menuMainAlt {
    width: 60px;
    height: 66px;
    line-height: 66px;
    font-size: 0;
    padding: 0;
    text-align: center;
    right: 0;
  }
}

@media screen and (max-width: 1100px) {
  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";
    font-weight: 400;
    content: '\f0c9';
  }
}

@media screen and (max-width: 1100px) and (max-width: 600px) {
  a.menuMainAlt:before {
    font-size: 1.11rem;
    margin: 0;
  }
}

@media screen and (max-width: 1100px) {
  a.menuMainAlt.active:before {
    content: '\f00d';
  }
  ul.topLevel {
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
  }
  .menuMain {
    position: absolute;
    top: 100%;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    max-height: 0;
    overflow: hidden;
  }
  .menuMain.active {
    max-height: 400px;
    overflow-y: scroll;
    padding-bottom: 20px;
  }
  .menuMain ul li {
    display: block;
    width: 100%;
  }
  .menuMain ul li a {
    border-bottom: 0;
    position: relative;
  }
  .menuMain ul li ul.active,
  .menuMain ul li > ul ul.active {
    max-height: 55em;
    display: block;
  }
  .menuMain ul li ul ul,
  .menuMain ul li ul ul ul {
    display: inherit;
  }
  .menuMain ul.topLevel > li > a {
    font-size: .88rem;
  }
  .menuMain ul.topLevel > li:hover > a {
    background-color: transparent;
  }
  .menuMain ul li > a {
    padding: 10px 20px;
  }
  .menuMain ul li .subMenu {
    padding: 0;
    margin: 0;
    max-height: 0;
    max-width: 100%;
    overflow: hidden;
    position: inherit;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .menuMain ul li .subMenu li a {
    padding: 5px 20px;
    font-size: .83rem;
  }
  .menuMain ul li .subMenu .subMenu.active {
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.02);
  }
  .menuMain ul li .subMenu ul {
    left: auto;
  }
  .menuMain li.hasSubmenu > a:after {
    padding: 0;
    position: absolute;
    font-size: 1em;
    display: inline-block;
    top: 10px;
    right: 20px;
    font-family: "FontAwesome";
    content: '\f107';
  }
  .menuMain li.hasSubmenu > a.active:after {
    content: '\f106';
  }
  .menuMain > ul > li.menuAdminAltItems {
    display: none;
  }
  .menuMain .mainCallToAction {
    display: none;
    margin: 0;
    float: none;
    padding: 20px;
  }
}

@media screen and (max-width: 1100px) and (max-width: 768px) {
  .menuMain .mainCallToAction {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .menuMain .mainCallToAction .header-search-container {
    display: none;
  }
  .menuMain .mainCallToAction ul {
    background-color: transparent;
    max-height: none;
    text-align: center;
  }
  .menuMain .mainCallToAction ul li {
    display: inline-block;
    width: auto;
  }
  .menuMain .mainCallToAction ul li a {
    padding: 0;
    height: 40px;
  }
  .menuMain .mainCallToAction ul.socialIcons {
    text-align: left;
    margin: 5px 0;
  }
}

@media screen and (max-width: 1100px) and (max-width: 768px) {
  .menuMain .mainCallToAction ul.socialIcons {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .menuMain .mainCallToAction ul.socialIcons li a,
  .menuMain .mainCallToAction ul.socialIcons li a::before {
    height: 50px;
    line-height: 50px;
  }
  .menuMain .mainCallToAction a.cta-button {
    display: none;
    height: 50px;
    line-height: 50px;
  }
}

@media screen and (max-width: 1100px) and (max-width: 480px) {
  .menuMain .mainCallToAction a.cta-button {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .menuMain form.header-search {
    padding: 0 20px 20px 20px;
    float: none;
    margin: 0;
    text-align: left;
  }
  .menuMain form.header-search .searchContainer {
    padding: 0;
    position: relative;
  }
  .menuMain form.header-search #siteSearch {
    height: 50px;
    width: calc(100% - 40px);
    -webkit-appearance: none;
    border-radius: 0;
    font-size: .88rem;
  }
  .menuMain form.header-search button {
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
  }
  .menuMain form.header-search button::before {
    height: 50px;
    line-height: 50px;
  }
}

@media screen and (max-width: 768px) {
  a.menuMainAlt {
    background-color: transparent;
  }
  .menuMain li a {
    border-bottom: 0;
  }
}

.content.appealActions,
.postAside {
  padding: 0;
  margin-bottom: 20px;
}

.content.appealActions .appeals a.button,
.postAside .appeals a.button {
  margin-bottom: 5px;
}

.postAside:not(.eventWidgetsWrapper):not(.appealWidgetsWrapper) {
  display: none;
}

.associated .readMore,
.associated .postFooterWrapper,
.associated .featureFooter p,
.associated .featureFooter div {
  display: none;
}

.associated .featureFooter {
  padding: 0;
  border: 0;
  font-size: 1em;
}

.associated .associated-image-link {
  display: block;
}

.associated .associated-image-link img.banner {
  margin-bottom: 10px;
}

.associated h2, .associated h3 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.associated h2.associatedTitle {
  margin: 10px 0;
}

ul.associatedListing {
  margin: 20px 0;
}

ul.associatedListing li {
  display: none;
  border-top: 1px solid #E0E0E0;
  border-bottom: 0;
  padding: 10px 0;
  margin: 0;
}

ul.associatedListing li:nth-child(-n+5) {
  display: block;
}

ul.associatedListing li img {
  display: none;
}

.associatedBox {
  padding: 0;
  background-color: transparent;
}

.associatedTagCloud {
  display: none;
}

@media (max-width: 1100px) {
  .content.appealActions,
  .postAside {
    padding: 0;
  }
  .associated .associated-image-link img.banner {
    margin: 0 10px 0 0;
  }
}

.NewsletterSign-up {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  margin-right: 0;
}

.NewsletterSign-up #mc_embed_signup_scroll,
.NewsletterSign-up .featureForm > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.NewsletterSign-up .mc-field-group,
.NewsletterSign-up .formQuestion {
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.NewsletterSign-up .mc-field-group.firstName, .NewsletterSign-up .mc-field-group.lastName,
.NewsletterSign-up .formQuestion.firstName,
.NewsletterSign-up .formQuestion.lastName {
  width: calc(50% - 5px);
}

.NewsletterSign-up .mc-field-group.lastName,
.NewsletterSign-up .formQuestion.lastName {
  margin-right: 0;
}

.NewsletterSign-up .mc-field-group.email,
.NewsletterSign-up .formQuestion.email {
  width: calc(100% - 90px);
}

.NewsletterSign-up .mc-field-group input,
.NewsletterSign-up .formQuestion input {
  padding: 5px 15px;
  margin: 0;
  height: 45px;
  border: none;
}

.NewsletterSign-up .mc-field-group label,
.NewsletterSign-up .formQuestion label {
  display: none;
  text-align: left;
}

.NewsletterSign-up #mc-embedded-subscribe,
.NewsletterSign-up button {
  background-color: #E0D6C4;
  color: #424462;
  margin: 0;
  height: 45px;
  padding: 0;
  min-width: 80px;
  display: block;
}

.NewsletterSign-up #mc-embedded-subscribe:hover,
.NewsletterSign-up button:hover {
  background-color: #cebfa3;
}

.userLoggedIn .NewsletterSign-up button.groupSignUpBtn {
  margin: 20px auto;
  float: none;
  clear: both;
  display: block;
}

@media screen and (max-width: 1100px) {
  .NewsletterSign-up {
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .NewsletterSign-up #mc_embed_signup_scroll,
  .NewsletterSign-up .featureForm > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .NewsletterSign-up .mc-field-group,
  .NewsletterSign-up .formQuestion {
    width: 100% !important;
    margin-right: 0;
  }
  .NewsletterSign-up #mc-embedded-subscribe,
  .NewsletterSign-up button {
    width: 100%;
  }
}

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;
}

.homeIntroWrapper {
  max-width: 100%;
  padding: 54px 0;
  background-color: #FBF7F2;
}

.homeIntro {
  margin: 0 auto;
  width: 100%;
  font-family: "Merriweather", serif;
  font-size: inherit;
  margin-bottom: 0;
  padding: 0;
}

.homeIntro * {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #656D88;
}

@media (max-width: 1100px) {
  .homeIntroWrapper {
    padding: 45px 0;
  }
  .homeIntro * {
    font-size: 1.44rem;
  }
}

@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;
}

.homeFeature {
  margin-left: 0;
  width: calc( 33.33333% - 20px);
  margin-right: 30px;
  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;
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

.homeFeature:nth-child(4n+1) {
  clear: inherit;
}

.homeFeature:nth-of-type(3n), .homeFeature:last-child {
  margin-right: 0;
}

.homeFeature .home-feature-image-link,
.homeFeature .listed-post-image-link {
  width: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.homeFeature .homeFeatureDetailsWrapper,
.homeFeature .listedPostText {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
}

.homeFeature .homeFeatureDetailsWrapper h2,
.homeFeature .listedPostText h2 {
  margin-bottom: 5px;
}

.homeFeature .homeFeatureDetailsWrapper h2 a,
.homeFeature .listedPostText h2 a {
  color: #424462;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.homeFeature .homeFeatureDetailsWrapper p,
.homeFeature .listedPostText p {
  font-size: .88rem;
}

.homeFeature:hover {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.homeFeature:hover h2 a {
  color: #D77038;
}

.homeFeaturesWrapper {
  padding: 0 0 40px 0;
  background-color: #FBF7F2;
}

.homeFeature {
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  background-color: #fff;
}

.homeFeature p {
  margin-bottom: 0;
}

.homeFeature:hover {
  background-color: #fff;
}

.homeFeature .banner {
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
}

.homeFeature.homeFeatureSnippets:hover {
  cursor: default;
}

.homeFeature .listedPostText,
.homeFeatureDetailsWrapper {
  background-color: #fff;
}

.homeFeature .listedPostText h2,
.homeFeatureDetailsWrapper h2 {
  margin-top: 0;
}

.homeFeature .listedPostText .featureFooter,
.homeFeatureDetailsWrapper .featureFooter {
  display: none;
}

.homeFeatureEvents .homeFeatureDetailsWrapper {
  position: relative;
}

.homeFeatureEvents .featureFooter {
  display: block;
  padding: 0;
  border: none;
}

.homeFeatureEvents .featureFooter p:not(.featureStartDateWrapper),
.homeFeatureEvents .featureFooter ul {
  display: none;
}

.homeFeatureEvents .featureFooter p.featureStartDateWrapper {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding: 8px 25px;
  background-color: #424462;
  color: #fff;
  font-size: .77rem;
  font-weight: 700;
}

.homeFeatureEvents .featureFooter p.featureStartDateWrapper strong,
.homeFeatureEvents .featureFooter p.featureStartDateWrapper sup {
  display: none;
}

@media screen and (max-width: 1024px) {
  .homeFeature {
    width: 100%;
    float: none;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.homeFeeds {
  max-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;
}

.homeFeed {
  margin: 0;
  padding-top: 50px;
  padding-bottom: 40px;
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

.homeFeed:nth-child(4n+1) {
  clear: inherit;
}

.feedItem {
  margin-left: 0;
  width: calc( 25% - 22.5px);
  margin-right: 30px;
  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;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 20px;
}

.feedItem:nth-of-type(4n), .feedItem:last-child {
  margin-right: 0;
}

.feedItem .home-feed-image-link {
  display: block;
  margin: 0;
  width: 100%;
  float: none;
  position: static;
  left: auto;
  top: auto;
}

.feedItem .home-feed-image-link img.banner {
  margin-bottom: 0;
}

.feedItem p {
  margin-bottom: 0;
}

.feedItem h3, .feedItem p, .feedItem .postFooterWrapper {
  width: 100%;
  float: none;
  margin: 20px 0 0;
  padding: 0 20px;
}

.feedItem:after {
  content: "";
  display: table;
  clear: both;
}

.feedItem:hover {
  cursor: pointer;
}

.feedItem .shareWrapper {
  display: none;
}

.homeFeedsWrapper {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.feedsTitle {
  position: relative;
  z-index: 1;
  background-color: transparent;
  padding: 0;
  margin: 0 auto 30px auto;
  font-size: 1.66rem;
  font-weight: 700;
  text-align: center;
}

.feedsTitle span {
  padding: 0 25px;
  background-color: #fff;
}

.feedsTitle span::before {
  content: " ";
  position: absolute;
  height: 1px;
  background-color: #E0D6C4;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  width: calc(100% - 20px*2);
  z-index: -1;
}

ul.feedList {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: transparent;
}

ul.feedList:after {
  content: "";
  display: table;
  clear: both;
}

.homeFeed {
  margin-left: 0;
}

.feedItem {
  margin-top: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background-color: #FBF7F2;
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

.feedItem:hover {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.feedItem:hover .feedTitle a {
  color: #D77038;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.feedItem .feedTitle {
  margin-bottom: 5px;
  font-size: .88rem;
}

.feedItem .feedTitle a {
  color: #424462;
}

.feedItem p {
  margin: 0;
  font-size: .88rem;
}

.feedItem .banner {
  -webkit-backface-visibility: hidden;
}

.feedItem .readMore {
  display: none;
}

.homeFeedevents {
  padding-bottom: 100px;
  background-color: #9AB2A6;
}

@media screen and (max-width: 1100px) {
  .homeFeedevents {
    padding-bottom: 40px;
  }
}

.homeFeedevents .feedsTitle span {
  background-color: #9AB2A6;
  color: #fff;
}

.homeFeedevents .feedsTitle span::before {
  background-color: rgba(255, 255, 255, 0.3);
}

.homeFeedevents .feedItem {
  background-color: #fff;
}

.homeFeedevents .homeFeedDetailsWrapper {
  position: relative;
}

.homeFeedevents .postFooterWrapper {
  clear: both;
}

.homeFeedevents .postFooterWrapper .postFooter {
  padding: 0;
  border: 0;
  margin: 0;
}

.homeFeedevents .postFooterWrapper p {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.homeFeedevents .postFooterWrapper p:not(.associatedStartDate) {
  display: none;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate {
  display: inline-block;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding: 8px 25px;
  background-color: #424462;
  color: #fff;
  font-size: .77rem;
  font-weight: 700;
}

.homeFeedevents .postFooterWrapper p.associatedStartDate strong,
.homeFeedevents .postFooterWrapper p.associatedStartDate sup,
.homeFeedevents .postFooterWrapper p.associatedStartDate span:last-of-type {
  display: none;
}

.tweet {
  margin: 30px 0;
}

.tweet img {
  display: none;
}

.tweetDate {
  display: block;
  width: 100%;
  font-size: 0.9em;
}

.feedActionWrapper {
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .feedItem,
  .homeFeed {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .feedItem {
    margin-bottom: 30px;
  }
}

.headerText {
  margin-top: 40px;
}

.headerText h1 {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.25em;
  margin-top: 48px;
  margin-bottom: 0;
}

.listing .headerText h1 {
  max-width: 100%;
  margin-bottom: 20px;
}

.headerText .content {
  max-width: 900px;
}

.postContent {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.postContent blockquote:before {
  display: none;
}

.appealActions,
.postAside {
  float: right;
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
  margin-top: 30px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.postFooterWrapper {
  clear: both;
}

.postFooterWrapper .postFooter {
  padding: 0;
  border: 0;
  font-size: 1em;
}

.postFooterWrapper .publishDetailsWrapper {
  margin-top: 0;
}

.postFooterWrapper .publishDetailsWrapper:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

.postFooterWrapper p {
  font-size: 1em;
  display: inline-block;
  float: none;
  margin: 0 20px 10px 0;
}

.postFooterWrapper .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 {
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #E0E0E0;
  text-align: left;
  font-size: 16px;
}

.shareWrapper ul.shareList {
  margin-top: 10px;
}

.shareWrapper ul.shareList li {
  float: none;
}

.postContent img,
.listingIntro img,
.accordianBody img {
  max-width: 100%;
  height: auto;
}

.postContent iframe,
.listingIntro iframe,
.accordianBody iframe {
  max-width: 100%;
}

.carousel .listingIntro img {
  width: auto;
}

@media screen and (max-width: 1100px) {
  .contentBlock, .postAside, .listContent, .postContent, .appealActions {
    width: 100%;
    padding: 0;
  }
  .appealActions,
  .postAside {
    float: none;
    min-width: 100%;
    clear: both;
  }
  .postContent img,
  .listingIntro img,
  .accordianBody img {
    float: none;
    display: block;
    margin: 10px auto;
  }
  img.postImageFloatLeft,
  img.postImageFloatRight,
  .image-align-left,
  .image-align-right {
    display: block;
    float: none;
    margin: 10px auto;
  }
}

@media (max-width: 768px) {
  .headerText h1 {
    font-size: 1.8em;
  }
}

.listing .listedPost:not(.listedFundraiser) {
  margin-left: 0;
  margin-left: 0;
  width: calc( 33.33333% - 20px);
  margin-right: 30px;
  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;
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

.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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.listing .listedPost:not(.listedFundraiser) .homeFeatureDetailsWrapper,
.listing .listedPost:not(.listedFundraiser) .listedPostText {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
}

.listing .listedPost:not(.listedFundraiser) .homeFeatureDetailsWrapper h2,
.listing .listedPost:not(.listedFundraiser) .listedPostText h2 {
  margin-bottom: 5px;
}

.listing .listedPost:not(.listedFundraiser) .homeFeatureDetailsWrapper h2 a,
.listing .listedPost:not(.listedFundraiser) .listedPostText h2 a {
  color: #424462;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.listing .listedPost:not(.listedFundraiser) .homeFeatureDetailsWrapper p,
.listing .listedPost:not(.listedFundraiser) .listedPostText p {
  font-size: .88rem;
}

.listing .listedPost:not(.listedFundraiser):hover {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.listing .listedPost:not(.listedFundraiser):hover h2 a {
  color: #D77038;
}

.listing .listingBanner {
  margin-bottom: 0;
}

.listing .listedPost {
  border-bottom: 0;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.listing .listedPost .banner {
  -webkit-backface-visibility: hidden;
}

.listing .listedPost h2 {
  margin-top: 0;
}

.listing .listedPost .listedPostText {
  background-color: #FBF7F2;
}

.listing .listedPost .readMore,
.listing .listedPost .postFooterWrapper {
  display: none;
}

.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 .contentBlockWrapper {
  max-width: 900px;
  margin-top: 0;
}

.faqListingPage .headerText h1,
.faqListingPage .headerText .content {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.faqListingPage .headerText .content {
  margin-bottom: 50px;
  color: #000;
}

.faqListingPage .listContent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.faqListingPage .listFooter {
  margin-top: 60px;
  margin-bottom: 0;
}

.listFooter {
  width: 100%;
}

.listFooter .loadAmount {
  margin-top: 10px;
  font-size: .88rem;
}

.listFooter a.button:link {
  margin: 5px;
}

div[id*='googleMap'] {
  max-width: 100% !important;
}

span.googleSearchWrapper {
  padding: 20px;
  background-color: #E0E0E0;
}

span.googleSearchWrapper input[type="text"] {
  margin: 0;
  font-size: 1em;
  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: #E0E0E0;
  margin-bottom: 40px;
}

.content.listContent.mapResultList .listedPost {
  border-bottom-color: #E0E0E0;
  width: 100%;
}

.content.listContent.mapResultList .listedPostText {
  font-size: 1em;
}

.content.listContent.mapResultList h2 {
  font-size: 1em;
}

.content.listContent.mapResultList .readMore {
  display: none;
}

@media screen and (max-width: 1100px) {
  .listing .listedPost:not(.listedFundraiser) {
    width: 100%;
    float: none;
    padding: 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;
  }
}

body.login fieldset.signInForm,
body.lobby-Login fieldset.signInForm {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

body.login fieldset.signInForm .formQuestion,
body.lobby-Login fieldset.signInForm .formQuestion {
  max-width: 600px;
}

body.login fieldset.signInForm legend,
body.lobby-Login fieldset.signInForm legend {
  float: left;
  width: 100%;
  font-size: 2em;
  margin-bottom: 1em;
}

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: 1100px) {
  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;
}

.errorMessage {
  color: #f39c12;
  background-color: rgba(243, 156, 18, 0.2);
  padding: 10px;
}

@media only screen and (max-width: 1100px) {
  .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: 1em;
  margin: 40px 0;
  padding: 20px;
  background-color: #eee;
}

.alert {
  color: #f39c12;
}

.noSearchResults {
  text-align: left;
  border: 0;
  background-color: rgba(243, 156, 18, 0.2);
}

.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: 1em;
  font-weight: 400;
  margin-top: 0;
}

.listing .searchResultsArea:after {
  content: "";
  display: table;
  clear: both;
}

.listing .searchResultsArea .listedPost {
  border-top: 2px solid #E0E0E0;
  padding: 15px 0;
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
  margin-bottom: 0;
}

.listing .searchResultsArea .listedPost.listedAppeal {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.listing .searchResultsArea .listedPost.listedEvent .postFooterWrapper {
  display: none;
}

.listing .searchResultsArea .listedPost .associatedFooter,
.listing .searchResultsArea .listedPost img {
  display: none;
}

.listing .searchResultsArea .listedPost h2 {
  font-size: 1em;
}

.listing .searchResultsArea .listedPost p {
  margin-bottom: 0;
}

.listing .searchResultsArea .listedPost p span.readMore {
  display: none;
}

.listing .searchResultsArea .listedPost:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1100px) {
  .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;
  }
}

.contentBlockWrapper.appealActionsWrapper, .appealActionsWrapper {
  max-width: 900px;
  margin-top: 20px;
}

.contentBlockWrapper.appealActionsWrapper .contentBlock, .appealActionsWrapper .contentBlock {
  width: auto;
}

.contentBlockWrapper.appealActionsWrapper .appealActions, .appealActionsWrapper .appealActions {
  max-width: 100%;
  margin: 0 0 40px 0;
}

.contentBlockWrapper.appealActionsWrapper .appealActions a.button,
.contentBlockWrapper.appealActionsWrapper .appealActions a.button:link, .appealActionsWrapper .appealActions a.button,
.appealActionsWrapper .appealActions a.button:link {
  margin: 0 0 5px 0;
}

.topFundraisersWrapper {
  display: none;
  margin-top: 20px;
  font-size: 1em;
  margin-bottom: 20px;
}

.topFundraisersWrapper ol {
  padding-left: 0;
}

.topFundraisersWrapper ol li {
  width: 49%;
  display: inline-block;
}

.appealWidgets .findAFundraiserWidget h3 {
  margin: 20px 0 10px 0;
}

.appealWidgets .findAFundraiserWidget .fundraiserProfilePics li {
  float: none;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.appealWidgets .findAFundraiserWidget .searchFundraisers .formQuestion {
  margin-top: 0;
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: bottom;
}

.appealWidgets .findAFundraiserWidget .searchFundraisers .formQuestion input {
  height: 40px;
}

.appealWidgets .findAFundraiserWidget .searchFundraisers button {
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  vertical-align: bottom;
}

.appealWidgets .findAFundraiserWidget .searchFundraisers button:before {
  margin: 0;
  font-weight: normal;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  display: block;
  font-family: "FontAwesome";
  content: '\f002';
}

.appealFooter .totaliserPanel {
  display: none;
}

.appealInteractions {
  margin-top: 60px;
}

.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.25em;
}

.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 #E0E0E0;
}

.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.25em;
}

.donorsList .donorDetails h3, .donorsList .donorDetails h4 {
  margin-top: 10px;
  font-size: 0.85em;
  font-weight: inherit;
}

.donorsList .donorDetails h4 {
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .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;
  }
  .appealWidgets .findAFundraiserWidget {
    margin-bottom: 40px;
  }
  .appealWidgets .findAFundraiserWidget .searchFundraisers button {
    margin: 0;
  }
}

.inMemoryListingPage .listContent {
  float: left;
  width: 66.666%;
}

.inMemoryListingPage .listing .postAside {
  display: block;
  width: 33.333%;
  margin-top: 40px;
  padding: 0 0 0 60px;
}

.createInMemBtn {
  width: 100%;
}

.formQuestion.findAMemorialName {
  width: 100%;
}

.findAMemorial {
  margin-top: 40px;
  max-width: 600px;
  background-color: #f2f2f2;
  padding: 20px;
}

.findAMemorial .findAMemorialBtn {
  margin-top: 10px;
}

.findAMemorial + h2 {
  font-weight: 400;
  margin: 80px 0 20px 0;
}

#memorialArea:after {
  content: "";
  display: table;
  clear: both;
}

#memorialArea .listedInMemory h2 {
  font-size: 1.5em;
}

#memorialArea .listedPost.listedInMemory:first-child {
  margin-top: 0;
}

.life {
  font-size: inherit;
  color: #7c7fa7;
  display: block;
  margin: 20px 0;
}

.inMemPostPage article {
  width: 100%;
  max-width: 720px;
}

.inMemPostPage .carousel {
  margin-top: 20px;
}

.inMemContent {
  padding: 0;
  width: 100%;
  text-align: center;
}

.inMemContent .appealActions {
  margin: 40px auto;
  float: none;
}

.inMemContent .appealActions a.button {
  width: calc(50% - 10px);
  margin: 0 5px;
}

.inMemContent .appealInteractionsWrapper {
  margin-top: 150px;
  text-align: left;
}

.inMemContent .appealInteractionsWrapper #makeComment {
  text-align: left;
}

@media (max-width: 1100px) {
  .inMemoryListingPage .listContent,
  .inMemoryListingPage .listing .postAside {
    width: 100%;
    float: none;
    padding: 0;
  }
  .findAMemorial {
    max-width: 100%;
  }
  .inMemPostPage .carousel {
    margin-top: 0;
  }
  .inMemPostPage article {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .inMemContent .appealActions a.button {
    width: 100%;
    margin: 5px 0;
  }
}

.formDonatePage > .formWrapper {
  padding: 0;
  max-width: 100%;
}

.formDonatePage .contentBlockWrapper {
  padding: 0;
  /* remove padding on these elements as padding is applied to formWrapper in scaffolding.scss */
}

.donationForm {
  margin: 10px auto 40px auto;
}

.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;
}

body.donate.no-totaliser .headerText {
  max-width: 860px;
}

body.donate.no-totaliser .donationForm {
  max-width: 900px;
}

body.donate.no-totaliser .donationForm .donationFormItems {
  width: 100%;
  padding: 0;
}

body.donate.no-totaliser .donationForm .supportedAppeal,
body.donate.no-totaliser .donationForm .appealTotaliser {
  display: none;
}

.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: 2em;
  text-align: center;
  border-right: 1px solid #ccc;
}

.donationAmount span.donationAmountDescription {
  width: calc(100% - 320px);
  display: inline-block;
}

.donationAmount.donationAmountOther .donationAmountFigure {
  float: left;
  width: 100%;
}

.donationAmount.donationAmountOther input#donationAmountOther {
  margin: 0 0 0 20px;
}

.donationFrequency {
  background-color: #f3f3f3;
  padding: 20px;
}

.donationFrequency label {
  font-size: 2em;
  width: auto;
  text-align: left;
}

.donationFrequency input#monthly {
  float: right;
  margin: 5px;
}

.donationFrequency .regularPayment {
  margin-top: 5px;
}

.donationAmount.donationSelected,
.donationFrequency.frequencySelected {
  background-color: #E0D6C4;
  color: #fff;
}

.formQuestion.donationDate select,
.formQuestion.donationPeriod select {
  width: 100%;
}

.donationGiftAid .checkboxRadio {
  margin: 0;
  padding: 75px 0 30px 50px;
  display: block;
  width: 100%;
}

.donationGiftAid input {
  margin: 2px 0 0;
  float: left;
}

.donationGiftAid .giftAidStatement {
  margin: 0 0 30px 30px;
  font-size: 0.85em;
}

.signInWrapper {
  padding: 20px;
  position: relative;
}

.signInWrapper h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.signInWrapper p {
  float: none;
  margin: 0;
}

.signInWrapper a.expand,
.signInWrapper a.expand:link {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px 20px 0 0;
  background-color: #E0D6C4;
  color: #424462;
}

.signInWrapper .signInArea .signInForm {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 1100px) {
  .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.4em;
  }
  .donationAmount.donationAmountOther label {
    width: 100%;
    float: none;
  }
  .donationAmount.donationAmountOther label strong {
    text-align: center;
  }
  .donationAmount.donationAmountOther input#donationAmountOther {
    margin: 0;
    width: 90%;
  }
  .donationFrequency label {
    width: 80%;
    font-size: 1.4em;
  }
  a.facebookPopulate,
  a.signIn {
    width: 100%;
    margin: 5px 0 0;
  }
}

.termsConditionsDetails {
  background-color: transparent;
  font-size: 1em;
  padding: 20px 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 .postFooterWrapper {
  display: block;
}

.listing .listedEvent .postFooterWrapper .postFooter:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.listing .listedEvent .postFooterWrapper p {
  margin-right: 0;
}

.listing .listedEvent .postFooterWrapper .relatedWrapper, .listing .listedEvent .postFooterWrapper .publishDetailsWrapper {
  display: none;
}

.eventContent table td {
  padding: 10px;
}

.eventContent table input[type="text"] {
  margin-top: 0;
}

.eventContent table.itemColumn {
  width: 40%;
}

.eventContent table h3 {
  margin-top: 0;
}

.eventContent thead {
  color: rgba(66, 68, 98, 0.5);
}

h3.itemName {
  font-size: 1em;
}

.itemColumn {
  width: 40%;
}

a.mapLink {
  margin-top: 5px;
}

.eventDetails img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .itemColumn {
    width: 20%;
  }
}

@media (max-width: 1100px) {
  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 {
    min-width: 120px;
  }
  .quantityColumn input {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
  }
}

.departments {
  width: 33.33333%;
  padding-right: 60px;
}

.departments h2 {
  margin-top: 0;
}

ul.departmentList > li {
  margin-top: 40px;
}

ul.departmentList > li a {
  background-color: #e2e2e2;
  color: #333;
  text-transform: uppercase;
}

ul.departmentList > li a:hover {
  background-color: #d5d5d5;
  text-decoration: none;
}

ul.departmentList ul.secondLevel li a {
  text-transform: inherit;
  background-color: #f2f2f2;
}

ul.departmentList ul.secondLevel li a:hover {
  background-color: #e5e5e5;
}

@media screen and (max-width: 1100px) {
  .departments {
    width: 100%;
    float: none;
    padding-right: 0;
  }
}

.shopLandingContent, .listing .productList {
  width: 66.6666%;
  float: left;
}

.shopLandingContent .listContent, .shopLandingContent .listedPost, .listing .productList .listContent, .listing .productList .listedPost {
  padding-right: 0;
  width: 100%;
  background-color: transparent;
}

.shopLandingContent .listContent .postFooterWrapper, .shopLandingContent .listedPost .postFooterWrapper, .listing .productList .listContent .postFooterWrapper, .listing .productList .listedPost .postFooterWrapper {
  display: block;
}

.productList .listedPost.listedProduct {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

.productList .listedPost.listedProduct a.listed-post-image-link {
  width: 33.333%;
  float: left;
}

.productList .listedPost.listedProduct .productBanner {
  width: 100%;
  float: none;
}

.productListOrder {
  margin-bottom: 40px;
  font-size: 1em;
}

.listedProductText {
  width: 66.666%;
  padding-left: 20px;
}

.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: 40px;
}

.productPostPage .postAside ul li {
  width: 25%;
  float: left;
  padding: 0 15px;
  border-bottom: 0;
  margin-bottom: 30px;
}

.productPostPage .postAside ul li:nth-child(4n+1) {
  clear: left;
}

.productPostPage .productBannerWrapper {
  width: 33.333%;
}

.productPostPage .productBannerWrapper img {
  max-width: 100%;
}

.productPostPage .productText {
  width: 66.666%;
  float: right;
  padding-left: 20px;
}

.productPostPage .productReviews {
  clear: both;
  float: left;
  width: 100%;
}

.productContentWrapper:after {
  content: "";
  display: table;
  clear: both;
}

.productActions {
  padding-top: 30px;
  position: relative;
}

.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 screen and (max-width: 1100px) {
  .shopLandingContent, .listing .productList {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .shopLandingContent ul.productListOrder li, .listing .productList ul.productListOrder li {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0 0 5px 0;
    float: none;
    display: block;
  }
  .listedProduct .productBanner {
    float: none;
    margin: 0 auto;
    width: auto;
    display: block;
    max-width: 100%;
  }
  .listedProductText {
    width: 60%;
    float: right;
  }
  .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 li {
    width: 100%;
  }
  .productPostPage .postAside ul li:nth-child(2n+1) {
    clear: none;
  }
  .formQuestion.productQuantity,
  .productActions {
    width: 100%;
    float: none;
    max-width: 100%;
  }
  .productActions {
    padding: 0;
    margin-top: 20px;
  }
  .productActions a.button:link {
    width: 100%;
    margin-bottom: 5px;
  }
  .productFooter a.button:link {
    width: 100%;
    margin-bottom: 5px;
  }
  .listing .productList .listedPost.listedProduct a.listed-post-image-link {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .listedProductText {
    width: 100%;
    float: none;
    padding: 0;
  }
}

.paymentPage {
  margin-bottom: 40px;
}

.paymentPage td {
  padding: 10px 20px;
}

.paymentPage .paymentForm legend,
.paymentPage table caption h2 {
  text-align: center;
}

h3.vat,
h2.total {
  margin: 40px 0;
  text-align: left;
  font-size: 2em;
}

h3.vat {
  color: rgba(66, 68, 98, 0.5);
}

.promoCode,
.deliveryAmount {
  margin-top: 40px;
  margin-bottom: 0;
}

.promoCode span,
.deliveryAmount span {
  font-size: 1em;
}

.promoCode h3,
.promoCode label,
.deliveryAmount h3,
.deliveryAmount label {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.promoCode .deliveryOptions,
.deliveryAmount .deliveryOptions {
  width: auto;
  min-width: 300px;
}

.promoCode input,
.deliveryAmount input {
  width: auto;
  min-width: 150px;
  margin: 0;
  float: right;
}

.promoCode button#applyPromo,
.deliveryAmount button#applyPromo {
  float: right;
  margin: 0 10px 0 0;
}

.registerWrapper,
.paymentFormWrapper {
  margin-top: 40px;
}

fieldset.registerForm,
fieldset.delivery {
  border: 2px solid #f3f3f3;
  padding: 20px;
}

fieldset.registerForm legend,
fieldset.delivery legend {
  text-align: center;
}

fieldset#submit-button-wrapper {
  text-align: center;
}

.continueShoppingWrapper {
  display: none;
}

@media screen and (max-width: 1100px) {
  .paymentPage.contentBlock {
    padding: 0;
  }
  .paymentPage.contentBlock .basket {
    padding: 0;
  }
  .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.6em;
  }
  .itemThumb {
    float: none;
    margin: 0;
  }
  .promoCode span,
  .promoCode h3,
  .promoCode label,
  .deliveryAmount span,
  .deliveryAmount h3,
  .deliveryAmount label {
    width: 100%;
    float: none;
    text-align: left;
  }
  .promoCode .deliveryOptions,
  .deliveryAmount .deliveryOptions {
    width: 100%;
    min-width: 100%;
    float: none;
  }
  .promoCode input,
  .deliveryAmount input {
    width: 100%;
    margin: 0;
  }
  .promoCode button#applyPromo,
  .deliveryAmount button#applyPromo {
    width: 100%;
    margin: 5px 0 0;
  }
  .paymentFormWrapper,
  .paymentEtc {
    padding-right: 0;
    padding-left: 0;
  }
  button.postcodeLookUpBtn,
  button.addressEnterBtn,
  .registerButtons button.button {
    width: 100%;
    margin: 5px 0 0 0;
  }
}

@media (max-width: 767px) {
  .paymentPage .basket table,
  .eventContent table {
    overflow: visible;
  }
  .paymentPage .basket table thead,
  .eventContent table thead {
    display: none;
  }
  .paymentPage .basket table caption,
  .paymentPage .basket table tbody,
  .eventContent table caption,
  .eventContent table tbody {
    width: 100%;
    display: block;
  }
  .paymentPage .basket table tbody tr,
  .eventContent table 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 #E0E0E0;
  }
  .paymentPage .basket table tbody tr:nth-child(odd), .paymentPage .basket table tbody tr:nth-child(even),
  .eventContent table tbody tr:nth-child(odd),
  .eventContent table 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 table tbody td,
  .eventContent table tbody td.removeColumn,
  .eventContent table tbody td.quantityColumn,
  .eventContent table tbody td.priceColumn,
  .eventContent table tbody td.itemColumn,
  .eventContent table tbody td.enquiryColumn {
    width: 100%;
    padding-left: 50%;
    position: relative;
    text-align: left;
  }
  .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 table tbody td:before,
  .eventContent table tbody td.removeColumn:before,
  .eventContent table tbody td.quantityColumn:before,
  .eventContent table tbody td.priceColumn:before,
  .eventContent table tbody td.itemColumn:before,
  .eventContent table 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 table tbody td:after,
  .eventContent table tbody td.removeColumn:after,
  .eventContent table tbody td.quantityColumn:after,
  .eventContent table tbody td.priceColumn:after,
  .eventContent table tbody td.itemColumn:after,
  .eventContent table tbody td.enquiryColumn:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: calc(50% + 20px);
    top: 0;
    background-color: #E0E0E0;
    display: block;
    content: '';
    visibility: visible;
  }
  .paymentPage .basket table tbody .itemColumn:before,
  .eventContent table tbody .itemColumn:before {
    content: 'Item';
  }
  .paymentPage .basket table tbody .quantityColumn:before,
  .eventContent table tbody .quantityColumn:before {
    content: 'Quantity';
  }
  .paymentPage .basket table tbody .priceColumn:before,
  .eventContent table tbody .priceColumn:before {
    content: 'Price';
  }
  .paymentPage .basket table tbody .enquiryColumn:before,
  .eventContent table tbody .enquiryColumn:before {
    content: 'Enquire';
  }
  .paymentPage .basket table tbody .removeColumn,
  .eventContent table tbody .removeColumn {
    border-bottom: 1px solid #E0E0E0;
  }
  .paymentPage .basket table td,
  .eventContent table 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: 22%;
  float: none;
  display: inline-block;
  vertical-align: top;
  border-bottom: 0;
}

.fundraiserSearchResults .listedFundraiser img {
  margin-right: 0;
}

.fundraiserSearchResults .listedFundraiser .postFooterWrapper,
.fundraiserSearchResults .listedFundraiser h3 {
  display: none;
}

.findAFundraiser {
  max-width: 1240px;
  padding: 0 20px;
  margin-top: 60px;
}

.findAFundraiser legend {
  border-bottom: 0;
}

.findAFundraiser .findAFundraiserEvent {
  margin-left: 0;
  padding-left: 20px;
}

@media screen and (max-width: 1100px) {
  .findAFundraiser .formQuestion {
    float: none;
    width: 100%;
  }
  .findAFundraiser .formQuestion.findAFundraiserEvent {
    padding-left: 0;
  }
}

#uploadifive-uploadifiveucFile,
.uploadifive-button.commentAddImage {
  background-color: #E0D6C4 !important;
  color: #424462 !important;
  margin: 10px 0;
}

@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 #E0E0E0;
  padding-top: 20px;
}

.appealCreatePage fieldset.registerForm {
  margin: 80px 0 40px 0;
}

.appealCreatePage fieldset.registerForm legend {
  background-color: #f3f3f3;
  padding: 10px 20px;
}

#fundraiser-create-form .registerForm {
  padding: 0;
}

.page-url-indicator {
  word-break: break-all;
}

.fundraiserDashWrapper .accordianBody {
  padding: 20px;
}

.fundraiserDashWrapper .shareList {
  padding-left: 0;
}

@media (max-width: 1100px) {
  .fundraiserSearchResults .listedFundraiser {
    width: 46.5%;
  }
  .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;
  }
}

nav.menuSub {
  border-bottom: 0;
}

nav.menuSub ul {
  margin: 60px auto 40px auto;
}

nav.menuSub ul li.level1 {
  float: none;
}

nav.menuSub ul li.level1 a {
  border-radius: 0;
  padding: 10px 15px;
}

nav.menuSub ul li.level1 a:hover {
  text-decoration: none;
  background-color: #ddd;
}

nav.menuSub ul li.level1.active a {
  background-color: #E0D6C4;
  color: #fff;
}

nav.menuSub ul li.level1.active a:hover {
  background-color: #E0D6C4;
  color: #fff;
}

.subsiteFeed {
  width: 100%;
  margin-right: 0;
  float: none;
  display: block;
}

.subsiteFeed .feedItem {
  margin-left: 0;
  width: calc( 33.33333% - 20px);
  margin-right: 30px;
  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;
}

.subsiteFeed .feedItem:nth-of-type(3n), .subsiteFeed .feedItem:last-child {
  margin-right: 0;
}

@media (max-width: 1100px) {
  .subsiteFeed,
  .subsiteFeed .feedItem {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

header .carousel {
  margin: 0 auto;
}

body.subsite:not(.homepage) .headerWrapperSubsite, body.subsite:not(.homepage) .headerTextSubsite {
  display: none;
}

body.subsite .headerText {
  padding-top: 0;
}
/*# sourceMappingURL=main.css.map */