/* ".TD-box-news-title" - distinctive administrative ribbon tab for unit portals.
   Features a rich red badge, national emblem icon, white uppercase bold text,
   and angled right edge cut. */

.TD-box-news-title {
    border-bottom: 2px solid var(--hy-blue, #b30000);
    padding-left: 0;
    margin: 0 0 10px 0;
    position: relative;
    display: block;
    width: 100%;
}

.TD-box-news-title > a {
    display: inline-flex;
    align-items: center;
    height: 36px;
    line-height: 36px;
    padding: 0 24px 0 34px;
    background-color: var(--hy-blue, #b30000);
    background-image: url(/img/ic-title.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 18px 18px;
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 700;
    font-family: var(--hy-sans, "Be Vietnam Pro", Roboto, Arial, sans-serif);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    text-decoration: none;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
    transition: background-color 0.2s ease;
}

.TD-box-news-title > a:hover {
    background-color: var(--hy-blue-dark, #8b0000);
    color: #ffffff;
    text-decoration: none;
}

.TD-box-news-title > a:before,
.TD-box-news-title > a:after {
    display: none !important;
    content: none !important;
}