/*
Theme Name: Zadawp Child
Theme URI: https://modeltheme.com/mt_zada
Template: zadawp
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: Construction WordPress Theme
Version: 1.7
Text Domain: zadawp
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */

/* Light */
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaLight.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaRegular.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaBold.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Áp dụng font cho toàn site */
h1, h2, h3, h4, h5, h6, .elementor-nav-menu li a, h1 span, .dynamic-title.title-page {
    font-family: 'SFUFutura', sans-serif !important;
}

.child-cat-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.child-cat-item {
    background: #425235;
    padding: 10px 16px;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid #425235;
    font-family: 'SFUFutura', sans-serif;
    border-radius: 5px;
}
span.child-cat-item:hover {
    background: #fff;
    border-color: #425235;
    border: 1px solid;
}
span.child-cat-item a:hover {
    color: #425235 !important;
}

.related-posts.sticky-posts h2 {
    color: #425235;
}

.child-cat-item a {
    text-decoration: none;
    color: #fff;
}

.child-cat-item:hover > a {
    color: #425235;
}

.letter-below-menu {
    display: inline-block;
    padding: 4px 12px;
    background: #DFE6DA;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #326450;
    margin: 0 auto;
}

.letter-below-menu-wrapper {
    text-align: center;
}

.stat-number .skill-count, .stats-content p {
    font-weight: 500 !important;
}

.blog_custom {
    display: flex;
    flex-wrap: wrap;
}

/* Chỉ áp dụng order cho layout bên phải để không ảnh hưởng layout bên trái trên desktop */
.layout-right.blog_custom .post-details {
    order: 1;
}
.layout-right.blog_custom .post-thumbnail {
    order: 2;
}

/*.single-post h2 {
    font-size: 30px !important;
}
.single-post h3 {
    font-size: 26px !important;
}*/
span.child-cat-item a {
    color: #fff;
}

.dynamic-title.title-page {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    /*    font-family: 'Oswald', sans-serif;*/
}

.list-view .post-details .post-excerpt .more-link:hover {
    background: #e1b261 !important;
    color: #000 !important;
}


/* Trên mobile: ảnh trước chữ cho layout bên phải */
@media (max-width: 768px) {
    .layout-right.blog_custom {
        flex-direction: column;
    }
    .layout-right.blog_custom .post-thumbnail {
        order: 1;
    }
    .layout-right.blog_custom .post-details {
        order: 2;
    }
}

@media (max-width: 767px) {
    .header-group {
        margin-top: 85px;
    }
    .header-title-breadcrumb-overlay h1 {
        font-size: 30px !important;
    }
    .horizontal-header {
    background: #425235 !important;
}
}


.horizontal-header {
/*    background: linear-gradient(
        90deg, 
        #758467 3%, 
        #819171 5%, 
        #9CAF88 8%, 
        #DFE6DA 14%, 
        #CBD5C0 17%, 
        #DFE6DA 19%, 
        #9CAF88 26%, 
        #819171 32%, 
        #758467 100%
        );*/
background: linear-gradient(
        90deg, 
        #758467 3%, 
        #819171 5%, 
        #9CAF88 8%,  
        #fff 13%,
        #fff 17%, 
        #fff 19%, 
        #9CAF88 27%, 
        #819171 32%, 
        #758467 100%
        );
}
.vc_btn3.vc_btn3-shape-square {
    border-radius: 5px !important;
    
}
a.more-link, .vc_btn3.vc_btn3-shape-square {
    font-family: 'SFUFutura', sans-serif;
}