.post-item-date {
    color: #ffffff;
    font-weight: bold;
    top: -97px;
    position: relative;
    background-color: #222222;
    padding: 3px 9px;
    right: -280px;
}

.latest-post-meta {
    font-size: 13px;
    text-transform: uppercase;
    /* overflow: hidden; */
    height: 0px;
}

.post-footer {
    padding: 0px 12px;
}

.img-fluid {
    max-width: none !important;
    height: 320px !important;
}

.latest-post p {
    overflow: hidden;
    height: 99px;
    margin-bottom: 7px;
    padding: 0px 12px;
}

.latest-post-media {
    max-height: 320px !important;
    overflow: hidden;
    border-bottom: 1px #ccc solid;
}

.latest-post .post-body {
    padding: 10px;
}

.latest-post .post-title a {
    color: #632979 !important;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 19px;
    height: 39px;
    overflow: hidden;
    text-transform: uppercase;
    padding: 0px 12px;
}

.post-footer a {
    color: #fff;
    background-color: #632979;
    border-color: #632979;
    font-weight: bold;
}

.post-footer a:hover {
    color: #632979;
    background-color: #fff;
    border-color: #222222;
    font-weight: bold;
}

.latest-post {
  background-color: #fff;
  border: 1px #ccc solid;
  box-shadow: 10px 10px #d8d8d8;
}

.latest-post h5.subtitle_post {
    color: #000 !important;
    font-weight: bold !important;
    letter-spacing: 0px;
    font-size: 20px;
    overflow: hidden;
    /* text-transform: uppercase; */
    padding: 0px 12px;
    width: 100%;
    margin-left: 3px;
    height: 23px;
}

.post-title {
    height: 23px;
    overflow: hidden;
}