/**
 * Theme Name: viettuan
 * Template: hd
 * Author: Gaudev
 * Author URI: https://webhd.vn
 * Requires PHP: 8.2
 * Version: 1.0 Alpha
 * Text Domain: viettuan
 * Domain Path: /languages
 */


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
   font-family: "Inter", sans-serif;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){
    font-family: "Inter", sans-serif;
}

.widget_gtranslate{

}

.widget_gtranslate .gtranslate_wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
    grid-gap: 5px;
}

.widget_gtranslate a.glink img{
    margin-right: 0 !important;
}

.submenu-toggle {
    width: 24px;
    height: 24px;
}

.off-canvas ul.vertical.menu li.has-submenu-toggle > a {
    margin-right: 24px;
}

.submenu-toggle::after {
    border-color: #ffffff transparent transparent;
}

@media only screen and (max-width: 47.9988rem) {
	.section.hb_banner_home .swiper-container .w-swiper .swiper-slide .item .overlay-content .inner{
		display: none;
	}
	.section-page.about-section .hb_core_values2 .flex-info .cell-right .heading-title br{
		display: none;
	}
	section.home-infomation .flex-info .cell ._desc p br{
		display: none;
	}
}
@media screen and (min-width: 1537px) {

}
section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
    margin: 5px 0 5px 15px;
    flex-direction: column;
    gap: 3px;
    border-left: 2px solid #16A0BB;
}

section.archive-product .grid-products .sidebar-col .widget_nav_menu li.open>ul.sub-menu {
    display: flex !important;
}
section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.menu li a {
    font-size: 14px;
}

section.archive-product .grid-products .sidebar-col .widget_nav_menu li:has(ul.sub-menu)>a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    font-size: 14px;
    transition: transform 0.3s;
}
section.archive-product .grid-products .sidebar-col li.open>a::after {
    transform: rotate(180deg);
}
section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.menu li a:hover,
section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.menu li a[aria-current="page"] {
    background: #16A0BB;
    color: #ffffff;
}
section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.sub-menu ul.sub-menu {
    margin-left: 10px;
    border-left: 1px dashed #ccc;
    display: none;
}

section.archive-product .grid-products .sidebar-col .widget_nav_menu ul.sub-menu li.open>ul.sub-menu {
    display: flex !important;
}