/* EVA 21.03.16 https://www.bugherd.com/projects/86483/tasks/7 */
.searchListingIntro .listedFilters li {
    float: left;
    display: block;
    margin: 0 10px 10px 0;
}

/*
	SimonM, 09.08.16
	Donate buttons on appeal-become-a-friend
	We've added a fake one to the body of the page to link to the DD version of the donate form
	https://app.asana.com/0/23974193630177/165403399721751
*/
.appeal-become-a-friend .appealActions {
    display: none;
}

/*
KathieW, pre-live QA 15.08.2016
*/

.shareWrapper {
    clear: both;
}

.content.appealActions a.button,
.content.appealActions a.button:link {
    width: 100%;
    margin: 0 0 10px 0;
}

@media (max-width: 1025px) {
    .postContent table {
        max-width: 100%;
        width: 100% !important;
        overflow-x: scroll;
    }

    .postContent table img {
        width: 100%;
        height: auto;
    }

    .footerBox a {
        white-space: no-wrap;
    }
}

@media (max-width: 992px) {
    .productPostPage .productBannerWrapper,
    .productPostPage .productText {
        width: 100%;
        float: none;
    }

    .productBannerList li {
        float: none;
        display: inline-block;
        margin: 5px 10px;
    }
}

@media (max-width: 768px) {
    .button,
    .footerBox.footerBox6 a:link,
    a.button:link,
    .footerBox.footerBox6 a:link,
    a.button:visited,
    .footerBox.footerBox6 a:visited:link,
    .commentAddImage,
    button,
    #totaliserActions .buttonDonate,
    #totaliserActions .buttonFundraise,
    .commentAddImage,
    .button.ghostContinue,
    .footerBox.footerBox6 a.ghostContinue:link,
    .readMore,
    a.addToCalender,
    .searchPageContainer button {
        width: 100%;
        margin: 0 0 10px 0;
        display: block;
    }

    .postContent img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 500px) {
    .formQuestion.labelCheckBoxPair label {
        width: 85%;
    }
}

/* EK - Hiding comments on donation form and comment name tickbox - 17/08/16 - #11409 
.formQuestion.donationComment, .formQuestion.displayName.labelCheckBoxPair {
  display: none;
}*/

/* KW - DES-374 */
.formQuestion.donationGiftAid {
    float: none;
}

/* DEVELOP-363 */
.associatedListing p,
.associatedListing h2,
.associatedListing ol,
.associatedListing ul {
    margin: 0;
    display: none;
    height: 0;
    visibility: hidden;
}

/* AW 11.04.2018 Fixing donors list ZD 28116 */
.donorsList h3,
.donorDetails h4 a {
    margin-top: 10px;
}

.donorsList {
    display: none;
}

/* TL 15.06.18 DES 1644 */
.formQuestion.donationDate,
.formQuestion.donationPeriod {
    float: none;
}

/* Generic subsite setup */
body.subsite .headerText {
    margin-left: auto;
    margin-right: auto;
}

body.subsite .menuSub ul.topLevel {
    background-color: #f3f3f3;
}

body.subsite .menuSub ul.topLevel li:not(.level1) {
    display: none;
}
body.subsite .menuSub ul.topLevel li.level1 {
    margin-right: 0;
}

/* Branded subsite Build */
body.subsite.arc-esl .pageHeader .menuAdminContainer,
body.subsite.arc-esl .pageHeader .mainCallToAction,
body.subsite.arc-esl ul.topLevel li[class*="menuAdmin"],
body.subsite.arc-esl nav.menuSub,
body.subsite.arc-esl nav.menuMain form.header-search,
body.subsite.arc-esl nav.menuMain ul.topLevel[role="menubar"],
body.subsite.arc-esl .footerBox1,
body.subsite.arc-esl .footerBox2,
body.subsite.arc-esl .footerBox3 ul.social,
body.subsite.arc-esl .footerBox6,
body.subsite.arc.esl .footerBox2,
body.subsite.arc.esl .footerBox5 p strong:last-of-type,
body.subsite.arc.esl .footerBox3 ul,
body.subsite.arc.esl .footerBox4 p,
body.subsiteInner.arc.esl .headerWrapperSubsite,
body.subsiteInner.arc.esl .headerTextSubsite,
body.subsite.arc.esl .subsiteFeeds > h3.feedsTitle {
    display: none;
}

body.subsite.arc-sel a:link,
body.subsite.arc-sel a:visited,
body.subsite.arc-sel .readMore {
    color: #6b9f90;
}

body.subsite.arc-esl a.button,
body.subsite.arc-esl button,
body.subsite.arc-esl a.callToActionBtn,
body.subsite.arc-esl .readMore,
body.subsite.arc-esl a.addToCalender {
    background-color: #6b9f90;
    border-radius: 2px;
    color: #fff;
    padding: 5px 15px;
    margin-right: 5px;
    transition: all 300ms ease-out;
    line-height: 1.4;
    font-weight: 600;
}
body.subsite.arc-esl a.button:hover,
body.subsite.arc-esl button:hover,
body.subsite.arc-esl a.callToActionBtn:hover,
body.subsite.arc-esl .readMore:hover,
body.subsite.arc-esl a.addToCalender:hover {
    color: #fff;
    background-color: #528677;
}
body.subsite.arc-esl nav.menuMain {
    margin: 5px 0;
}

body.subsite.arc-esl nav.menuMain ul.topLevel li > a {
    color: #444;
}
body.subsite.arc-esl nav.menuMain ul.topLevel li > a:hover {
    border-bottom: 2px solid #6b9f90;
}

body.subsite.arc-esl a.mainLogo {
    background-image: url("/Handlers/GetImage.ashx?IDMF=1f605bed-fdfc-4cf6-b645-ad3d55850e69");
    width: 260px;
    height: 115px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
body.subsite.arc-esl .headerTextSubsite {
    width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}
body.subsite.arc-esl .contentBlock .postAside {
    display: none;
}
body.subsite.arc-esl .contentBlock > .content {
    width: 100%;
    padding-right: 0;
    margin: 0 auto;
}

body.subsite.arc-esl .subsiteFeedsWrapper {
    background-color: transparent;
    margin: 0;
}
body.subsite.arc-esl .subsiteFeeds {
    max-width: 1180px;
    padding: 0 20px;
}
body.subsite.arc-esl .subsiteFeeds ul.feedList {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
body.subsite.arc-esl .subsiteFeeds ul.feedList li.feedItem {
    position: relative;
    width: 32%;
    transition: all 300ms ease-out;
}
body.subsite.arc-esl
    .subsiteFeeds
    ul.feedList
    li.feedItem
    a.home-feed-image-link
    img {
    margin-bottom: 0;
}
body.subsite.arc-esl .subsiteFeedDetailWrapper {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: auto;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    transition: all 300ms ease-out;
    overflow: hidden;
}
body.subsite.arc-esl .subsiteFeedDetailWrapper h3.feedTitle {
    text-align: center;
    transition: all 300ms ease-out;
}
body.subsite.arc-esl .subsiteFeedDetailWrapper h3.feedTitle a {
    color: #fff;
}
body.subsite.arc-esl .subsiteFeedDetailWrapper p {
    color: #fff;
    height: 0;
    opacity: 0;
    text-align: center;
    transition: all 300ms ease-out;
}
body.subsite.arc-esl .subsiteFeedDetailWrapper p span.readMore {
    display: none;
}
body.subsite.arc-esl li.feedItem:hover .subsiteFeedDetailWrapper {
    background-color: rgba(82, 134, 119, 0.85);
}
body.subsite.arc-esl li.feedItem:hover .subsiteFeedDetailWrapper p {
    height: auto;
    opacity: 1;
    transition: all 300ms ease-out;
}
body.subsite.arc-esl .pageFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
p.subsiteAddress {
    display: none;
}

body.subsite.arc-esl .footerBox3 ul.subsiteContact {
    display: block;
}
body.subsite.arc-esl .Footercredits a[href="/arc-esl/privacy"] {
    display: block;
}
body.subsite.arc-esl .footerBox4 p.subsiteAddress {
    display: block;
}
body.subsite.arc-esl .footerBox3 ul.subsiteContact li a {
    color: #fff;
}
body.subsite.arc-esl .footerBox {
    width: 35%;
}
body.subsite.arc-esl .footerBox object {
    display: none;
    opacity: 0;
}

/* Media query */

@media (max-width: 1024px) {
    body.subsite.arc-esl .footerBox {
        width: 100%;
    }
    body.subsite.arc-esl .footerBox > * {
        text-align: center;
    }
    body.subsite.arc-esl nav.menuMain ul li a:hover {
        background-color: #6b9f90;
        color: #fff;
    }
    body.subsite.arc-esl .subsiteFeeds ul.feedList li.feedItem {
        width: 100%;
    }
    body.subsite.arc-esl li.feedItem .subsiteFeedDetailWrapper {
        position: relative;
        background-color: rgba(0, 0, 0, 0.7);
    }
    body.subsite.arc-esl li.feedItem .subsiteFeedDetailWrapper p {
        height: auto;
        opacity: 1;
        transition: all 300ms ease-out;
    }
    body.subsite.arc-esl li.feedItem:hover .subsiteFeedDetailWrapper {
        background-color: rgba(0, 0, 0, 0.7);
    }
    body.subsite.arc-esl .subsiteFeedDetailWrapper h3.feedTitle {
        margin-top: 0;
    }
}

/* Media query */

@media (max-width: 768px) {
    body.subsite.arc-esl a.mainLogo {
        left: auto;
        transform: none;
        width: 130px;
        height: 55px;
    }
    body.subsite.arc-esl .carousel img {
        height: auto;
        width: 100%;
    }
    body.subsite.arc-esl .homeFeed {
        margin: 20px 0;
    }
}

/* DES-3250 */

div.subsiteFooterContent * {
    color: white !important;
    font-size: 10pt;
    font-weight: bold;
}
body:not(.subsite) div.subsiteFooterContent {
    display: none;
}
body.subsite.arc-esl .Footercredits > *:not(.subsiteFooterContent) {
    display: none !important;
}

/* IM-492 */
/* Tab-style donations */
.donationFrequency.frequencySelected {
    background-color: transparent !important;
}
.donationFrequency {
    padding: 0 !important;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    background-color: transparent !important;
}
#Single,
#Regular {
    display: inline-block;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 2px 2px 0 0;
    color: #333;
}
#Single.active,
#Regular.active {
    background-color: #6b9f90;
    color: #fff;
}

/* DES-4630 */
.associatedAppeal p[class*="feature"] {
    display: none;
}

/* DES-5018 */
body.subsite:not(.homepage) .headerWrapperSubsite {
  display: none;
}

body.subsite .footerBox4 p:not(.subsiteAddress){
  display: none;
}

body.subsite.arc-esl:not(.homepage) .headerTextSubsite {
  display: none;
}