.mca-module {
    --mca-accent: #c10d18;
    --mca-image-width: 76px;
    --mca-image-height: 58px;
    width: 100%;
    color: inherit;
    font-family: inherit;
}

.mca-module *,
.mca-module *::before,
.mca-module *::after {
    box-sizing: border-box;
}

.mca-header {
    margin: 0 0 14px;
    padding: 11px 12px 10px;
    background: var(--mca-accent);
    color: #fff;
}

.mca-header-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.mca-header-subtitle {
    margin-top: 2px;
    /*! font-size: 14px; */
    line-height: 1.25;
}

.mca-item {
    clear: both;
    margin: 0 10px 25px;
}

.mca-item:last-child {
    margin-bottom: 0;
}

.mca-item-title {
    margin: 0 0 4px;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.28;
}

.mca-uppercase .mca-item-title {
    text-transform: uppercase;
}

.mca-item-title a,
.mca-readmore {
    color: inherit;
    text-decoration: none;
}

.mca-item-title a:hover,
.mca-item-title a:focus,
.mca-readmore:hover,
.mca-readmore:focus {
    color: var(--mca-accent);
    text-decoration: underline;
}

.mca-date {
    margin: 0 0 9px;
    color: #666;
    font-size: 12px;
    line-height: 1.35;
}

.mca-content {
    display: flow-root;
}

.mca-image-link {
    display: block;
}

.mca-image {
    float: left;
    width: var(--mca-image-width);
    height: var(--mca-image-height);
    margin: 0 12px 6px 0;
    object-fit: cover;
    object-position: center;
}

.mca-intro {
    margin: 0;
    font-size: .9em;
    line-height: 1.42;
    color: #666;
}

.mca-readmore {
    display: inline-block;
    clear: both;
    margin-top: 4px;
    font-size: .9em;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}

.mca-empty {
    margin: 0;
}

@media (max-width: 480px) {
    .mca-item {
        margin-right: 4px;
        margin-left: 4px;
    }

    .mca-image {
        max-width: 42%;
        height: auto;
        min-height: var(--mca-image-height);
    }
}