/*
Theme Name: THẾ GIỚI SỐ
Theme URI: https://giaodienwebsite.tgs.com.vn/
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.19.11.1748838311
Updated: 2025-06-02 04:25:11

*/
.devvn-posts-by-cat {
    margin-bottom: 30px;
}

.devvn-cat-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.devvn-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.devvn-post-item {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.devvn-marker {
    color: #333;
    margin-right: 8px;
    font-weight: bold;
}

.post__title,
.__title {
    font-size: 2rem;
    font-weight: 600;
}

.box.box-category .box-text {
    padding: 0 !important;
}

.box.box-category .image-cover {
    margin-bottom: 10px;
}

.baro-post-tabs {
    border-bottom: 8px solid #ffed00;
    margin-bottom: 20px;
}

.baro-post-tabs>ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
}

.baro-post-tabs>ul>li {
    color: #000;
    display: flex;
    align-items: center;
    background-color: #e6d600;
    border-top: none;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    margin: 0;
    box-shadow: inset 76px -5px 11px -81px rgba(0, 0, 0, 0.6);
    font-size: 1.8rem;
    height: 100%;
}

.baro-post-tabs>ul>li>a {
    padding: 10px 15px 10px 15px;
    font-size: 1rem;
}

.baro-post-tabs>ul>li:hover,
.baro-post-tabs>ul>li:active {
    background-color: #d4c100;
    cursor: pointer;
}

.baro-tab-btn.active {
    background-color: var(--primary-color);
}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.breadcrumb .breadcrumb-post-title {
    display: inline-block;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.breadcrumb .breadcrumb-post-title:hover::after {
    content: attr(title);
    position: absolute;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    top: 100%;
    left: 0;
    white-space: nowrap;
    z-index: 10;
}

.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-40 {
    padding-right: 40px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-40 {
    margin-right: 40px;
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

h1.post-title a {
    border-top: none;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0.25em 0 0.5em 0;
}

.post-item {
    padding: 20px 30px 20px 15px;
    background: #f2f2f2;
}

.read-more-link {
    display: inline-block;
    margin-top: 10px;
    padding-bottom: 2px;
    font-weight: 500;
    border-bottom: 1px dashed #000;
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more-link:hover {
    color: #555;
    border-bottom-color: #555;
}

.post-item .post-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post-item .post-content p {
    font-size: 1.125rem;
    line-height: 1.5;
}

.woocommerce-breadcrumb a.current-product {
    font-weight: bold;
    color: #d98b00;
    /* màu nổi bật */
    pointer-events: none;
    /* nếu muốn không click được */
    text-decoration: underline;
}

.baro__button_primary {
    background: var(--primary-color);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 6px 12px 5px;
    color: #000;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    transition: 0.3s ease;
}

.baro__button_primary:hover {
    background: #e6d600;
}

.header-main .header-inner{
    padding: 0;
}

.header-main .flex-right {
    height: 100%;
}

.header-main .flex-right ul,
.header-main .flex-right ul li,
.header-main .flex-right ul li a.nav-top-link {
    height: 100%;
}

.header-main .flex-right ul li a.nav-top-link {
    /* background-color: #f2e200; */
    padding: 20px;
    /* box-shadow: inset 3px 1px 9px -9px #000, 5px 0 4px -4px rgba(0, 0, 0, .22); */
}

.header-main .flex-right ul li a.nav-top-link:hover{
    background-color: var(--primary-color);
    box-shadow: none;
    color: #000 !important;
}

.header-main .flex-left ul li a.nav-top-link:hover{
    color: #000 !important;
}



.menu__title .section-title.section-title-normal .section-title-main{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.2rem;
}

.menu__title .section-title.section-title-normal .section-title-main{
    color: #000;
    text-decoration: none;
}

.menu__title .section-title.section-title-normal {
    border-bottom: 3px solid #000;
    margin-bottom: 3px;
}

.menu__title .section-title-container{
    margin-bottom: 0;
}


.mobile-nav{
    height: 100%;
} 


.mobile-nav li.nav-icon{
    padding-left: 10px;
}