/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root{
    --primary-color: #a70e1a;
    --fs-color-primary: #a70e1a;
    --fs-color-secondary: #980d17;
    --fs-color-success: #579B14;
    --fs-color-alert: #b20000;
    --fs-experimental-link-color: #0A0606;
    --fs-experimental-link-color-hover: #0A0103;
}
html {
    background-color: #f4f4f4 !important;
}
body {
    font-family: "Open Sans", sans-serif;
}
.blog-archive .post-item .post-title {font-size:20px; margin-bottom:14px}.meta-related ul{margin-bottom:0}.meta-related{margin-bottom:20px; background: #fbfbfb;padding-top:15px; padding-bottom:5px; padding-left: 0; padding-right:0}.blog-single .post-sidebar{padding-left:0}.textwidget div.kontak{ border:1px solid #e9ecee;margin-bottom: 0; padding:10px; font-size:14px}.textwidget h3.kontak{padding:7px; margin-bottom:0}.textwidget .kontak p{margin-bottom:7px}.danh-muc-san-pham-mobile {padding: 5px;margin-top:0 !important}.danh-muc-san-pham-mobile .col {flex-basis: 50%;max-width: 50%;text-align: center;padding: 5px;}.danh-muc-san-pham-mobile .col p {margin-bottom: 0;}.danh-muc-san-pham-mobile .col a {background: #0092ff;width: 100%;display: block;width: 100%;padding: 5px 10px;font-size: 13px;border-radius: 3px;color: #fff;height: 40px;line-height: 30px;overflow: hidden;}.section-title span {text-transform: none;}.section-title-normal span {padding-bottom: 4px;}.section-title-container {margin-bottom: 10px;}.dark ul li.bullet-checkmark{border-color: rgba(78, 78, 78, 0.2);}#footer .col{padding-bottom:0}.section-2 .box-text p{color: #6d6d6d;}.newpost {background: #fffff2;padding: 10px;border: 1px dashed #ff9100;border-radius: 3px;}.newpost ul {margin-bottom: 0;}.newpost ul li {color: orange;border-top: 1px dashed #ffebc6;margin-left: 20px;font-size: 13px;margin-bottom: 2px;}.relative-post-title a:hover{color: #757575;}.newpost ul li a:hover{color:#a70e1a !important} .newpost ul li h4 {margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}.newpost ul li a {color: #1d1d1d;font-weight: normal;}/* Custom CSS Mobile */@media (max-width: 549px){.tim-kiem-mobile {background: #0092ff;}.tim-kiem-mobile .col {padding: 10px !important;}.bai-viet-moi-nhat .post-item{flex-basis:50%; max-width:50%}.bai-viet-moi-nhat .post-item .box-text{padding-bottom:5px}.list-news li{width:50%;float:left;}.list-news{background:#f7f7f7; margin-left:0 !important; margin-right:0 !important}.list-news h3{padding-left: 10px; margin-top:10px}div.list-news{margin-top:20px}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Thịnh hành";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}
#top-bar ul li a{font-family: "roboto",sans-serif;
    font-weight:normal;
    font-size: 12px;
    text-transform: uppercase;}
#wide-nav .nav>li{ height: 40px; line-height: 20px}
.nav>li>a>i+span {
    padding-bottom: 5px;
}
.nav-spacing-medium>li{margin:0}
#wide-nav .nav>li:hover{background: #980d17; height: 40px}
.nav>li.active{ height: 40px}
.nav>li>a>i.icon-menu{    font-size: 17px;}
.section-title a {
    padding-left: 15px;
    font-size: 14px;
    color: #b1b1b1;
   
    font-weight: normal;
}
.current-menu-item > a {
    background-color: #980d17;
}
#wide-nav .nav>li a {padding-left: 15px;
    padding-right: 15px;
    line-height: 9px;
    padding-top: 16px;
    display: block;
    height:40px;
}.section-title-normal span{border-bottom:0;
    font-size: 19px;}.section-title-normal {
    border-bottom: none;
}
.section-title-normal:before{    background: url(images/bg2.png);
    background-repeat: repeat-x;height: 100%;    z-index: -1;
    top: 18px;width: 100%;content: '';
    position: absolute;}
.section-2 .post-item .box-text{padding-bottom:0}

.big-block .box-text h5{color: black;font-weight:400; letter-spacing: 0 }
.ad1{margin:0}
.big-block .box-text p{padding-top: 10px; font-size: 13px}

.big-block .box box-overlay dark box-text-bottom box-blog-post has-hover .box-overlay .box-text{position: relative;    padding-left:0em;
    padding-right: 0em;}
.box-blog-post .is-divider{display:none}
.big-block .text-left{padding: 7px 0px 7px;
    border-top: 1px dotted #eaeaea;}
.big-block .small-columns-1>.col{    padding-top: 0;
    padding-bottom: 0;}
.row-small>.col{padding: 0 10px 10px;}
.section-2 .box-text p{font-size: 13px; padding-top: 10px}
.section-2 .box-text h5{font-size: 18px; font-weight: 400}
.section-2 .tag-label{text-transform: none; padding: 6px 10px; letter-spacing: 0; font-weight: normal; padding-top:0}
.section-2 .col{    padding-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    padding-bottom: 10px;}
.slide-post .box-text h5{font-size:17px}
.section-2 .box-vertical .box-text{padding-right:0}
.Catelogies .col{   padding-top: 0;
    padding-left: 11px;
    padding-right: 10px;
    padding-bottom: 10px;}
.Catelogies .box-tex h5{font-size:14px}
.Catelogies .box-vertical .box-text{padding-left: 10px;
    padding-right: 0;}
.Catelogies .box-text{padding-top: 7px; padding-bottom: 7px}
.title-cat h2{ background: #0092ff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    font-size: 17px;
    border-bottom: 1px solid #007fde;
    border-left: 10px solid #007fde;
    font-weight: normal;margin:0}
.Catelogies .box-image{margin-bottom: 8px}
.slide-post .col{padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;}
.slide-post .box-text{    padding-bottom: 6px;}
.y-kien-ban-doc    {border-radius: 3px;background: white; width: 100%;
    border: 1px solid #c5c5c5;
    padding: 10px;}
.y-kien-ban-doc p{margin-bottom:0}
.article-inner .relative{display:none}
.article-inner .is-divider{display: none}
.article-inner  h1{font-size: 28px}
.article-inner .entry-header-text{padding-bottom: 0px}
.article-inner footer.entry-meta{display:none}
.article-inner .large-3{padding-left: 10px; padding-right: 10px}
.button span{font-weight: normal}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{color: white;
    font-weight: normal;
    padding-left: 20px;}
.nav-sidebar.nav-vertical>li+li{border-top: 1px solid #0089ff;}
.off-canvas .sidebar-menu{    background: #0092FF;
    padding: 20px 0;}
.off-canvas .nav-vertical>li>a{padding-top: 10px;
    padding-bottom: 10px;}
.off-canvas-right.mfp-ready .mfp-content{background: #0092FF;color:white}
.article-inner .is-xsmall{display:none}
.article-inner .posted-on{display:none}
.article-inner .byline{display:none}
.article-inner .entry-content{padding-top:5px;padding-bottom:0}
.article-inner .navigation-post{display:none}
.footer-wrapper{border-top: 1px solid #e6e6e6;}
widget-title {background: #0092ff;width:100%; letter-spacing: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 8px;
    color: white;
    font-size: 17px;
    border-bottom: 1px solid #007fde;
    border-left: 10px solid #007fde;
    font-weight: normal;
    margin: 0;
}
.widget .is-divider{display:none}
#content .large-3{padding-top: 0;
  
    padding-bottom: 30px;}
.gallery-caption {
    text-align: left;
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.gallery-item{    padding: 0 15px 10px;}
.article-inner  h2{font-size:19px}
#breabcrumb li{list-style: none;float: left;color:gray; font-size: 14px;    padding-right: 4px; }
#breabcrumb{    width: 100%;
    border-bottom: 1px dotted #ececec;
    display: inline-block;}
#breabcrumb li a{color:#0092FF}
 .col-divided+.col{padding-left:0}
.col-divided{    padding-right: 20px;
    padding-left: 23px;
    border-right: 0px solid #ececec;}
.bai-viet-tag a{    background: #fffafa;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid #dedede;}.bai-viet-tag a:hover{    background: #0092ff;    color: white;border:1px solid white; border-radius: 3px}
.bai-viet-tag {color:#0092ff;    margin-top: 20px;}

.meta-date-capnhat:before {
    margin-right: 3px;
    font-weight: 600 !important;
    font-size: 19px !important;
}
.tag-meta-post{font-size: 14px;
    color: gray; margin-bottom: 15px; display: inline-block}
.tag-meta-post a{font-size: 14px;
    color:gray;}
.tag-meta-post a:hover{color:#0092ff}
.tag-meta-post .luot-xem{padding-left: 3px;padding-right: 10px;
}
.tag-meta-post .meta-date-capnhat{padding-left:4px;    padding-right: 6px;}
.danh-muc ul{    margin-bottom: 0;
    display: inline-block;margin-left: 10px;}
.danh-muc ul li{ padding-right:5px;   margin-bottom: 0;
    display: inline-block;}
.social-share{display:inline-block; margin-right: 10px}
.list-news{    width: 100%;
    display: inline-block;margin-bottom: 0;margin-left: -5px;
    margin-right: -5px}
.list-news h3{font-size:18px; margin-top: 15px}
.list-news li{width: 25%;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding-left: 8px;
    list-style: none;
    padding-right: 8px;}
.item-list{margin-top:10px}
.new-img{width: 100%; height: 110px}
.new-img img{height:100%}
.relative-post-title{ height:43px;overflow:hidden;    line-height:22px; font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;}
.recent-blog-posts a{font-size:15px}
.blog-archive .post-item .post-date{display:none}
.current-menu-item > a{
background-color:#980d17;
}.meta-related ul li a{font-size:15px}
.archive .post-sidebar{padding-left:0}
.big-block .cot3 .post-item{padding-top:8px; padding-bottom:8px}.big-block .cot3 .post-item .box-text{border-top:0}
.big-block .cot3 .section-title-container{margin-bottom:0 !important}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.bai-viet-tag {
    display: inline-block;
    width: 100%;
}
.list-news li {
    display: inline-block;
    width: 50%;
    float: left;
}
.nav>li>a>i.icon-menu{
    background-color: #0092FF;
    padding: 5px;
    color: #fff;
}
}
.page-wrapper{padding-top:15px}
.article-inner a{color:#0092ff}
.article-inner b, strong{font-weight:500}
.relative-post-title a{color: black;}
.relative-post-title a:hover{color:#757575}
.menu-item i._mi,.menu-item img._mi{display:inline-block;vertical-align:middle}.menu-item i._mi{width:auto;height:auto;margin-top:-.265em;font-size:1.2em !important;line-height:1}.menu-item i._before,.rtl .menu-item i._after{margin-right:.25em}.menu-item i._after,.rtl .menu-item i._before{margin-left:.25em}.menu-item img._before,.rtl .menu-item img._after{margin-right:.5em}.menu-item img._after,.rtl .menu-item img._before{margin-left:.5em}.menu-item ._svg{width:1em}.rtl .menu-item i._before{margin-right:0}.rtl .menu-item i._after{margin-left:0}.visuallyhidden{overflow:hidden;clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0}.menu-item i.elusive{margin-top:-.3em}.dashicons-admin-site:before{content:"\f319"!important}.dashicons-welcome-view-site:before{content:"\f115"!important}
#footer .ux-menu-link a{
	font-size: 80%;
	color:#333333;
    min-height: 40px;
    padding: 9px 0px;
}
#footer .ux-menu-link i{
	font-size: 16px;
	color:#579B14;
}
.header .flex-row{
	padding:0px;
}
#logo img {
    max-height: 85px;
    padding: 13px 0;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 400;
    font-style: normal;
}
.blog-archive .post-item .post-title {
    font-size: 20px;
    margin-bottom: 14px;
}
.widget_text .widget-title{
	padding: 0px 7px;
    margin-bottom: 0;
    background-color: #e9ecee;
    color: #0A0103;
    font-size: 20px;
    width: 100%;
    display: block;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
}
.widget_text .textwidget{
	border: 1px solid #e9ecee;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
}
.row.row-small{
	max-width: 1162.5px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.header .flex-row{
	    padding-left: 15px;
    	padding-right: 15px;
	}
    .blog-single .large-3 {
        padding-left: 15px;
        font-size: 15px;
    }
}