body.single .thumb { width: 100%; height: auto; border-radius: 1rem 1rem 1rem 0; overflow: hidden; }

.news .box .thumb { aspect-ratio: 518 / 255; width: 100%; height: auto; border-radius: 1rem 1rem 1rem 0; overflow: hidden; position: relative; }

.news .box .thumb > a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--bs-body-color); z-index: 0; filter: opacity(.375); }

.news .box .thumb:hover a::before,
.news .box .thumb:focus a::before { filter: opacity(.125); }

.news .box .thumb > a { display: block; height: 100%; }

body.single .categories { display: flex; flex-wrap: wrap; }

.news .box .thumb > a + .categories { position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; margin-left: .25rem; }

body.single .categories .category,
.news .box .thumb > a + .categories .category { margin: .25rem .25rem .25rem 0; border-radius: 1rem 1rem 1rem 0; overflow: hidden; display: inline-flex; }

body.single .categories .category > a,
.news .box .thumb > a + .categories .category > a { padding: .25rem .75rem; background-color: var(--chrobry); color: var(--bs-body-color); text-decoration: none; }

body.single .categories .category > a:hover,
body.single .categories .category > a:focus,
.news .box .thumb > a + .categories .category > a:hover,
.news .box .thumb > a + .categories .category > a:focus { background-color: var(--first); }

.news .box h4 { min-height: 78.3px; }
.news .box .description { min-height: 189px; }

body.single .description h4,
body.single .description h5 { margin-bottom: 1rem; }

body.single .description h4:not(:first-child),
body.single .description h5:not(:first-child) { padding-top: 2rem; }

body.single .description h5 { font-weight: 700 !important; }

body.single .border-top { border-top-color: var(--first) !important; }

body.single .border-top a { color: var(--bs-body-color); text-decoration: none; }

body.single .border-top a:hover,
body.single .border-top a:focus { text-decoration: underline; }

@media (min-width: 576px) {
    .news .box h4 { min-height: 108px; }
    .news .box .description { min-height: 126px; }
}

@media (min-width: 768px) {
    .news .box h4 { min-height: 72px; }
    .news .box .description { min-height: 94.5px; }
}

@media (min-width: 992px) {
    .news .box h4 { min-height: 72px; }
    .news .box .description { min-height: 63px; }
}

@media (min-width: 1200px) {
    .news .box h4 { min-height: 108px; }
    .news .box .description { min-height: 126px; }
}