/* Убираем отступы у карточек 404 и maintenance, чтобы в мобильной версии они были больше */
.auth-box {
    padding: 0px !important;
}

/* Увеличиваем размер логотипа, выводимый на самой странице, а не в шапке */
.main-dashboard-brand img,.main-dashboard-brand img {
    height: 46px !important;
}

/* Добавляем спиннер загрузки на страницу с динамическим поиском статей */
body.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Расширяем ширину страницу с контентом на больших экранах */
@media (min-width: 1400px) {
    html[data-layout=topnav] .container-fluid,html[data-layout=topnav] .container-lg,html[data-layout=topnav] .container-md,html[data-layout=topnav] .container-sm,html[data-layout=topnav] .container-xl,html[data-layout=topnav] .container-xxl .fullpage {
        max-width:100%
    }
}

/* Для анимированных превью статей */
.blogpost-preview {

    background: #000;
}


/* ===== VIDEO ===== */

.blogpost-preview-video,
.blogpost-preview-image {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 0;
}


/* ===== VIDEO ===== */

.blogpost-preview-video {

    object-fit: cover;
}


/* ===== IMAGE ===== */

.blogpost-preview-image {

    background-size: cover;
}


/* ===== OVERLAY ===== */

.blogpost-preview-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background-image:
        linear-gradient(
            178deg,
            rgba(0, 0, 0, 0.01) 0%,
            rgba(0, 0, 0, 0.62) 62%,
            rgba(0, 0, 0, 0.82) 82%,
            rgba(0, 0, 0, 0.86) 86%
        );
}