.contentBlockWrapper,
.tabs,
.donorsList,
.tabbedListing .headerContent,
.appealActions,
.findAFundraiser,
.searchListingIntro,
.pageHeader .headerContent,
.formWrapper,
.signInForm,
.registerForm,
.passwordForm,
.customForm,
.headerText,
.appealActionsWrapper {
    max-width: 1000px;
    padding: 0 12.5px;
    margin: auto
}

html {
    color: #333
}

html,
body {
    font-family: lato, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: .5em 0;
    color: #333;
    font-family: lato, sans-serif;
    display: block
}

.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6,
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6 {
    margin: 1em 0 .5em
}

.button,
a.button,
a.button:link,
.button:visited,
a.button:visited,
button,
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.commentAddImage {
    background-color: #d10064;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: .9em;
    text-decoration: none;
    font-weight: 300
}

.button:hover,
a.button:hover,
a.button:link:hover,
button:hover {
    background: -webkit-linear-gradient(#d10074, #a31a7e);
    background: -o-linear-gradient(#d10074, #a31a7e);
    background: -moz-linear-gradient(#d10074, #a31a7e);
    background: linear-gradient(#d10074, #a31a7e)
}

a:link,
a:visited {
    color: #d10074;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

header {
    position: relative
}

.headerFollowContainer {
    display: none
}

.menuAdminContainer {
    height: 30px;
    background-color: #f1f0f0
}

ul#menuAdmin {
    max-width: 975px
}

ul#menuAdmin li a {
    color: #0067b1;
    border: 0;
    padding: 5px;
    font-size: .65em
}

ul#menuAdmin li.menuAdminBasket,
ul#menuAdmin li.menuAdminShop {
    display: none
}

li.menuAdminBasket,
li.menuAdminShop {
    display: none
}

.mainLogo {
    width: 184px;
    height: 97px;
    margin: 20px 0 30px;
    background: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=6d449d1d-d725-488f-b1a9-755ebd58d4e0&w=211&h=111) no-repeat 0 0;
    background-size: 211px 111px;
    width: 211px;
    height: 111px
}

.listedFilters>li {
    display: block;
    background-color: transparent;
    height: auto;
    overflow: visible;
    float: left;
    margin-right: 0;
    width: auto
}

.searchListingPage aside {
    display: none
}

.menuMain {
    background: 0 0;
    max-width: 975px;
    margin: auto;
    float: none;
    height: 45px;
    margin-top: -62px;
    padding-right: 45px
}

.menuMain ul {
    width: auto;
    margin: 0;
    float: right
}

.menuMain ul li a {
    color: #0067b1;
    margin: 0;
    padding: 10px 10px 0 0;
    height: 45px
}

.menuMain>ul>li {
    background: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=5c1277e3-777d-4534-b9e3-4da7e83ce9a2&w=21&h=45) right no-repeat;
    margin: 0 5px 0 0;
    padding: 0 15px 0 0;
    font-size: .9em
}

.menuMain ul.subMenu li>a:hover {
    background: #d10074
}

.headerContent {
    position: relative
}

.social-icons {
    float: left;
    padding-top: 13px
}

a.social-icon {
    display: inline-block;
    width: 40px;
    line-height: 28px;
    overflow: hidden;
    float: left;
    height: 32px
}

a.social-icon:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    vertical-align: middle
}

.twitter-icon:before {
    content: '\f202';
    color: #4099ff
}

.facebook-icon:before {
    content: '\f203';
    color: #3b5998
}

.youtube-icon:before {
    content: '\f213';
    color: #c4302b;
    color: #e52d27
}

.mainCallToAction {
    position: absolute;
    top: 32px;
    right: 222px
}

.mainCallToAction a.button {
    color: #fff;
    height: 55px;
    margin-left: 10px;
    float: left;
    padding: 8px 20px;
    background-color: #d10074
}

.button span {
    font-size: .6em;
    width: 100%;
    display: block
}

fieldset.searchContainer {
    margin: 0
}

.headerContent .searchContainer {
    float: none;
    position: relative;
    float: right;
    top: 32px;
    box-sizing: border-box
}

input#siteSearch {
    margin-top: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 33px;
    padding: 10px;
    width: 200px;
    color: #ccc;
    font-family: lato, sans-serif;
    font-weight: 300;
    height: 55px;
    box-sizing: border-box
}

.searchContainer button:before {
    font-family: genericons;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    content: '\f400';
    color: #ccc;
    vertical-align: middle
}

.searchContainer button {
    background: 0 0!important;
    width: 30px;
    height: 35px;
    text-align: center;
    padding: 0;
    font-size: 32px;
    float: none;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 5px;
    background: red
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

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

.pageFooter h2 {
    color: #0067b1
}

.footerTwitter,
.footerBox {
    margin: 0 1% 40px;
    width: 31.33%;
    float: left;
    padding: 0 10px
}

.footerTwitter {
    font-size: .9em
}

.footerTwitter #time {
    color: #818181;
    font-size: .8em
}

.footerTwitter p {
    margin: 30px 0 5px
}

.footerTwitter ul li:last-child {}

.footerTwitter li:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    vertical-align: middle;
    content: '\f202';
    color: #00aae5;
    float: left;
    margin-right: 5px
}

.footer-helpful-links a {
    display: block;
    border-bottom: 1px solid #0067b1;
    padding: 10px 0
}

.footer-social-icons {
    display: none
}

section.featureForm.NewsletterForm {
    margin-top: 30px
}

button.groupSignUpBtn {
    color: #fff;
    background: #d10074;
    background: -moz-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d10074), color-stop(100%, #d10074));
    background: -webkit-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -o-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -ms-linear-gradient(top, #d10074 0%, #d10074 100%);
    border-radius: 4px;
    padding: 8px 20px;
    font-size: .9em;
    text-decoration: none;
    width: 100%;
    margin: 20px 0
}

.footerBox3 {
    float: none;
    width: 98%!important;
    text-align: center;
    clear: both;
    margin-bottom: 20px;
    background: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=18e29c33-053d-4f30-80d6-558b3e48d677&w=530&h=89);
    background-repeat: no-repeat;
    background-position: center 40px;
    width: 529px;
    height: 300px;
    padding-top: 140px
}

.footerBox3 img {
    max-width: 100%
}

.footerBox3 p {
    font-size: .7em;
    line-height: 1.7em;
    margin-top: 20px
}

.footerBox3 a {
    font-size: .8em;
    padding: 0 5px
}

.carousel {
    max-width: 975px;
    margin: auto
}

.corner-cover {
    background: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=2c5f8ff9-aafe-4a96-ae85-2e4866eb96fd&w=45&h=103);
    width: 45px;
    height: 103px;
    position: absolute;
    right: 0;
    top: -2px
}

ul.carouselControls {
    display: none
}

.carouselDetailWrapper {
    left: auto;
    width: auto;
    margin-left: 0;
    position: relative;
    top: auto
}

.carouselSlideDetail {
    background: rgba(163, 26, 126, .95);
    padding: 20px 40px 35px;
    top: auto;
    bottom: 60px;
    width: 400px
}

.carouselSlideHeading a,
.carouselSlideHeading a:link,
.carouselSlideHeading a:visited {
    color: #fff;
    font-weight: 400
}

.carouselSlideReadMore {
    color: #fff;
    text-decoration: underline;
    display: none
}

#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise {
    float: left;
    margin: 15px 3% 0 0;
    background: #fff;
    color: #d20877;
    text-decoration: none;
    padding: 10px;
    width: 46%
}

.totaliserDone {
    background-color: #0067b1
}

.carouselSlideDetail fieldset.selectDonationAmount {
    display: none
}

.carouselButtons {
    background-color: transparent
}

.carouselButtons li a.button {
    padding: 12px 0;
    font-size: .9em;
    text-decoration: none;
    background: #a31a7e
}

.carouselButtons li {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
    background: 0 0;
    border: 0;
    border-right: 1px solid #fff;
    border-radius: 0
}

.carousel .activeSlide {
    border-bottom: 0
}

.carouselButtons li a.button:hover {
    background: #d10074;
    background: -moz-linear-gradient(top, #d10074 0%, #a31a7e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d10074), color-stop(100%, #a31a7e));
    background: -webkit-linear-gradient(top, #d10074 0%, #a31a7e 100%);
    background: -o-linear-gradient(top, #d10074 0%, #a31a7e 100%);
    background: -ms-linear-gradient(top, #d10074 0%, #a31a7e 100%);
    color: #fff;
    text-decoration: none;
    border-bottom: 0
}

ul.carouselButtons {
    border-top: #fff
}

ul.carouselButtons li:last-child {
    border: 0
}

a.showsVideo:before {
    font-family: genericons;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    display: block;
    content: '\f501';
    width: 100px;
    height: 100px;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    border-radius: 500px 500px 500px 500px;
    font-size: 60px;
    text-align: right;
    color: #d10074;
    top: 35%;
    left: 45%;
    line-height: 100px
}

.homeIntroWrapper {
    max-width: 975px
}

.homeIntro {
    font-family: lato, sans-serif;
    font-size: 1.6em;
    line-height: 1.8em;
    margin: 0;
    padding: 50px
}

.homeIntro p {
    margin: 0
}

.homeFeaturesWrapper,
.homeFeedsWrapper {
    background: #fff
}

.homeFeatures,
.homeFeeds {
    background-color: transparent
}

.homeFeature,
.homeFeed {
    margin: 0 1% 20px;
    width: 31.33%
}

section.homeFeature img:hover,
section.homeFeed img:hover {}

.homeFeed img.banner,
.homeFeature img.banner {
    margin-bottom: 0
}

.homeFeed h3.feedsTitle {
    display: block;
    background-color: #0067b1;
    color: #fff;
    padding: 15px 20px 5px
}

.homeFeed h4 {
    display: block;
    background-color: #0067b1;
    color: #fff;
    padding: 0 20px 15px;
    margin: 0;
    font-size: .85em
}

.homeFeed h3.feedTitle a {
    font-size: .8em;
    padding: 10px 20px 0
}

.blogDetails {
    display: none
}

.feedList p {
    padding: 0 20px;
    font-size: .9em
}

.feedList {
    padding: 0 0 10px;
    background: #f0f0f0;
    border-bottom: 1px solid #0067b1;
    overflow: auto
}

.feedList .feedItem {
    margin: 0 0 30px
}

.feedItem h3 {
    margin-bottom: 10px
}

.feedItem p {
    margin-top: 10px
}

.feedItem a {
    display: block
}

.feedList span {}

.feedList time span {
    display: inline-block
}

.feedList .postFooter .publishDatesWrapper,
.publishAuthorWrapper {
    display: none
}

.featureFooter,
.postFooter,
.commentDetails,
.associatedFooter {
    border: 0;
    padding-left: 0
}

.associatedEndDate,
.associatedPublishDate,
.associatedAuthor {
    display: none;
    margin: 0;
    padding: 0
}

.associatedStartDate,
.locationDetails {
    margin: 0!important
}

.publishDetailsWrapper {
    margin: 0;
    padding: 0;
    display: none;
    visibility: hidden
}

.associatedStartDate:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    vertical-align: middle;
    content: '\f307';
    color: #d10074
}

.associatedLocation:before,
.locationDetails:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    vertical-align: middle;
    content: '\f417';
    color: #d10074
}

.associatedStartDate strong,
.associatedLocation strong,
.locationDetails strong {
    display: none
}

.associatedLocation span {
    display: inline-block
}

.feedList .relatedWrapper {
    display: none
}

p#updatedDateWrapper {
    display: none
}

.associatedFooter p {
    margin: 0
}

.feedItem .shareWrapper {
    display: none
}

.breadcrumbItem {
    color: #d10074;
    font-size: .7em
}

.pageContent ul,
.postContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 40px
}

.pageContent ul li,
.postContent ul li {
    text-indent: 20px;
    padding: 10px;
    border-bottom: 1px solid #e9d9d9
}

.pageContent ul li:before,
.postContent ul li:before {
    content: "?";
    font-family: genericons;
    color: #d10074
}

.pageContent ol,
.postContent ol {
    padding: 0;
    margin: 0;
    margin-bottom: 40px
}

.pageContent ol li,
.postContent ol li {
    text-indent: -15px;
    padding: 10px;
    border-bottom: 0;
    margin-left: 60px
}

.pageContent p,
.postContent p {
    line-height: 2em
}

.pageContent p:first-child,
.postContent p:first-child .pageContent h1:first-child,
.postContent h1:first-child {
    margin-top: 0
}

blockquote {
    margin: 5%;
    font-size: 2em;
    font-style: italic;
    border-bottom: 6px solid #d10074
}

.pageContent blockquote p,
.postContent blockquote p {
    line-height: 1.5em;
    margin: 0 0 20px;
    display: block
}

.postContent blockquote:before,
.postContent blockquote:after {
    content: none
}

cite {
    margin-left: 5%
}

.shareList li {
    margin-right: 0
}

ul.shareList {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    float: right
}

ul.shareList li {
    text-indent: 0;
    padding: 0;
    border-bottom: 0
}

ul.shareList li a {
    text-decoration: none
}

ul.shareList li:before {
    content: ""
}

.shareWrapper strong {
    float: left;
    color: #d10074;
    padding-top: 9px;
    font-weight: 400;
    font-size: 1.5rem;
    font-style: italic
}

.shareWrapper {
    padding: 10px 20px;
    background: #f0f0f0;
    margin: 0!important
}

.associated {
    background: #f0f0f0;
    border-bottom: 1px solid #0067b1;
    position: relative;
    margin-top: 0
}

section.associated.associatedTagCloud {
    display: none
}

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

.associatedAppeal h2,
.associatedMostRead h2 {
    margin: 0;
    text-decoration: none;
    padding: 10px;
    background: #333;
    color: #fff;
    font-size: 1em;
    position: absolute;
    top: -40px;
    height: 40px;
    width: 100%;
    text-align: center
}

.associatedAppeal h2 a,
.associatedMostRead h2 a {
    color: #fff;
    text-decoration: none
}

.associatedAppeal p,
.associatedAppeal footer p,
.associatedAppeal footer div {
    display: none
}

.associatedAppeal #aDonate {
    display: block;
    background: #d10074;
    background: -moz-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d10074), color-stop(100%, #d10074));
    background: -webkit-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -o-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -ms-linear-gradient(top, #d10074 0%, #d10074 100%);
    height: 55px;
    color: #fff;
    border-radius: 4px;
    padding: 15px;
    font-size: .9em;
    text-decoration: none;
    margin: 5%;
    width: 90%;
    text-align: center
}

.associatedAppeal #aFundraise {
    display: none
}

.associatedBox .totaliserFigure {
    color: #0067b1
}

.associatedBox .totaliserPanel .targetWrapper,
.totaliserPanel .raisedWrapper {
    max-width: 140px
}

.associatedBox .totaliserLabel {
    color: #d10074
}

section.associated.associatedLatestPosts,
section.associated.associatedRelatedPosts {
    display: none
}

.associatedMostRead img {
    display: none
}

ul.associatedListing a {
    display: block;
    padding: 0 5%;
    font-size: .9em
}

.associatedListing li {
    border: 0;
    margin: 15px 0;
    padding: 0
}

ul.associatedListing {
    padding-top: 1px;
    margin-top: 40px
}

.eventWhenWrapper h3.eventLabel {
    display: none
}

a#lbAddToCalendar {
    display: none
}

a.mapLink.button.contactOfficeMapBtn {
    display: none
}

section.eventWhereWrapper,
section.eventWhenWrapper {
    background: #f0f0f0;
    text-align: center;
    font-size: .7em
}

section.eventWhenWrapper {
    border-bottom: 1px solid #0067b1
}

h3.eventLabel {
    display: none
}

h2.eventDetailsTitle {
    display: none
}

section.eventWhereWrapper:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    vertical-align: middle;
    content: '\f417';
    color: #d10074;
    width: 100%;
    text-align: center
}

section.eventWhenWrapper:before {
    font-family: genericons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    vertical-align: middle;
    content: '\f307';
    color: #d10074;
    width: 100%;
    text-align: center
}

span.addressLine {
    display: block
}

.eventWhereWrapper p,
.eventWhenWrapper p {
    margin-top: 0;
    padding: 0 20px
}

.eventDetails section {
    margin-top: 0;
    padding-top: 10px
}

section.eventWhenWrapper {
    padding-bottom: 10px
}

.mapContainer iframe {
    border: 0
}

.eventKeyListImages img {
    width: 100%
}

.eventKeyListImages span {
    display: none
}

.ticketsWrapper,
.extrasWrapper {
    background: #f0f0f0
}

tbody,
thead {
    background: 0 0
}

.extrasWrapper table {
    margin-top: 0
}

.itemColumn {
    width: 36%
}

section.ticketsWrapper,
section.extrasWrapper {
    padding: 0 2%
}

.ticketsWrapper h2,
.extrasWrapper h2 {
    font-size: 1em;
    font-weight: 700
}

h3.itemName,
span.price {
    margin: 0;
    font-size: .9em
}

.shoppingList td {
    border-bottom: 1px solid #ccc
}

a.button.eventEnquiry {
    width: 100%
}

a.button.eventBookingBtn {
    width: 50%;
    margin: 0 25%
}

section.eventBookingWrapper {
    height: 100px;
    background: #f0f0f0;
    padding: 20px 0
}

a.buttonIcon:link,
a.buttonIcon:hover {
    text-decoration: none;
    color: #d10074
}

.eventBooking {
    margin-top: 0
}

ul.commentsList {
    margin-top: 40px
}

.comment {
    margin-top: 0
}

header.formWrapper {
    padding: 0
}

.commentAddImage {
    background-color: #d10074!important;
    color: #fff!important
}

.postComments {
    margin-top: 0;
    background: #f0f0f0;
    padding: 20px
}

.uploadifive-button {
    padding: 10px 15px!important;
    border-radius: 4px;
    font-size: .9em;
    text-decoration: none
}

a.button.eventEnquiry,
a.button.eventEnquiry:hover,
a.button.eventBookingBtn,
a.button.eventBookingBtn:hover {
    background: #d10074;
    background: -moz-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d10074), color-stop(100%, #d10074));
    background: -webkit-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -o-linear-gradient(top, #d10074 0%, #d10074 100%);
    background: -ms-linear-gradient(top, #d10074 0%, #d10074 100%);
    border-radius: 4px!important;
    float: left;
    font-size: .9em;
    text-decoration: none;
    padding: 8px 20px!important;
    color: #fff!important
}

.commentContent img {
    max-width: 400px
}

fieldset.helpfulComment {
    margin-bottom: 20px
}

button.button.addComment {
    clear: both;
    display: block;
    margin-top: 20px
}

.commentContentWrapper,
.commentDonation .commentContentWrapper {
    margin-left: 100px;
    float: left
}

.commentDonationAmount {
    float: left;
    width: 100px;
    height: 100px;
    padding-top: 35px;
    margin-bottom: 10px;
    margin-left: 150px;
    margin-top: 20px
}

.commentDetails p {
    margin: 0
}

.appealPostPage .contentBlock a.donateBtn,
.appealPostPage .contentBlock a.fundraiseBtn {
    float: left;
    margin: 15px 3% 0 0;
    background: #fff;
    color: #d20877;
    text-decoration: none;
    padding: 10px;
    width: 46%
}

h1.appeal-title {
    font-size: 3rem;
    color: #fff
}

.pageContent ul.tabs,
.postContent ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0
}

.pageContent ul.tabs li,
.postContent ul.tabs li {
    text-indent: 0;
    padding: 0;
    border-bottom: 0
}

.pageContent ul.tabs li:before,
.postContent ul.tabs li:before {
    content: ""
}

.carouselSlideDetail .totaliserFigure {
    font-size: 3rem
}

.tabsWrapper {
    border: 0
}

.tab a {
    background: #c7c7c7;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px 4px 0 0
}

.tab {
    margin-right: 1px
}

.tab.active a {
    background: #d20877
}

.tab a:hover,
.tab.active a:hover {
    background: #503749
}

.appealComments .postComments {
    margin-top: 0
}

.pageContent ul.commentsList li,
.postContent ul.commentsList li {
    text-indent: 0;
    border-bottom: 1px solid #c7c7c7
}

.pageContent ul.commentsList li:before,
.postContent ul.commentsList li:before {
    content: ""
}

.contentBlockWrapper.currentProjectsListWrapper {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0
}

.appealTotaliser {
    display: none
}

section#appealComments {
    background: #f0f0f0
}

.appealPostPage .content.appealActions {
    display: none
}

.carouselSlideDetail .content.appealActions {
    display: block;
    clear: both
}

.accordianHeader a.buttonIcon:link,
a.buttonIcon:hover {
    background: #fff;
    color: #d10074
}

.accordianHeader {
    margin-top: 0
}

div#FAQTitleBody {
    margin-top: 0
}

.faqAnswer li {
    list-style-type: disc;
    margin: 0 20px
}

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

.listedEvent {
    margin: 0 5% 20px 0;
    height: auto;
    min-height: 600px
}

.listedEvent h2 {
    font-size: 1em;
    margin-top: 0
}

.listedEvent p {
    font-size: .9em
}

a.button.backToTop:visited {
    color: #fff
}

.donorsList {
    margin-bottom: 40px
}

.appealListingPage .tabbedListing {
    padding: 30px 2% 0;
    background: #f0f0f0;
    max-width: 975px;
    margin: 0 auto 40px
}

.listedAppeal,
.listedFundraiser {
    margin: 0 2% 20px;
    width: 29.33%;
    min-height: 800px
}

.listedAppeal,
.listedFundraiser h2 {
    font-size: 1em;
    margin-top: 0
}

.listedAppeal,
.listedFundraiser p {
    font-size: .9em
}

.listedPost .totaliserBG {
    background: #c7c7c7;
    float: left;
    margin-right: 10px
}

.listedPost .totaliserFigure {
    color: #0067b1;
    font-size: 1.3em;
    margin: 0 0 10px
}

.listedPost .totaliserWrapper {
    float: left
}

.listedPost .totaliserLabel {
    color: #d10074
}

.currentProjectsListing .headerContent {
    margin: 0;
    padding: 0
}

.currentProjectsListing .publishDetailsWrapper {
    display: none
}

.currentProjectsListing .totaliserGivingPanel .selectDonationAmount {
    margin-top: 0;
    display: none
}

.fundraiserProfilePics li {
    margin-left: 0;
    margin-right: 10px
}

.fundraisersWrapper .headerContent {
    margin: 0;
    padding: 0
}

.findAFundraiser .formQuestion {
    width: 48%;
    float: left
}

select#fundraiserEventFilter {
    height: 40px
}

fieldset.findAFundraiser {
    padding: 0
}

.fundraisersListContent {
    width: 100%
}

.listedFundraiser {
    margin: 0 2% 20px;
    width: 21%
}

img.banner.listingBanner.fundraiserBanner {
    display: none
}

.currentProjectsListing .listFooter {
    padding-left: 2%
}

fieldset.searchFundraisers {
    clear: both
}

a.button.callToActionBtn.donateBtn {
    margin-bottom: 20px
}

.pageWrapper.fundraiserListingPage {
    padding: 20px 2%
}

.fundraiserListingPage .corner-cover {
    display: none
}

.findAFundraiserWrapper {
    padding: 0 2%
}

.fundraiserListingPage section.associated.associatedMostRead {
    display: none
}

.listedFundraiser h2 {
    font-size: 1em;
    margin-top: 0
}

.listedFundraiser p {
    font-size: .9em
}

.donationAmount.donationSelected,
.donationFrequency.frequencySelected {
    background-color: #d10074
}

span.button.ghostContinue {
    width: 50%;
    padding: 10px 15px
}

.contentBlockWrapper.donateContinue.donateStep2 {
    margin-top: 0
}

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

.donationFormItems {
    max-width: 100%
}

.button.register {
    background-color: #d10074!important;
    color: #fff!important
}

.formButtons button#btnCancel {
    margin-right: 5px
}

fieldset.signInForm {
    margin-bottom: 40px
}

button#bntAccept {
    clear: both;
    display: block;
    margin-top: 20px
}

.passwordForm .contentBlockWrapper {
    padding: 0
}

@media screen and (max-width:1000px) {
    .totaliserPanel {
        margin-top: 0
    }
    .carousel ul {
        margin-top: 0;
        border-top: 1px solid #fff
    }
    .carousel ul {
        margin-top: 0
    }
    .carouselSlideDetail {
        margin: 0;
        bottom: auto;
        width: inherit
    }
    .corner-cover {
        display: none
    }
    a.showsVideo:before {
        top: 25%
    }
    .appealsPostBody .totaliserPanel {
        width: auto;
        float: left
    }
    .content.appealActions {
        clear: both
    }
    .appealActionsWrapper section.contentBlock {
        padding: 0
    }
    .appealPostPage .contentBlock a.donateBtn,
    .appealPostPage .contentBlock a.fundraiseBtn {
        display: block
    }
    a.button.donateBtn {
        margin-bottom: 10px
    }
}

@media screen and (max-width:768px) {
    .mainLogo {
        width: 150px;
        background-size: 150px auto;
        margin: 10px;
        height: 78px
    }
    .headerContent .searchContainer {
        top: 50px
    }
    input#siteSearch {
        border: 1px solid #ccc;
        border-radius: 4px;
        line-height: 1;
        padding: 10px;
        width: 150px;
        color: #ccc;
        font-family: lato, sans-serif;
        font-weight: 300;
        height: 40px
    }
    a.menuMainAlt {
        display: block;
        color: #fff;
        background-color: orange;
        background: #d10074;
        background: -moz-linear-gradient(top, #d10074 0%, #d10074 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d10074), color-stop(100%, #d10074));
        background: -webkit-linear-gradient(top, #d10074 0%, #d10074 100%);
        background: -o-linear-gradient(top, #d10074 0%, #d10074 100%);
        background: -ms-linear-gradient(top, #d10074 0%, #d10074 100%);
        border-radius: 4px;
        background: #d10074
    }
    a.menuMainAlt {
        position: absolute;
        z-index: 50;
        top: 10px;
        right: 10px
    }
    .menuMain {
        max-width: none;
        float: none;
        height: auto;
        margin-top: 0;
        padding-right: 0
    }
    .menuMain ul {
        width: auto;
        margin: 0;
        float: none
    }
    .menuMain ul li a {
        color: #0067b1;
        margin: 0;
        padding: 10px;
        height: 45px
    }
    .menuMain>ul>li {
        background: 0 0;
        margin: 0;
        padding: 0;
        font-size: .9em
    }
    .menuMain ul.subMenu li>a:hover {
        background: #d10074
    }
    .mainCallToAction {
        display: none
    }
    .postBody,
    .eventPostPage .postComments,
    .postAside,
    .eventDetailsWrapper,
    .contentBlock,
    .contactAddress,
    .contactForm {
        padding: 0
    }
    .homeFeature,
    .homeFeed,
    .footerTwitter,
    .footerBox {}
    .homeFeature:nth-child(even),
    .homeFeed:nth-child(even) {
        clear: none
    }
    .footer-social-icons {
        width: 100%;
        display: block;
        float: none;
        padding-bottom: 32px;
        margin-bottom: 40px
    }
    a.showsVideo:before {
        top: 20%;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 35px
    }
    aside.postAside.eventWidgetsWrapper {
        padding: 0;
        margin-top: 40px
    }
    .postAside {
        margin-top: 40px
    }
    .listedFundraiser,
    .listedAppeal {
        margin: 20px 0;
        width: 100%
    }
    .listedEvent,
    .listedFundraiser,
    .listedAppeal {
        min-height: 0
    }
    .footerBox3 {
        background-size: 300px
    }
}

@media only screen and (max-width:540px) {
    input#siteSearch {
        width: 130px;
        padding: 10px 50px 10px 10px
    }
    .homeFeature,
    .homeFeed,
    .footerTwitter,
    .footerBox {
        margin: 0 2% 40px;
        width: 96%;
        float: none
    }
    a.showsVideo:before {
        top: 15%;
        left: 40%
    }
    .listedFundraiser {
        margin: 20px 0;
        width: 100%
    }
    @media(-webkit-min-device-pixel-ratio:2),
    (min-resolution:192dpi) {
        .mainLogo {
            background-image: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=34eddd47-3c3a-4f29-b927-ca76fd0addc8&w=422&h=222)
        }
        .footerBox3 {
            background-image: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=7f095468-ece4-411c-86af-3c91fcad67f0&w=1058&h=132);
            background-size: 528px 66px
        }
        @media only screen and (max-width:540px) {
            .footerBox3 {
                background-size: 300px
            }
        }
    }
}

.menuMain ul li.mobile-search {
    display: none
}

@media screen and (max-width:768px) {
    .headerContent .searchContainer {
        display: none
    }
    .menuMain .searchContainer {
        float: none;
        width: auto;
        margin: 10px
    }
    .menuMain ul li.mobile-search {
        display: block
    }
    input#siteSearch {
        width: 100%;
        padding: 10px
    }
    .searchContainer button {
        top: 0;
        right: 15px
    }
}

.pageContent ul li,
.postContent ul li {
    text-indent: 0
}

.pageContent ul li:before,
.postContent ul li:before {
    content: '\f428';
    font-family: genericons;
    color: #d10074;
    padding-right: 10px
}

@media only screen and (min-width:800px) {
    .blogsList .listedPost,
    .newsList .listedPost {
        width: calc(100%/3);
        float: left;
        padding: 10px;
        margin-top: 0
    }
    .blogsList .listedPost:nth-child(3n+1),
    .newsList .listedPost:nth-child(3n+1) {
        clear: left
    }
}

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

.contentBlockWrapper,
.tabs,
.donorsList,
.tabbedListing .headerContent,
.appealActions,
.findAFundraiser,
.searchListingIntro,
.pageHeader .headerContent,
.formWrapper,
.signInForm,
.registerForm,
.passwordForm,
.customForm,
.headerText,
.appealActionsWrapper {
    max-width: 1140px
}

.carousel,
.homeIntroWrapper,
.homeFeatures,
.homeFeeds,
.pageFooter,
.menuMain {
    max-width: 1140px
}

.homeFeed h4 a:link,
.homeFeed h4 a:visited {
    color: #96c3d8;
    text-decoration: none
}

.homeFeed h4 a:link:hover,
.homeFeed h4 a:visited:hover {
    color: #fff
}

.notFound div#pnlCustom404 {
    max-width: 1140px;
    margin: auto
}

.associatedMostRead {
    display: none
}

/* instructability only */
.mainLogo {
background: url("https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=ecf72321-f30f-45cd-a783-947c5141a4a6&w=172&h=88") no-repeat 0 0;
background-size:172px 88px;
}
.mainCallToAction .apply_btn a.button{
padding:14px 20px;
}

@media screen and (max-width: 768px) {
.mainLogo {
	width: 150px;
	background-size: 150px auto;
	margin: 10px;
	height: 78px;
}
.homeFeature{
	width: 46%;
	margin: 0 2% 40px 2%;
}

}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* Retina-specific stuff here */
.mainLogo {
background-image: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=1d364746-9b46-4028-ba15-404c20c1efe1&w=344&h=176);
}
}

a.button.book, a.button.book:hover{
padding:15px 20px;
}
.homeFeatures{
margin:0 auto 40px;
}
.homeFeature{
background:#f0f0f0;
border-bottom:1px solid #0067B1;
}
.homeFeature h2{
font-size: 2rem;
text-align: center;
}
.homeFeature p{
display:none;
}

.homeFeature > a {
background: #0067B1;
display: block;
}
.homeFeature > a:before {
content: '1';
top: 0;
color: white;
font-size: 69px;
text-align: center;
display: block;
}
.homeBox2 > a:before{
content: '2'
}
.homeBox3 > a:before{
content: '3'
}
.homeBox4 > a:before{
content: '4'
}
.homeFeature > a:hover {
text-decoration:none;
background:#0262A7;
}
.homeFeature > a:after{
font-family: 'genericons';
content: '\f501';
position: absolute;
right: -30px;
top: 30px;
font-size: 30px;
color: #0067B1;
}
.homeBox4 > a:after{
content: ''
}
.homeFeature > a:hover:after{
color:#0262a7
}

.feedItem{
height: 350px;
margin-bottom:40px
}

.homeFeedBox1 .feedItem:nth-child(2n+1) {
margin: 0 4% 40px 0;
}

.homeFeedBox1 .feedItem:nth-child(2n+2)  {
margin:0 0 40px;
}

.homeFeedBox1 {
width: 64.66%;
}

.homeFeedBox1 .feedItem {
width: 48%;
float: left;
margin: 0 1%;
background: #f0f0f0;
}

@media screen and (min-width: 768px) {
.homeFeature{
margin: 0 1% 20px 1%;
width: 23%;
}
}

@media screen and (max-width: 768px) {
.homeFeature > a:after{
content:'';
}
.homeFeed {
width:96%;
margin: 0 2% 40px 2%;
}
}


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

.homeFeature{
	width: 96%;
	margin: 0 2% 10px;
}
.apply_btn { }
}

.mainCallToAction {
    position: absolute;
     right: 350px;
    top: 32px;
    
}

.apply_btn { 
 position: absolute;
    right: 222px;
    top: 40px;
    width: 110px;
}

@media screen and (max-width: 768px) {
.apply_btn { 
  position: absolute;
    right: 170px;
    top: 48px;
    width: 110px;
}

}

@media screen and (max-width: 481px) {
  
  .searchContainer {
  display:none;
  
  }
  
  
.apply_btn { 
position: absolute;
    right: 10px;
    top: 48px;
    width: 90px;
}

  
.apply_btn a.button {
 
    font-size: 1.2rem !important;
    font-weight: 400 !important;
  
}
}

/* AW 06.04.2017 Logo change ZD 17091 */
.mainLogo {
  background: url(https://www.instructability.org.uk/Handlers/GetImage.ashx?IDMF=67f5dde8-432d-4701-b466-d49791b36fe2&w=172&h=88) no-repeat 0 0;
}


/* BM 20.04.18 CTA button change DES-1424 */

.mainCallToAction a.button{
	height: auto;
}

.mainCallToAction a.button:nth-child(4){
	background-color: #0067b1;
}

.mainCallToAction a.button:nth-child(5){
	background-color: #B71A8B;
}

@media (max-width: 768px){
	.mainCallToAction{
		position: relative;
		top: auto;
		right: auto;
		float: none;
		display: block;

	}
	.mainCallToAction .social-icons{
		float: right;
		text-align: center;
		padding-top: 50px;
	}
	.mainCallToAction .twitter-icon,
	.mainCallToAction .facebook-icon,
	.mainCallToAction .youtube-icon{
		display: none;
	}
	.mainCallToAction a.button{
		padding: 5px;
		height: auto;
		font-size: 0.75em;
		margin-left: 2px;
		float: none;
	}
	.mainCallToAction a.button:nth-child(4){
		margin-left: 0;
	}
}

@media (max-width: 480px){
	.mainCallToAction{
		clear: both;
	}
	.mainCallToAction .social-icons{
		padding: 10px 0;
		float: none;
		text-align: center;
	}
}