@import url("/clients/reedhamchildrenstrust/styles/main.min.css");

/* AW 12.03.2018 Recolour totaliser ZD 27344 */
.totaliserDone {
    background-color: #B02D69;
}

/* DI 05.04.2018 Countdown timmer make fnt bigger and bold ZD 27966 */
.countdown {
  color: #ff00ff;
  font-weight: bold;
  font-size: 30px;
}

/* Hide fundraising towards - EK 16/05/2018 #29164*/
p.parentAppeal {
    display:  none;
}

/* Hide fundraising image - DI 6/12/2018 #35447*/
img.profilePic.fundraiserProfilePic {
    display:  none;
}

/* AW Background image for "Our next chapter" */
.figure:first-child::after {
    content: "";
    /* background-image: url("/clients/reedhamchildrenstrust/assets/Logo_large_with dates.jpg"); */
    display: block;
    width: 200px;
    height: 230px;
    position: absolute;
    margin-left: 720px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto 230px;
}

@media screen and (max-width: 1024px) {
  .figure:first-child::after {
    display: none;
  }
}

.figure:first-child {
  background-size: auto 230px;
}

/* YVN - Timeline styling */
body.timeline .postAside.postFeedWrapper { display: none; }
body.timeline .pageContent {
  width: 100% !important;
  padding-right: 0 !important;
}
.date {
  width: calc( 33% - 20px );
  display: inline-block;
  margin: 0 20px 2rem 0;
  position: relative;
  top: 0;
  vertical-align: top;
}
.date:nth-of-type(3n) {
  margin: 0 0 2rem 0;
}
/*.date:last-of-type {
  width: calc( 66% - 20px );
}*/

.date img {
  position: relative;
  object-fit: cover;
  max-height: 250px;
  width: 100%;
  min-height: 250px;
}
.date p { 
  border-top: 5px solid #3d8a94;
}

@media (max-width: 768px) {
  .date {
    width: calc( 33% - 15px );
    margin: 0 15px 1.5rem 0; 
  }
  .date:nth-of-type(3n) {
    margin: 0 0px 1.5rem 0; 
  }
}

@media (max-width: 560px) {
  .date {
    width: calc( 50% - 10px );
    margin: 0 10px 1.5rem 0; 
  }
  .date:nth-of-type(3n) {
    margin: 0 10px 1.5rem 0; 
  }
  .date:nth-of-type(2n) {
    margin: 0 0px 1.5rem 0; 
  }
 /* .date:last-of-type {
    width: 100%;
  }*/
}

@media (max-width: 390px) {
  .date {
    width: 100%;
    margin: 0 0 1.5rem 0; 
  }
  .date:nth-of-type(2n) {
    margin: 0 0 1.5rem 0;
  }
}

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