﻿.theme {
    --primary-color-rgb: 0, 123, 255; /*#b72e2b*/
    --primary-color: rgba(var(--primary-color-rgb)); /*#b72e2b*/
    --primary-button-color: #FFF;
    --primary-text-color: #000;
    --primary-banner-url: url(../../../images/banner.jpg)
}

.theme-79-769 {
    --primary-color-rgb: 56, 176, 0; /*#b72e2b*/
    --primary-color: rgba(var(--primary-color-rgb)); /*#b72e2b*/
    --primary-button-color: #FFF;
    --primary-text-color: #000;
    --primary-banner-url: url(../../../images/banner_769.png)
}

    .theme-79-769 .header {
        height: 100px;
        background: linear-gradient(to right,#38b000,#84d75d);
    }

        .theme-79-769 .header:before {
            content: none
        }

        .theme-79-769 .header:after {
            content: none
        }

    .theme-79-769 .relative.content:before {
        content: '';
        display: block;
        width: 255px;
        height: 100px;
        position: absolute;
        left: -92px;
        top: 0;
        z-index: 1;
        background: url(../themes/tpthuduc/images/bg_qh.png) no-repeat center;
    }

    .theme-79-769 .header .logo-text {
        height: 100px;
        color: #FFF;
    }

    .theme-79-769 .header .logo-title {
        color: #FFF;
    }

    .theme-79-769 .header .logo-img {
        background-image: url(../themes/tpthuduc/images/logo_tptd.png) !important;
        background-size: contain;
        width: 80px;
        height: 70px;
    }

    .theme-79-769 .header .header-account {
        top:50px;
    }

    .theme-79-769 .header .header-account .btn-register {
        padding: 10px 18px;
        background: #99e377;
        border-color: #99e377;
        border-radius: 3px;
    }

    .theme-79-769 .header-nav {
        background: #FFF;
    }

        .theme-79-769 .header-nav .menus > li > a {
            color: #000;
        }

        .theme-79-769 .header-nav .menus > li:hover a {
            color: var(--primary-color);
        }

        .theme-79-769 .header-nav .menus > li.active > a, .header-nav .menus > li:hover > a {
            color: var(--primary-color);
            text-decoration: none;
        }

    .theme-79-769 .hotline {
        display: none;
        position: absolute;
        top: 5px;
        right: 0px;
        font-size: 14px;
        color: #FFF;
        width:325px;
    }

        .theme-79-769 .hotline div {
            float:left;
        } 
        .theme-79-769 .hotline a {
            color: #FFF;
            margin-right:15px;
        }

        .theme-79-769 .hotline a:hover {
            color: #FFF;
        }
