/*
Theme Name: Sửa xe tải Văn Hùng
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
    --pri: #c9b485;
    --second: #a20f3b;
    --three: #011cdb;
    --white: #fff;
    --black: #000;
}

@font-face {
    font-family: 'UTM HelvetIns';
    src: local('UTM HelvetIns'), local('UTMHelvetIns'),
    url('fonts/UTMHelvetIns.woff2') format('woff2'),
    url('fonts/UTMHelvetIns.woff') format('woff'),
    url('fonts/UTMHelvetIns.ttf') format('truetype'),
    url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*GENERAL ===================================================================*/
.radius-10 img {
    border-radius: 10px;
}

.text-white {
    color: var(--white) !important;
}

/*GENERAL ===================================================================*/


/*HEADER ===================================================================*/
div#top-bar .html {
    font-size: 0.9rem;
    color: var(--black);
}

.row_box_header .icon-box-text p {
    text-transform: uppercase;
}

.row_box_header .icon-box-text h3 {
    margin: 0;
    color: var(--second);
}

ul.header-nav.header-nav-main.nav.nav-left li.html_nav_position_text_top {
    width: 90%;
}

ul.header-nav.header-nav-main.nav.nav-left {
    justify-content: center;
}

ul.nav.header-nav.header-bottom-nav.nav-left {
    gap: 20px;
}

form.searchform input.search-field {
    background: var(--white);
}


/*HEADER ===================================================================*/


/*GENERAL ===================================================================*/
.small_title {
    font-size: 1.5rem;
    color: var(--second);
    font-family: 'UTM HelvetIns';
    font-weight: normal;
}

.large_title b {
    color: var(--second);
    font-weight: normal;
}

.large_title {
    font-size: 2.4rem;
    line-height: 3rem;
    font-family: 'UTM HelvetIns';
    font-weight: normal;
}

.pb-0 .col, .pb-0 {
    padding-bottom: 0 !important;
}

.is-divider {
    display: none;
}

/*GENERAL ===================================================================*/


/*HOME ===================================================================*/
.small_title {
    background: #c9b4854d;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 10px;
}

.row_visaochonchungtoi h3 {
    margin: 0;
}

.section_visaochonchungtoi {
    padding-top: 60px !important;
}

.section_dvsuachua .small_title {
    background: var(--second);
    display: inline-block;
    padding: 0px 15px;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
}

/*HOME ===================================================================*/


/*CATEGORY ===================================================================*/
h1.page-title {
    color: var(--three);
    font-size: 2rem;
    background: linear-gradient(45deg, var(--second) 10% 10%, var(--three) 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.archive .from_the_blog_comments {
    display: none;
}

.archive h5.post-title {
    font-size: 1.2rem;
    color: var(--second);
    line-height: 25px;
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 2;*/
    /*height: 50px;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
}

.archive .box-text {
    vertical-align: top;
}

/*CATEGORY ===================================================================*/


/*SINGLE ===================================================================*/
.single .article-inner h1,
.single .article-inner h2,
.single .article-inner h3,
.single .article-inner h4,
.single .article-inner h5,
.single .article-inner h6 {
    color: var(--three);
}

.html-before-comments {
    border: 2px outset var(--pri);
    padding: 15px;
    border-radius: 10px;
    background: #c9b48542;
}
span.widget-title {
    display: block;
    font-size: 1.5rem;
}
.category-posts-widget a:hover{
    color: var(--pri);
}
.category-posts-widget a{
    color: var(--black);
}
/*SINGLE ===================================================================*/


/*PAGE TEMPLATE ===================================================================*/
form.wpcf7-form textarea {
    border: 1px solid #444;
    box-shadow: none;
    border-radius: 5px;
}

form.wpcf7-form input {
    border: 1px solid #444;
    box-shadow: none;
    border-radius: 5px;
    height: 40px;
}

/*PAGE TEMPLATE ===================================================================*/


/*FOOTER ===================================================================*/
#footer * {
    color: #c5c5c5;
}

#footer .menu_title *, #footer .menu_title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--white) !important;
}

.footer_info .col-inner div:nth-child(n+2) {
    padding-bottom: 5px;
}

.menu_wp_content ul li:hover a {
    color: var(--pri) !important;
}

.menu_wp_content ul li {
    margin-left: 0;
}

.menu_wp_content ul {
    list-style: none;
}

/*FOOTER ===================================================================*/


@media only screen and (max-width: 48em) {
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        color: var(--black);
    }

    .nav-sidebar li.html i {
        margin-right: 5px;
    }

    .large_title {
        font-size: 2rem;
    }
    .small_title {
        font-size: 1.1rem;
    }
    .timeline_title {
        font-size: 1.2rem !important;
    }
    .home_blog .col.post-item{
        padding-right: 0;
    }


}