﻿.line-menu {
    /*background-color: #ee1c27 !important*/
}

.container > .box > .login-box > button {
    background-color: #ee1c27 !important
}

.menu > .nav > .nav-item > button {
    /*background-color: #ee1c27 !important*/
}

.menu > .nav > li:hover {
    /*background-color: #c12931 !important*/
}

.text_logo > a {
    color: #9b7273 !important
}

.menu-bottom > .container > .col-1 > .d-inline-block > h3 {
    font-size: 20px;
    font-family: var(--barlow-semi-font);
    font-weight: 700;
    border-bottom: 2px solid var(--category-line-color);
    color: #000;
}

/*Sự kiện tbt*/
.logo-event {
    width: 85%;
    content: url("../img/event/logo_desktop_chudo.png");
}

.header-event {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}

.container > .bg-blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cloudcdnvod.tek4tv.vn/event/era/banner-chuyen-trang-.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

.container > .bg-blur-mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cloudcdnvod.tek4tv.vn/event/era/banner-chuyen-trang-mobile-.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

.menu-event {
    padding-top: 28.4%;
    padding-bottom: 45px;
}

    .menu-event > .sticky {
        position: unset !important;
    }

.top-header-event {
    background-image: url('../img/NPTbackground.jpg') !important;
}

.news-section-second-design > .news-section-heading > .banner_trend > img {
    width: 100%;
    height: 100%;
}

.section-event {
    border-top: 1px solid var(--line-color);
    border-bottom: none !important;
    padding-top: 15px;
}

    .section-event > .background {
        background-color: #ebebeb;
        background-image: url(../img/banner_home_evt.jpg);
        background-repeat: round;
        padding: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .section-event > .nobackground {
        background-color: #ebebeb;
        padding: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

@font-face {
    font-family: 'svn-gilroy bold';
    src: url(../webfonts/gilroy-bold.woff2)
}

@media only screen and (max-device-width: 768px) {
    .top-header {
        background-image: url(../img/header-bg-m.png) !important;
        background-size: cover !important;
    }

    .container > .bg-blur {
        display: none;
    }

    .container > .bg-blur-mobile {
        display: block;
    }

    .logo-event {
        padding-left: 15px;
        content: url("../img/event/logo_mobile.png");
    }

    .menu-event {
        padding-top: 21%;
        padding-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
    }
}
