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

/*************** ADD CUSTOM CSS HERE.   ***************/

/* 
  GOOGLE SANS FONT-FACE
  - Hỗ trợ ký tự: Tiếng Anh (latin) & Tiếng Việt (vietnamese)
  - Weights: 400 (Regular), 500 (Medium), 700 (Bold)
  - Styles: normal, italic
*/

/* === Google Sans Normal === */

/* Regular 400 */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2sQCIlsw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2vgCI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Medium 500 */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2sQCIlsw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2vgCI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Bold 700 */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2sQCIlsw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2vgCI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* === Google Sans Italic === */

/* Italic 400 */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCFjshE7g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCKjsg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Italic 500 */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCFjshE7g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCKjsg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Italic 700 */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCFjshE7g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v58/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCKjsg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: 'Google Sans', Arial,  sans-serif;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*home main category*/
.home-main-category {
    background-color:rgb(228, 228, 228);
    padding-top:10px;
    padding-bottom:10px;
}
.home-main-category .row{
    border: 1px solid #d2d2d2;
    background-color:#fff;
}
.home-main-category ul{
    padding:5px;
    margin-bottom: 0;
}
.home-main-category ul li{
    display: inline-block;
    width:150px;
    text-align: center;
    margin-bottom: 0;
}
.home-main-category ul li a{
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    white-space: normal;
    position: relative;
    padding: 5px;
    border-radius: 8px;
    color:#1d2939;
}
.home-main-category ul li a span{
    display:block;
}
.home-main-category ul li a>img{
    border-radius: 10%;
}
.home-main-category ul li:hover{
    background-color: #f2f4f7;
    color:#000;
}
@media(max-width: 549px) {
    .home-main-category ul.menu-item li,.home-main-category ul li{width:calc(100% / 3 - 5px);}
}
@media (max-width: 849px){
	
	.off-canvas-left .mfp-content{
		background-color:#fff;
	}
	.mobile-sidebar .html_topbar_left,.mobile-sidebar .html_topbar_right{
		background-color:#dd3333;
	}
}

/*Menu ngang */

.nav-dropdown>li.nav-dropdown-col{display:block;}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
ul.sub-menu.nav-dropdown.nav-dropdown-default>li{
border-bottom:1px #d2d2d2 solid;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default>li:hover {
    background-color: #d2d2d2;
}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul,.btn-danhmuc.current-dropdown >.nav-dropdown>.menu-item:nth-child(1)>ul{
	display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px;
    max-height: 487px;
    overflow-y: auto;
    padding: 10px;
    grid-auto-rows: minmax(auto, max-content);
}
.nav-dropdown{min-width:200px}
.active>ul.sub-menu:not(.nav-dropdown) {
    display: none !important;
}
#main-menu.mobile-sidebar .btnDanhMuc > ul.sub-menu.nav-sidebar-ul.children
{
	display: block !important;
	left: auto;
    opacity: 1;
    padding-bottom: 30px;
    position: inherit;
    transform: translateX(0);
	width: calc(100% - 125px);
}

ul.sub-menu.nav-column{
    width: 590px;
    height: 407px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
top: 0;
	overflow:auto;
}
ul.sub-menu.nav-column li{
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
}

#main-menu > div > ul > li.btnDanhMuc> ul > li.menu-item> ul > li >a,ul.sub-menu.nav-column li a{
   flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 5px;
    border-radius: 8px;
    font-size: 13px;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
}
ul.sub-menu.nav-column li a img{
   margin-top: -11px;
    width: calc(100% + 25px);
    max-width: calc(100% + 20px);
    margin-bottom: 5px;
    margin-right: 0;
}
#main-menu > div > ul > li.btnDanhMuc> ul > li.menu-item> ul > li >a,>imgul.sub-menu.nav-column li a>img{
    border-radius: 10%;
}
ul.sub-menu.nav-column li a:hover{
background-color: #f2f4f7;
color:#000;
}
#main-menu > div > ul > li.btnDanhMuc img{margin:0;width: 100%;height: auto;}
#main-menu > div > ul.nav-sidebar.nav-vertical >li.menu-item:hover, .nav-sidebar.nav-vertical>li.menu-item:hover{background-color:#fff}
#main-menu > div > ul > li.btnDanhMuc > ul > li> ul{
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* CHÍNH LÀ 3 CỘT */
  gap: 3px; /* khoảng cách giữa các mục */
  list-style: none;
  padding: 0;
  margin: 0;
}
#main-menu > div > ul.nav-sidebar.nav-vertical >li>ul{padding-right:.5em;}
#main-menu > div > ul > li.btnDanhMuc > ul > li > ul > li {
  border: 1px solid #ddd;
  padding: 0;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 500;
}
#main-menu .menu-item a{color:#000;}
#main-menu >.sidebar-menu>.nav-sidebar > .menu-item> a {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
ol ol, ol ul, ul ol, ul ul{
	margin:0
}
td {
    color: #000;
}
.shost-footer .contact_title, .shost-footer .contact_address, .shost-footer .phone {
    padding: 0 0 18px;
}
.shost-footer .contact_wrapper {
    line-height: 26px;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.contact_wrapper .contact_address::before {
    background-image: url(/wp-content/uploads/2022/01/map.svg);
}
.contact_wrapper .phone::before {
    background-image: url(/wp-content/uploads/2022/01/headphones.svg);
}
.contact_wrapper .email::before {
    background-image: url(/wp-content/uploads/2022/01/message.svg);
}
.contact_wrapper .contact_address::before, .contact_wrapper .phone::before, .contact_wrapper .email::before {
    position: absolute;
    content: "";
    height: 25px;
    width: 35px;
    left: 0px;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    
}
.hotline a {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    text-decoration: none; /* Bỏ gạch chân link */
}

.hotline img {
    margin-right: 10px; /* Khoảng cách giữa ảnh và chữ */
}

.hotline .info {
    display: flex;
    flex-direction: column; /* Chữ xếp dọc */
    line-height: 1.4;
}
.div-content ol>li, .div-content ul > li {
    margin-left: 15px;
}

.skip-link.screen-reader-text{display:none !important}
.entry-header-text {
    padding: inherit;
}
.entry-header-text > .entry-divider{display:none}
.entry-header-text.text-center{padding-left: 0;
    padding-right: 0;}
.entry-content.single-page .wp-caption {
    max-width: calc(100% + 30px);
    margin-left: -15px;
}
.service-intro >ul {list-style:none}
.service-intro >ul>li{margin-left:0;}
.service-intro >ul>li>i{margin-right: 5px;}
a.woocommerce-LoopProduct-link{
	color:#000;
}
.price-contact{
	  background: #d60500;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    outline: none;
    width: 80%;
    max-width: 150px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s ease;
    padding: 5px;
    margin-bottom: 5px;
	font-size: 14pt;
}

.footer-logo img{border-radius:15px;}
.recent-blog-posts-li .post_comments{display:none}

.recent-blog-posts-li a ,h5.post-title >a{
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.div-content ul>li,.div-content ol>li{
    margin-left:1.3em;
}
.related-content {
    max-width: 1210px;
    margin: 10px auto;
    padding: 20px 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}
.related-content .box-text{ padding:0;}
.related-content .is-divider {display:none;}