:root {
    --theme-page: #eef6ff;
    --theme-surface: #ffffff;
    --theme-surface-blue: #dceeff;
    --theme-blue: #0b72ce;
    --theme-blue-strong: #084f96;
    --theme-navy: #17324d;
    --theme-line: #b8d7f4;
    --theme-success: #16854a;
}

body {
    background-color: var(--theme-page);
    color: var(--theme-navy);
}

.wp-site {
    background-color: var(--theme-page);
}

.wp-banner {
    background-color: var(--theme-surface-blue);
    border-bottom: 1px solid var(--theme-line);
}

.redirect-links {
    background-color: var(--theme-surface);
    border: 1px solid var(--theme-line);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(11, 82, 145, 0.1);
}

.item-link {
    background-color: #f4f9ff;
    border: 1px solid #c9e0f7;
    border-radius: 6px;
    color: var(--theme-navy);
}

.item-link .title,
.item-link .speed {
    border-color: var(--theme-line);
}

.item-link .speed {
    color: var(--theme-success);
}

.item-link .title-top {
    color: var(--theme-blue-strong);
}

.item-link .btn-link,
.color-o1,
.color-o2,
.color-o3,
.color-o4,
.color-o5 {
    background-color: var(--theme-blue);
    background-image: none;
    border-radius: 6px;
    color: #ffffff;
}

.item-link .btn-link:hover {
    background-color: var(--theme-blue-strong);
    color: #ffffff;
}

.nhapnhay2 {
    animation: none;
}

#pc-banners .banner-container {
    overflow: hidden;
    background-color: var(--theme-surface);
    border: 1px solid var(--theme-line);
    border-radius: 6px;
}

.article {
    background-color: var(--theme-surface);
    border-top: 1px solid var(--theme-line);
    border-bottom: 1px solid var(--theme-line);
}

.section.dark {
    background-color: var(--theme-surface);
    color: var(--theme-navy);
}

.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark p,
.section.dark li {
    color: var(--theme-navy);
}

footer,
#footer,
#footer-mb {
    background-color: var(--theme-blue-strong);
}

footer {
    border-top: 4px solid #6ab7f3;
}

footer .title-ambassador {
    color: #dceeff;
}

footer .menu-footer a:hover,
footer .ft-column a:hover {
    color: #bfe2ff !important;
}

@media screen and (max-width: 768px) {
    footer,
    #footer-mb {
        background-color: var(--theme-blue-strong) !important;
    }

    .header-menu-mb {
        background-color: var(--theme-surface);
        border-top: 2px solid var(--theme-blue);
        box-shadow: 0 -4px 18px rgba(8, 79, 150, 0.16);
    }

    .header-menu-mb .container .menu-item a {
        color: var(--theme-blue-strong);
    }
}

@media screen and (max-width: 767px) {
    .wp-banner {
        background-color: var(--theme-surface-blue);
    }

    .logo-789bet img {
        /* Keep the floating logo separated from the background without
           blurring its edges on high-DPI mobile screens. */
        filter: drop-shadow(0 1px 0 rgba(8, 79, 150, 0.45));
    }

    .redirect-links {
        gap: 0;
        background-color: var(--theme-surface);
        padding: 7px 5px;
    }

    .item-link {
        background-color: var(--theme-surface);
        border: 0;
        color: var(--theme-navy);
    }

    .item-link::after,
    .item-link .title::before,
    .item-link .speed::before {
        background-color: var(--theme-line);
    }

}