/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	max-width: 100%;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2, .banner h3, .banner h4 {
    line-height: inherit;
}
.icon-box-left.dm .icon-box-img+.icon-box-text {
    padding-left: 10px;
}
.icon-box-left p {
    margin-bottom: 0;
}
.section > .section-content > .row > .col {
    padding-bottom: 0;
}
.sp-sec > .col-inner:hover > .is-border {
    border-color: #2354CB !important;
}
.row-solid.row-custom .col:before {
    border-left: 1px solid #757575;
    content: " ";
    height: 76px;
    left: -1px;
    position: absolute;
    top: 15px;
    margin: auto;
}
.breadcrumb_last {color:#126BF4;}

#footer p {margin-bottom:5px;}
#footer ul {list-style:none; margin-bottom:0; margin-left:0;}
#footer li {margin-left:0; margin-bottom:5px;}
.header-bottom-nav > li > a {text-transform:uppercase;}
.page-title-bar .title {display:block; color:#fff; text-transform:uppercase; font-size:30px; background:url(images/line.png) left bottom no-repeat; padding-bottom:10px;}
.page-title-bar {padding-top:20px; padding-bottom:10px; background:url(images/tbg.png); color:#fff; height:350px; background-size:cover}
.page-title-bar a {color:#fff;}
.breadcrumb {
    margin-bottom: 100px;
}
form {margin-bottom:0;}
.wpcf7-spinner {display:none;}
.header:not(.transparent) .header-nav-main.nav > li > a {font-weight:500; text-transform:capitalize;}
.header:not(.transparent) .header-nav-main.nav > li.active > a {font-weight:600;}
p {margin-bottom:7px;}
.section-title b {background:transparent}
h4.section-title-center { font-size: 14px }
.section-title-center span:before {content:url(images/r1.png); padding-right:10px; position:relative; bottom:4px;}
.section-title-center span:after {content:url(images/r2.png); padding-right:10px; position:relative; bottom:4px; padding-left:10px;}
.diemmanh-col {min-width:20%;}
.section-title-container {margin-bottom:0}
.diemmanh-col2 {min-width:20%; border-left:1px solid #ddd;}
.sp-sec .col-inner:hover {background:#D7E5FF !important;}
.nl-numb {position:absolute; left:0; top:0;}
.giaiphap-row ul {margin-bottom:0; list-style:none;}
.giaiphap-row li {margin-bottom:5px; margin-left:0 !important; font-size:15px;}
.giaiphap-row li:before {content: "\f058"; font-family: FontAwesome; padding-right:10px;}
.giaiphap-row p {margin-bottom:0; font-size:15px;}
.giaiphap-row h4 {font-size:20px;}
.giaiphap-row .row-solid .col-inner {padding-top:0; padding-bottom:0;}
.gp-img1 {position:absolute; top:0; right:0}
.gp-img2 {position:absolute; bottom:-26px; right:-21px}
.woocommerce-tabs ul {list-style:none;}
.woocommerce-tabs li {margin-left:0 !important}
.woocommerce-Tabs-panel li:before {content: "\f046"; font-family: FontAwesome; padding-right:10px; color:#193C7E;}
.price-wrapper {display:none;}
.product-small.box .product-title a {font-weight:600; font-size: 16px}
.product-small .box-text {padding:15px;}
img.size-full.alignnone {margin-bottom:0}
.ctform-row {display:inline-flex; width:100%}
.ctform-col1 {margin-right:7px;}
.ctform-col2 {margin-left:7px;}
#footer input {border-radius:7px;}
#footer textarea {height:80px; min-height:80px; border-radius:7px;}
input[type=submit] {margin:0}
.absolute-footer {display:none;}
.gt-banner .banner-bg {border-radius:20px;}
.vct-box1 .icon-inner {background:#E5EDFF; padding:7px 10px; border-radius:7px;}
.vct-box1 .col-inner:hover {background:#D7E5FF !important; color:#000; font-weight:600}
.vct-box1 .col-inner:hover .icon-inner {background:#fff;}
.vct-box1 .col-inner h4 {text-transform:uppercase; margin-bottom:10px; height:46px; overflow:hidden}
.vct-box1 .col-inner:hover h4 {color:#2667FF;}
.vct-box1 .col-inner {color:#444444;}
.vct-box1 .icon {margin-bottom:20px;}
.giatri-sec .vct-box1 .col-inner h3 {height:auto;}
.giatri-sec .vct-box1 .col-inner:hover {font-weight:inherit}
.nangluc-col .col-inner:hover {background:#FFF4E2 !important}
.nangluc-box .col-inner:hover h4 {color:#2667FF;}
.nangluc-box .col-inner:hover {font-weight:600}
.top-dmsp .ux-menu {display:inline-flex; flex-direction:inherit; background:#f5f5f5; border-radius:99px;}
.top-dmsp .ux-menu-link__link {border:none !important; width:250px; text-align:center; justify-content:center; min-height:auto}
.top-dmsp .ux-menu-link__link:hover {background:#fff; border-radius:99px;}
.top-dmsp .ux-menu{padding:5px;}
.shop-page-title {display:none;}
.product-info ul {list-style:none;}
.product-info li {margin-left:0 !important; margin-bottom:5px;}
.product-info li:before {content: "\f046"; font-family: FontAwesome; padding-right:10px; color:#002F79;}
.product-info .product-title {margin-bottom:0; color:#193C7E; font-size: 24px}
.box-blog-post .is-divider {display:none;}
.blog-wrapper .box-blog-post {border:1px solid #ddd; border-radius:15px;}
.blog-wrapper .box-blog-post .box-text {padding:20px;}
.blog-wrapper .box-blog-post .box-image {border-radius:15px 15px 0 0;}
.blog-wrapper {padding-bottom:0; padding-top:60px;}
.lienhe-col1 input {border-radius:7px; width:100%;}
.lienhe-col1 select {border-radius:7px;}
.lienhe-col1 textarea {border-radius:7px; min-height:80px;}
.tongquan-list ul {list-style:none;}
.tongquan-list li {margin-left:0 !important;}
.tongquan-list li:before {content: "\f05d"; font-family: FontAwesome; padding-right:10px; color:#193C7E;}
.button.is-outline {
    border: 1px solid #CADAFF;
    font-size: 14px;
}
.product-section {
    border-top: none;
}
.product-section-title.product-section-title-related {
    font-size: 30px;
    color: #193C7E;
    position: relative;
}
.product-section-title.product-section-title-related:after {
    content: '';
    display: block;
    height: 6px;
    width: 100px;
    background-color: #193C7E;
    margin-top: 10px;
}
.single .product-small.box .box-image img, 
.single .product-small.box .box-image {
    border-radius: 8px;
}
.single .product-small.box .product-title a {
    font-size: 14px;
}
.product-footer .woocommerce-tabs {
    border-top: none;
}
.woocommerce-tabs .nav>li>a {
    text-transform: uppercase;
    font-size: 30px;
    color: #193C7E;
    display: block;
}
.woocommerce-tabs .nav>li>a:before {
    display: none;
}
.woocommerce-tabs .nav>li>a:after {
    content: '';
    display: block;
    height: 6px;
    width: 100px;
    background-color: #193C7E;
    margin-top: 10px;
}
.single .woocommerce-breadcrumb {
    display: none;
}
.product-short-description {
    margin-bottom: 20px;
    color: #444;
}

.related-title {
    font-size: 30px;
    color: #193C7E;
    position: relative;
    text-transform: uppercase;
}
.related-title:after {
    content: '';
    display: block;
    height: 6px;
    width: 100px;
    background-color: #193C7E;
    margin-top: 10px;
}
.wpcf7-form label {
    font-weight: normal;
}

/* ===== GRID LAYOUT ===== */
.custom-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
@media (max-width:768px){
    .custom-blog-grid{grid-template-columns:1fr;}
}

/* ===== CARD ===== */
.custom-blog-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(0,0,0,.08);
    transition:box-shadow .3s ease, transform .3s ease;
}
.custom-blog-card:hover{
    box-shadow:0 10px 24px rgba(0,0,0,.12);
    transform:translateY(-4px);
}

/* ===== THUMBNAIL ===== */
.custom-blog-card__thumb{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
}
.custom-blog-card__thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}
.custom-blog-card:hover .custom-blog-card__thumb img{
    transform:scale(1.06);
}
.custom-blog-card__date{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(255,255,255,.9);
    color:#111;
    font-size:13px;
    font-weight:600;
    padding:4px 10px;
    border-radius:6px;
    z-index:2;
}

/* ===== BODY ===== */
.custom-blog-card__body{
    padding:18px 20px 22px;
}

/* Label (category) */
.custom-blog-card__label{
    display:inline-block;
    background:#111;
    color:#fff;
    font-size:12px;
    font-weight:600;
    padding:4px 12px;
    border-radius:20px;
    margin-bottom:12px;
    text-decoration:none;
    transition:background .25s ease;
}
.custom-blog-card__label:hover{
    background:#0b2545;
    color:#fff;
}

/* Title */
.custom-blog-card__title{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
}
.custom-blog-card__title a{
    color:#111;
    text-decoration:none;
    transition:color .2s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.custom-blog-card:hover .custom-blog-card__title a{
    color:#0b2545;
}

/* Excerpt */
.custom-blog-card__excerpt{
    color:#666;
    font-size:14px;
    line-height:1.6;
    margin-bottom:16px;
}

/* Button "Xem thêm" */
.custom-blog-card__btn{
    display:inline-flex;
    align-items:center;
    justify-content: center;
    gap:8px;
    background:#F0F5FF;
    color:#168AC5;
    font-weight:400;
    border: 1px solid #E1EAFF;
    font-size:14px;
    padding:10px 22px;
    border-radius: 8px;
    text-decoration:none;
    transition:background .25s ease, color .25s ease, gap .25s ease;
    width: 100%;
}
.custom-blog-card__btn span{
    transition:transform .25s ease;
}
.custom-blog-card__btn:hover{
    background:#193C7E;
    color:#fff;
    gap:12px;
}
.custom-blog-card__btn:hover span{
    transform:translateX(4px);
}

/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 0;
}
.post_comments  {
    display: none;
}

/* Sidebar */

/* */
.blog-single .article-inner > .entry-header {
    display: none;
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del * {
    color: #333;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    height: 60px;
}
/*.product-small.box .box-image img {
    height: 250px;
    object-fit: cover;
}*/
/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}

.dhq-truong-archive-wrap{padding:60px 0;background:#fff;}
.dhq-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.dhq-archive-title{
    text-align:center;
    font-size:26px;
    font-weight:700;
    color:#1a1a2e;
    max-width:900px;
    margin:0 auto 40px;
    line-height:1.4;
}
.dhq-archive-description{
    text-align:center;
    max-width: 750px;
    color:#333;
    margin: auto;
}
.dhq-truong-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
@media (max-width:900px){
    .dhq-truong-grid{grid-template-columns:1fr;}
}
.dhq-truong-card{
    border:1px solid #E5EDFF;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#FCFDFF;
}
.dhq-truong-card:hover {
    background:#e6efff;
    box-shadow: 0px 4px 4px 0 hsl(0deg 0% 0% / 20%);
}
.dhq-truong-card__image{
    width:100%;
    height:230px;
    overflow:hidden;
    position:relative;
}
.dhq-truong-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.dhq-truong-card__body{
    padding:24px 24px 28px;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.dhq-truong-card__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    font-size:18px;
    font-weight:700;
    color:#fff;
    background:#01349D;
    margin-top:-46px;
    position:relative;
    z-index:2;
    border-radius: 4px;
}
.dhq-truong-card:hover .dhq-truong-card__badge {
    background:#f4650f;

}

.dhq-truong-card__title{
    font-size: 18px;
    font-weight: bold;
    text-transform:uppercase;
    color:#062041;
    margin:0;
    letter-spacing:.3px;
}

.dhq-truong-card:hover .dhq-truong-card__title {
    color: #01349D;
}
.dhq-truong-card__desc{
    font-size:16px;
    line-height:1.6;
    color:#444;
    margin:0;
}
.dhq-truong-card:hover .dhq-truong-card__title {
    color: #01349D;
}
.dhq-truong-card--featured .dhq-truong-card__desc,
.dhq-truong-card--featured .dhq-truong-card__desc {
    color:#12225a;
}
.dhq-pagination{margin-top:40px;text-align:center;}
.dhq-pagination ul{list-style:none;display:inline-flex;gap:6px;padding:0;margin:0;}
.dhq-pagination li a,
.dhq-pagination li span{
    display:inline-block;
    padding:6px 12px;
    border:1px solid #ddd;
    border-radius:4px;
    color:#12225a;
    text-decoration:none;
    width: 40px;
    height: 40px;
}
.dhq-pagination li span.current{
    background:#12225a;
    color:#fff;
    border-color:#12225a;
}

.dhq-catalog-download {
    margin: 10px 0 20px;
}
.dhq-catalog-download a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
}
.dhq-catalog-download a:hover {
    text-decoration: underline;
}
.dhq-catalog-download i {
    font-size: 18px;
}

.product-info {
    padding-top: 0;
}
.product-images {
    box-shadow: 0px 4px 4px 0 oklch(0 0 0 / 0.2);
    border-radius: 8px;
}
.product-images img {
    border-radius: 8px;
}
.header-button .button {
    font-weight: normal;
    text-transform: none;
}


@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}
@media (max-width: 820px) {
    .product-info {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }
    .product-info {
        padding-top: 20px;
    }
    .breadcrumb {
        margin-bottom: 25px;
    }
    .page-title-bar {
        height: 250px;
    }

}
/* */
.row-number .row-n-c {
	min-height: 190px;
}