
.grid-item {
    border-radius: 2px 24px 2px 24px;
}

.grid-item .media-caption {
    background-color: white;
    border-bottom-left-radius: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.grid-item img, .content-block:hover img {
    transition: none;
    transform: none;
}

.grid-item .caption-content a {
    font-size: var(--font-size-lg);
    font-weight: var(--title-font-weight);
}

.grid-item .post-tag {
    padding-right: var(--medium-padding);
    color: var(--secondary-red);
    font-size: var(--meta-font-size);
    font-weight: var(--meta-font-weight);
}

.grid-item .caption-content {
    padding: var(--small-padding);
}

.grid-item ul li {
    padding-right: var(--small-padding);
}

.grid-item .content-block img {
    border-bottom-left-radius: 24px;
    border-top-right-radius: 24px;
}

.items-grid img {
    max-width: 100%;
    border-bottom-left-radius: 24px !important;
    border-top-right-radius: 24px;
    height: 100%;
    width:100%;
}

.items-grid .media.post-block {
    flex-direction: row;
    display: flex;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.20);
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
    flex-wrap: wrap;
}

.items-grid .media-body h3 {
    font-size: var(--subtitle-font-size);
}

/*.media-body a {
    color: var(--primary-red);
}*/


@media (min-width: 780px) {

    .first-items {
        flex: 1 1 0;
    }

    .items-grid .datalist .media.post-block:last-child .media-body {
        flex: 1 1 0;
    }
}

.first-items {
    background-color: white;
    border-top-right-radius: 24px;
    width:100%;

}

.items-grid .post-tag a {
    font-size: var(--meta-font-size);
    color: var(--primary-red);
}

.items-grid h3 a {
    color: black;
    font-size: var(--subtitle-font-size);
}

.datalist .media.post-block:last-child .media-body {
    background: white;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 24px;
    padding: var(--small-padding);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width:100%;
}

.items-grid .grid-wrapper.row.datalist {
    margin-top: 20px !important;
}

ul.list-inline img {
    display: none;
}

ul.list-inline a {
    color: var(--primary-red);
    font-size: var(--meta-font-size);
}