:root {
    --info-color: #0dcaf0;
    --warning-color: #ffc107;
    --primary-color: #0d6efd;
    --danger-color: #C70000;
    --success-color: #1c9b60;
}

ul.dropdown-menu li.nav-item a.nav-link { padding: .3rem 1rem !important;  color: #343f52;}
ul.dropdown-menu li.nav-item a.nav-link:hover { color: #747ed1;}

article .post-footer {
    background-color: #EBEBEB;
    color: #333;
    padding: .5rem 1rem;
    border-radius: 5px;
}

article.info .post-footer {
    background-color: var(--info-color);
    color: #FFF;
}
article.primary .post-footer {
    background-color: var(--primary-color);
    color: #FFF;
}
article.warning .post-footer {
    background-color: var(--warning-color);
    color: #FFF;
}
article.danger .post-footer {
    background-color: var(--danger-color);
    color: #FFF;
}
article.success .post-footer {
    background-color: var(--success-color);
    color: #FFF;
}

article.info .post-meta, article.primary .post-meta, article.danger .post-meta, article.warning .post-meta, article.success .post-meta {
    color: #FFF;
}

.footer-brands div img {
    max-width: 400px;
    max-height: 100px;
}

.social a i { font-size: 1.6rem !important;}

.appstore img {
    width: 100%;
    max-height: 40px;
}

.alert-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px) saturate(70%);
}

.alert-overlay .d-flex { height: 100%;}
.alert-overlay p {
    font-size: 1.8rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .footer-brands div img {
        max-width: 120px;
        max-height: 80px;
    }
}

/* RESET */
.navbar-stick:not(.navbar-dark) {
    background: rgba(255,255,255,.77);
}

.form-floating>.form-control:not(:placeholder-shown) {
    padding:.6rem 1rem !important;
    line-height: 1.7;
}

.swiper-slide.bg-overlay:before, .swiper-slide.bg-overlay-400:before { background: none;}

.text-shadow { color: #333 !important; text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);}

.post-content { width: 100%; height: auto;}