.latest {
    width: calc( 100% + 20px );
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -20px;
}

.border.latest .block {
border: solid 4px #ffffff;
}


.latest-block .title {
    width: 100%;
}
.latest-block .title h1 {
    margin: 0 0 10px 0 !important;
    line-height: 1.2;
}

.latest .block a h3 {
    color: #000000;
}

.latest .block p {
    font-size: 20px;
    line-height: 22px;
    margin-left: 20px;
}

.latest .block {
    position: relative;
    flex: 1 0 26%;
    margin: 0 0 20px 20px;
    color: #000000;
    background: #ffffff;
}

.latest .block p {
    margin: 0 !important;
}


.latest .block .image {
    height: auto;
    padding-top: 66%;
    background-size: cover;
}

.latest.cols-1 .block .image {
    padding-top: 44%;
    width: 66.6666%;
    float: left;
}


.latest .block .text {
    padding: 20px;
    height: auto;
    overflow: hidden;
}

.latest.readmore-visible .block .text, .latest.date-visible .block .text {
    padding: 20px 20px 55px 20px;
}

.latest.readmore-visible.date-visible .block .text {
    padding: 20px 20px 85px 20px;

}

.latest .block .text .posted {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 16px;
    width: 100%;
    padding-top: 10px;
}

.latest.readmore-visible.date-visible .block .text .posted {
    
    bottom: 45px;

}

.latest.cols-1 .block .text {
    position: relative;
    height: 100%;
    width: 33.33333%;
    float: left;
}


.latest.cols-1 .block {
    flex: 1 0 80%;
}

/*.latest.cols-2 .block:nth-child(2n+1), .latest.cols-2 .block:nth-child(2n+2),
.latest.cols-4 .block:nth-child(2n+1), .latest.cols-4 .block:nth-child(2n+2),
.latest.cols-5 .block:nth-child(5n+1), .latest.cols-5 .block:nth-child(5n+2),
.latest.cols-7 .block:nth-child(7n+1), .latest.cols-7 .block:nth-child(7n+2),
.latest.cols-7 .block:nth-child(7n+6), .latest.cols-7 .block:nth-child(7n+7),
.latest.cols-8 .block:nth-child(8n+1), .latest.cols-8 .block:nth-child(8n+2),
.latest.cols-10 .block:nth-child(5n+1), .latest.cols-10 .block:nth-child(5n+2),
.latest.cols-11 .block:nth-child(11n+1), .latest.cols-11 .block:nth-child(11n+2),
.latest.cols-13 .block:nth-child(13n+1), .latest.cols-13 .block:nth-child(13n+2),
.latest.cols-13 .block:nth-child(13n+6), .latest.cols-13 .block:nth-child(13n+7),
.latest.cols-14 .block:nth-child(7n+1), .latest.cols-14 .block:nth-child(7n+2),
.latest.cols-14 .block:nth-child(7n+6), .latest.cols-14 .block:nth-child(7n+7),
.latest.cols-16 .block:nth-child(8n+1), .latest.cols-16 .block:nth-child(8n+2),
.latest.cols-17 .block:nth-child(17n+1), .latest.cols-17 .block:nth-child(17n+2),
.latest.cols-19 .block:nth-child(19n+1), .latest.cols-19 .block:nth-child(19n+2),
.latest.cols-19 .block:nth-child(19n+9), .latest.cols-19 .block:nth-child(19n+10),
.latest.cols-20 .block:nth-child(20n+1), .latest.cols-20 .block:nth-child(20n+2)
{
    flex: 1 0 45%;
}*/

/*.latest > :first-child { margin-left: 0 !important; }
.latest > :last-child { margin-right: 0 !important; }*/

.latest .block h3 {
    line-height: 1;
    display:block;
    margin: 0 0 10px 0;
}

.latest.cols-1 .block:before {
    padding-top:33.33333%;
}

.latest.cols-2 .block:before {
    padding-top: 66.66666%;
}

.latest.background.cols-1 .block .image, .latest.background.cols-1 .block .text {
  width: 100%;
}

.latest.background .block .image {
  padding-top: 66%;
}

.latest.background.cols-2 .block .image {
  padding-top: 66%;
}

.latest.background .block .text {
    position: absolute;
    display: flex;
    padding: 20px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    transition: background-color 1s;
    color: #ffffff !important;
    text-align: left;
}
.latest.background .block .text:hover {
  background-color: rgba(0,0,0,0.2);
}

.latest.background .block .text a {
    color: #ffffff !important;
    }

.latest.background .block .text h3 {
font-size: 50px !important;
text-transform: uppercase !important;
color: #ffffff !important;
}

.latest .block .text .readmore {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 16px;
    width: 100%;
}

.latest.background .block .text .posted, .latest.background .block .text .readmore {
    position: static;
    }
    
.latest.background .block:before, .latest.side .block:before {
    padding-top:0 !important;
}


/*.latest.side .block .text .posted, .latest.side-2-col .block .text .posted {
    position: static;
  }*/

.latest.side .block .image, .latest.side-2-col .block .image {
    padding-top: 25%;
    width: 25%;
    float: right;
    border-radius: 5px;
}

.latest.side-2-col .block {
  flex: 1 0 45%;
  max-width: 48%;
}

.latest.side .block {
  flex: 1 0 90%;
  flex-direction: column-reverse;
  padding: 20px;
  background-color: #ffffff !important;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}

.latest.side .block h3 {
    color: #304149;
    font-family: gotham-book;
    }


@media screen and (max-width: 768px) {
    .latest .block, .latest.cols-1 .block,
    .latest.cols-2 .block:nth-child(2n+1), .latest.cols-2 .block:nth-child(2n+2),
    .latest.cols-4 .block:nth-child(2n+1), .latest.cols-4 .block:nth-child(2n+2),
    .latest.cols-5 .block:nth-child(5n+1), .latest.cols-5 .block:nth-child(5n+2),
    .latest.cols-7 .block:nth-child(7n+1), .latest.cols-7 .block:nth-child(7n+2),
    .latest.cols-7 .block:nth-child(7n+6), .latest.cols-7 .block:nth-child(7n+7),
    .latest.cols-8 .block:nth-child(8n+1), .latest.cols-8 .block:nth-child(8n+2),
    .latest.cols-10 .block:nth-child(5n+1), .latest.cols-10 .block:nth-child(5n+2),
    .latest.cols-11 .block:nth-child(11n+1), .latest.cols-11 .block:nth-child(11n+2),
    .latest.cols-13 .block:nth-child(13n+1), .latest.cols-13 .block:nth-child(13n+2),
    .latest.cols-13 .block:nth-child(13n+6), .latest.cols-13 .block:nth-child(13n+7),
    .latest.cols-14 .block:nth-child(7n+1), .latest.cols-14 .block:nth-child(7n+2),
    .latest.cols-14 .block:nth-child(7n+6), .latest.cols-14 .block:nth-child(7n+7),
    .latest.cols-16 .block:nth-child(8n+1), .latest.cols-16 .block:nth-child(8n+2),
    .latest.cols-17 .block:nth-child(17n+1), .latest.cols-17 .block:nth-child(17n+2),
    .latest.cols-19 .block:nth-child(19n+1), .latest.cols-19 .block:nth-child(19n+2),
    .latest.cols-19 .block:nth-child(19n+9), .latest.cols-19 .block:nth-child(19n+10),
    .latest.cols-20 .block:nth-child(20n+1), .latest.cols-20 .block:nth-child(20n+2)
    {
        flex: 1 0 90%;
    }
    
    .latest {
    width: 100%;
    }

    .latest, .latest .block {
      margin-left: 0;
      margin-right: 0;
    }

    .latest > :first-child { margin-top: 0 !important; }
    .latest > :last-child { margin-bottom: 0 !important; }


    .latest.cols-1 .block:before, .latest.cols-2 .block:before {
    padding-top: 100%;
    }

    .latest.cols-1 .block .text,  .latest.cols-1 .block .image {
    height: 50%;
    width: 100%;
    float: none;
    }
    
   .latest.side .block .image, .latest.side-2-col .block .image {
    padding-top: 50%;
    width: 100%;
    float: left;
    }

    .latest.side-2-col .block {
     flex: 1 0 100%;
     max-width: 100%;
     }
    
    .latest.background .block .image {
    padding-top: 60%;
    }
    
    
    }