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

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



@font-face {

    font-family: 'UTM Avo';

    src: url('/wp-content/themes/spa/UTM Avo.eot');

    src: local('UTM Avo'), 

    url('/wp-content/themes/spa/font/UTM Avo.woff') format('woff'), 

    url('/wp-content/themes/spa/font/UTM Avo.svg') format('svg'), 

    url('/wp-content/themes/spa/font/UTM Avo.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UTM AvoBold';

    src: url('/wp-content/themes/spa/font/UTM AvoBold.eot');

    src: local('UTM AvoBold'), 

    url('/wp-content/themes/spa/font/UTM AvoBold.woff') format('woff'), 

    url('/wp-content/themes/spa/font/UTM AvoBold.svg') format('svg'), 

    url('/wp-content/themes/spa/font/UTM AvoBold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

.nav > li > a {font-family:  "UTM Avo", sans-serif;text-transform: none; font-weight:bold; font-size: 14px}

h1,h2,h3,h4,h5,h6, .heading-font{font-family: "UTM Avo"; text-transform: none; font-weight: bold}

.alt-font{font-family: "UTM Avo", sans-serif;}

.h2, h2 {
    font-size: 1.4em;
}



.header-bottom {background: linear-gradient(to right, #008081, #20b1aa);

    border: none;

    margin-bottom: 0;

	background-size: 100% 100%;}

.nav-spacing-large>li{margin:0}

.nav-spacing-large>li a{padding-left: 12px; padding-right: 12px; line-height:23px;}

.nav-spacing-large>li a:hover{background: linear-gradient(to right, #d3a769, #f0e1b5, #fdc982); color: white}

.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current {

	color: #ffffff !important;
    background: linear-gradient(to right, #d3a769, #f0e1b5, #fdc982);
	border-radius: 5px;
}

.nav-dropdown{padding: 10px 0 0px;border: 0px solid #ddd;    color: #1b1b1b;}

.nav-dropdown>li>a, .nav-column>li>a{color: #20b1aa; line-height: 18px; font-size: 14px}

.nav-dropdown>li>a:hover, .nav-column>li>a:hover{color: white}

.nav-dropdown.nav-dropdown-simple>li>a:hover, .nav-column>li>a:hover{background: linear-gradient(to right, #d3a769, #f0e1b5, #fdc982); }

.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a ,.nav-spacing-large>li>ul>li>a{
    color: #000;
    font-size: .8em;
    font-weight: bolder;
    text-transform: uppercase;
}

.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a, .nav-spacing-large>li>ul>li>a{color: #20b1aa;font-size: 14px}

.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover{background: linear-gradient(to right, #b68d56, #e8b876, #fdca83);}




.rank-math-breadcrumb {
    font-size: 16px; /* Kích thước chữ */
    font-family: Arial, sans-serif; /* Font chữ dễ đọc */
    color: #20b1aa; /* Màu chữ chính là xanh đậm */
    margin: 10px 0; /* Khoảng cách phía trên và dưới */
    padding: 10px 15px; /* Padding để dễ nhìn */
    background: #f1f8f5; /* Màu nền nhạt tạo sự tương phản */
    border-radius: 5px; /* Góc bo tròn mềm mại */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hiệu ứng đổ bóng nhẹ */
}
.rank-math-breadcrumb p{
    margin-bottom: 0;
}
.rank-math-breadcrumb a {
    color: #20b1aa; /* Màu xanh lá sáng nổi bật cho link */
    text-decoration: none; /* Loại bỏ gạch chân */
    transition: color 0.3s ease; /* Hiệu ứng đổi màu khi hover */
    text-transform: capitalize;
}

.rank-math-breadcrumb a:hover {
    color: #c69b61; /* Đổi sang xanh đậm khi hover */
    text-decoration: underline; /* Thêm gạch chân khi hover */
}

.rank-math-breadcrumb .separator {
    color: #999; /* Màu xám nhẹ cho dấu phân cách */
    margin: 0 5px; /* Khoảng cách giữa các phần tử */
}

.rank-math-breadcrumb .last {
    font-weight: normal; /* Làm nhạt tiêu đề cuối */
    color: #20b1aa; /* Sử dụng màu xanh đậm cho tiêu đề cuối */
}


.entry-content ul{
margin: 5px 30px;
}



.block-title{background: url("/wp-content/uploads/2018/06/line.png") no-repeat 50% 100%;     padding: 15px 0 20px; margin-bottom:20px}

.box-text .button{font-weight: normal;

    text-transform: none;

    font-size: 13px;

    border-radius: 4px;}

.cau-chuyen .row .col .post-item .box-text {background: linear-gradient(to right, rgb(21, 105, 83), #0f943e, rgb(119, 176, 38), rgb(78, 154, 0));}

.cau-chuyen .row .col .post-item .box-text p{font-size: 15px;

    color: #97d851;}

.post-item .box-text .post-title{

    margin-bottom: 10px;

    font-family: "UTM Avo", sans-serif;

    text-transform: uppercase;

    font-size: 15px;

    line-height: 23px;}

.box-blog-post .is-divider{display:none}

.cau-chuyen .row .col .post-item .post-title{margin-bottom: 30px;

    color: white;

    font-family: "UTM Avo", sans-serif;

    text-transform: uppercase;

    font-size: 17px;

    line-height: 24px;}

.video .row .col .post-item .box-text{border-bottom: 5px solid #419a00;

    padding-bottom: 3px; text-align:center}

.khuyen-mai .row .col .post-item .box-vertical{    border-bottom: 5px solid #419a00;}

.footer2-nav ul{margin-bottom: 0;max-width: 1200px; margin: 0 auto}

.footer2-nav{display: flex;

    border-top: 2px solid #20b1aa;

    margin-bottom: 0;

    background:#1a8065}

.footer2-nav ul li{float: left; list-style: none; margin-bottom:0}

.footer2-nav ul li a{padding-left: 15px;

    line-height: 40px;

    color: #ffffff;

    font-family: "UTM Avo", sans-serif;

    font-weight: normal;

    padding-right: 15px;

    font-size: 13px;

    text-transform: uppercase;}

.footer2-nav ul li a:hover{background: #20b1aa;     padding-top: 10px; padding-bottom: 10px;}

.footer-section .cot4 .sidebar-wrapper .widget_nav_menu{margin-left:0}

.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li{    list-style: square;

    color: #419a00;}

.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li a{font-size: 14px; color:white}



.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li a:hover{color: #d8d8d8}

.nhan-tin .row .col, .entry-header-text{padding-bottom: 0}

.nhan-tin .row .col p, form{margin-bottom:0}

.nhan-tin .form-flat input:not([type="submit"]){    border-radius: 4px;

    background-color: rgb(255, 255, 255);

    border-color: rgb(65, 154, 0);}

.nhan-tin input[type='submit']:not(.is-form){border-radius: 4px;

    background: #419a00;

    text-transform: none;

    font-weight: normal;

}

.tin-tuc .post .cot1 .post-item .post-title{margin-bottom:10px; font-size: 20px; text-transform:uppercase; line-height:32px}

.tin-tuc .post .cot2 .col{padding-bottom:19px}

.tin-tuc .post .cot1 .post-item .box-text{padding-left:10px; padding-right:10px}

.tin-tuc .row .col, .tin-tuc .post .cot1 .post-item .box-text, .tin-tuc .post .col{padding-bottom:5px}

.tin-tuc .post .post-item .box-text{background:white; padding-left:5px; padding-right:5px; padding-bottom:2px}

.cau-hoi .accordion-title.active, .accordion-title{font-family: "UTM Avo", sans-serif;

    font-weight: bold;

    color: #ffffff;

    background: #20b1aa;

    margin-bottom: 7px;}

.accordion-inner{   background: #419a00;

    margin-bottom: 7px;

	color: white;}.accordion-title span, .toggle i{color:white;    font-size: 15px;

    text-transform: uppercase;}

.menu-floatright {

    width: 100px;position: fixed;

    top: 35%;

    right: 0;

    z-index: 99999

}

.menu-floatright #toggle_social {

    position: absolute;

    right: 0px;

}

.menu-floatright ul {

    padding: 0;

}

.menu-floatright #toggle_social ul li {

    position: relative;

    border-radius: 3px;

    border: 1px solid #fff;     list-style: none;

    margin-bottom: 10px;

}

.menu-floatright #toggle_social ul li img {

    width: 57px;border-radius: 5px;

}

.menu-floatright #toggle_social ul li .toggle_social-des {

    font-size: 9px;

    text-align: center;

    color: #fff;

    position: absolute;

    width: 90%;

    left: 5%;

    bottom: 5%;

    margin-bottom: 0;

}

.menu-floatright #back_to_top {

    border: 1px solid #fff;

    width: 57px;

    height: 57px;

    background: #F7C15F;

    border-radius: 5px;

}

.menu-floatright #back_to_top a {

    display: block;

    text-align: center;

    color: rgb(255, 255, 255);

    width: 100%;

    height: 100%;

    font-size: 26px;

}

.menu-floatright #toggle_social ul li .toggle_social-des {

    font-size: 9px;

    text-align: center;

    color: rgb(255, 255, 255);

    position: absolute;

    width: 90%;

    left: 5%;

    bottom: 5%;

    margin-bottom: 0px;

}

.hidden-lg {

    display: none !important;

}

.menu-floatright .click-toggle_social {

    width: 30px;

    height: 30px;

    color: rgb(255, 255, 255);

    font-size: 24px;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 0px;

    top: -40px;

    background: rgb(255, 204, 76);

    border-radius: 5px;

    transition: all 1s ease;

}

.blog-single .article-inner .entry-image img, .blog-single .badge.post-date{display:none;}

.blog-single .article-inner .is-divider{height: 1px;    max-width: 100%;}

.duong_dan_breadcrumb{display: block; margin-bottom:10px}

.duong_dan_breadcrumb #crumbs{margin-bottom:0}

.duong_dan_breadcrumb #crumbs li{color: gray; display: inline-block; font-size: 14px;margin-bottom: 0;

    list-style: none;}

.duong_dan_breadcrumb #crumbs li a{    color: #419a00;font-size: 14px;padding-right: 5px}

.duong_dan_breadcrumb span{display: inline-block;

    font-size: 14px;

    color: #999;

    line-height: 1;

padding-right: 7px;}

.duong_dan_breadcrumb li a {

    display: inline-block;

    white-space: nowrap;

    font-size: 14px;

    color: #288ad6;

    padding: 0 10px 0 0;

}

.info-tieu-de{margin-top: 10px;

    font-size: 14px;

    color: #8a8a8a;}

.meta-date-capnhat, .luot-xem{padding-right:13px}

.info-tieu-de a{color: gray}

.meta-related a{font-size: 15px; color:#419a00}

.entry-content{padding-top: 15px}

footer.entry-meta{font-size:15px}

footer.entry-meta a{color: #419a00}

footer.entry-meta .bottom-post-tag {

    display: block;

    margin-top: 10px;

}

footer.entry-meta .bottom-post-tag a {background: #419a00;

    padding: 5px 10px;

    border-radius: 4px;

    color: white;

}

footer.entry-meta .bottom-post-tag a:hover {

    background: #fac100;

	color: #b20000;}

.title-post-lien-quan {

    margin-top: 15px;

}

.list-news {

    display: inline-table;

}

.list-news li:first-child {

    width: 22%;

    margin-right: 15px;

    float: left;

    list-style: none;

    margin-left: 0;

}

.list-news li {

    width: 22%;

    margin-left: 15px;

    margin-right: 14px;

    float: left;

    list-style: none;

}

.list-news li:nth-child(4n+4) {

    width: 22%;

    margin-left: 15px;

    float: right;

    list-style: none;

    margin-right: 0;

}

.list-news li .item-list h4 {

    margin-top: 10px;

    line-height: 19px; font-size: 14px; font-family:"UTM Avo", sans-serif; font-weight: bold

}

.list-news .item-list h4 a{color: black;}

.blog-wrapper .large-8{padding-right:10px}

.blog-wrapper .large-4{padding-left:10px}

.article-inner .entry-content .row{margin-left:0; margin-right:0}

.section-slider, .section-body{padding-right:0 !important; padding-left: 0!important}

.section-body .cot4 .tieu-de{height: 40px;

    background: #20b1aa;

    padding-left: 10px;

    color: white;

    padding-top: 9px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;}

.section-body .cot4 .sidebar-wrapper {

    background: #e3efcd;

}

.section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li {

    list-style: circle;

    color: green;margin-left: 10px;

}

.form-lien-he{margin-bottom:20px;

    text-align: center;

    margin-top: 9px;

    border-radius: 4px;

    background:#20b1aa; padding:20px}

.wpcf7 .wpcf7-form-control-wrap{text-align: left;}

.form-lien-he h3, .form-lien-he .wpcf7-list-item-label{color: white}

.form-lien-he input[type='submit']:not(.is-form) {

    margin: 0; border-radius: 4px; margin-top: 5px;

	background: #20b1aa;
}

.section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li a{color:#20b1aa}

.section-body .cot4 .tieu-diem .post-item {

    margin-right: 8px;

    padding-bottom: 0;

    margin-left: 8px;

    padding-top: 5px;

}

.section-body .cot4 .tieu-diem .post-item .box-text{padding-right:5px}

.section-body .cot4 .tieu-diem .post-item .box-text .post-title {

    font-size: 14px;

    font-weight: bold; font-family:"UTM Avo", sans-serif;text-transform:none;
}

.table-responsive {

    min-height: .01%;

    overflow-x: auto;

}.table-bordered {

    border: 1px solid #ddd;

}.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px;

}.table-price thead > tr > th {

    background-color: #ffbe02;

    padding: 20px 20px 20px 0 !important;

    color: #a9410f;

    text-transform: uppercase;

    border: 0 !important;

}.table-price thead > tr > th {

    background-color: #ffbe02;

    padding: 20px 20px 20px 0 !important;

    color: #a9410f;

    text-transform: uppercase;

    border: 0 !important;

}.table-price thead > tr > th span {

    border-left: 2px solid #fff;

    padding-left: 20px !important;

}.table-title-level01 {

    background-color: #fedf67;

    color: #a9410f;

    text-transform: uppercase;

    font-weight: 500;

    border: 0 !important;

    padding-left: 0px !important;

}.section-bang-gia .table-title-level01 td {

    border: 0;

}.section-bang-gia .table-bordered td {

    padding: 14px 0 14px 30px;

    vertical-align: middle;

}.table-title-level01 td span {

    padding-left: 0px !important; display:block; color: black

}.table-td1 {

	font-weight: bold;}

.table-bordered {

    border: 1px solid #ddd;

}.tb-text-align {

    text-align: center;

    padding: inherit !important;

}.table>tbody>tr>td{line-height: 25px;}.table-title-level02 {

    background-color: #fff3cb;

    color: #a9410f;

    text-transform: uppercase;

    font-weight: 500;

}.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-right: 1px solid #ececec;

     padding-left:8px

}

.page-khuyen-mai .post-item .box-text .post-title{margin-bottom:10px}

.page-khuyen-mai .post-item .col-inner:hover{    border-bottom: 5px solid #fae600;}

.page-khuyen-mai .post-item .col-inner{    border-bottom: 5px solid #f7f7f7;}

.page-inner p, .article-inner p{line-height:28px}

.page-inner h2, .article-inner h2{font-size:18px}

.page-wrapper .accordion .accordion-item .accordion-title {font-size:15px;    font-family: "UTM Avo",sans-serif;

    font-weight: bold;}

.box-text p{   color: #419a00}

.tin-tuc .post-item .box-text .post-title{font-size:14px ; line-height:21px ;padding-bottom:5px; text-transform:none}.footer-secondary {

    padding: 0;

}

.footer-section .col{padding-bottom:0}

.header:not(.transparent) .header-bottom-nav.nav > li > a {font-weight:normal;

    background: linear-gradient(to right, #d3a769, #f0e1b5, #fdc982); /* Gradient cho chữ */
    -webkit-background-clip: text; /* Áp dụng gradient cho chữ */
    color: transparent; /* Làm cho màu chữ trong suốt, chỉ còn gradient */
    text-decoration: none; /* Xóa gạch chân */
    transition: background 0.3s ease; /* Hiệu ứng chuyển đổi khi hover */
    text-transform: uppercase;
    font-size: 13px;
}

.duong_dan_breadcrumb #crumbs {

    margin-bottom: 0;

    background: #e3efcd;

    padding: 5px 10px;

    color: white;

    border-radius: 4px;

}
#secondary .section-slider{padding-top:0; padding-bottom:0}.is-divider{height: 1px;    max-width: 100%}

.html-before-comments .post-item{padding-bottom:0}


.header:not(.transparent) .header-bottom-nav.nav > li > a{font-size: 14px;}


section.dich-vu .flickity-slider > * {
    max-width: 33%;
}

section.dich-vu .section-content .box-image{
    max-height: 250px; /* Chiều cao khung */
    overflow: hidden; /* Ẩn phần hình ảnh vượt quá khung */
    position: relative;
}

section.dich-vu .section-content .box-image img {
   width: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    height: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    object-fit: cover; /* Duy trì tỷ lệ hình ảnh và cắt phần thừa */
    object-position: center; /* Căn giữa hình ảnh trong khung */
}

section.dich-vu .section-content .box-text{
    height: 250px;
    overflow: hidden;
    position: relative;
    text-align: center; /* Căn giữa ngang */
}

section.dich-vu .section-content .box-text .box-text-inner {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin: 0;
}


section.tai-sao .section-content .box-image{
    width: 525px; /* Chiều rộng khung */
    height: 350px; /* Chiều cao khung */
    overflow: hidden; /* Ẩn phần hình ảnh vượt quá khung */
    position: relative;
}

section.tai-sao .section-content .box-image img {
   width: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    height: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    object-fit: cover; /* Duy trì tỷ lệ hình ảnh và cắt phần thừa */
    object-position: center; /* Căn giữa hình ảnh trong khung */
}

section.tai-sao .section-content .box-text{

    height: 70px;
    overflow: hidden;
    position: relative;
    text-align: center; /* Căn giữa ngang */
}

section.tai-sao .section-content .box-text .box-text-inner {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin: 0;
}


section.slider-nhan-xet .section-content .icon-box .icon-box-img{
    width: 150px !important; /* Chiều rộng khung */
    height: 150px; /* Chiều cao khung */
    overflow: hidden; /* Ẩn phần hình ảnh vượt quá khung */
    position: relative;
    margin: 0 auto;
}

section.slider-nhan-xet .section-content .box-image img {
   width: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    height: 100%; /* Đảm bảo hình ảnh lấp đầy khung */
    object-fit: cover; /* Duy trì tỷ lệ hình ảnh và cắt phần thừa */
    object-position: center; /* Căn giữa hình ảnh trong khung */
}

section.slider-nhan-xet .section-content .icon-box-text{
    overflow: hidden;
    position: relative;
    text-align: center; /* Căn giữa ngang */
}

section.slider-nhan-xet .section-content .box-text .box-text-inner {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin: 0;
}


.slider-top{
    width: 100%;
    height: calc(100vh - 166px);
   overflow: hidden;
}

.slider-top .img-inner > img {
    width: 100%; /* Make the image fill the full width */
    height: 100%; /* Make the image fill the full height */
    object-fit: cover; /* Ensure the image covers the area without stretching */
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.slider-top{
    height: calc(50vh - 70px);
}

section.dich-vu .flickity-slider > * {
    max-width: 100%;
}

section.dich-vu .section{
    padding: 0;
}

section.tai-sao .section-content .box-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.menu-floatright{display:none}

.tin-tuc .row .cot2 .post-item .box-image{width: 25%; float: left}

.tin-tuc .row .cot2 .post-item .box-text{width: 75%; float: left; padding-left:5px}

.tin-tuc .row .cot2 .post-item .box-text .post-title{font-size:14.8px}

.cau-chuyen .row .col .post-item .box-text{padding-left:10px;padding-right:10px}

.nhan-xet .icon-box-left .icon-box-img{max-width:100%;width:100% !important}

.nhan-xet .icon-box-left .icon-box-img+.icon-box-text{padding-left:0;}

.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li{margin-left:20px}

.list-news li:first-child, .list-news li, .list-news li:nth-child(4n+4) {width:100%; margin-left:0 !important; margin-right: 0 !important}

.list-news .new-img{width:25%; float: left}

.list-news .item-list{width: 75%; float: left; padding-left: 5px}

}



.mobile-hotline{display:none}

 

.hotline {position: fixed;

    left: 10px;

    bottom: 10px;

    z-index: 9000;

    display: block;

    background: #419a00;

    color: white;

    padding-top: 5px;padding-bottom:5px; padding-left:12px; padding-right: 12px;

    border-radius: 99px; font-family:"UTM Avo", sans-serif;}

.hotline .hotline-number{font-size:20px; font-family:"UTM Avo", sans-serif; color: white; font-weight: bold}

 

@media  (max-width: 767px) {

 

    .hotline{

 

        display :none;

 

    }

.mobile-hotline{display: block; bottom: 0; width: 100%; background:rgba(0,0,0,0.5); height: 60px; position: fixed; z-index:9999999}

.mobile-hotline .mobile-hotline-left{width: 45%; float: left; text-align: center; background: #00a502; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}

.mobile-hotline .mobile-hotline-left a{color: white; line-height: 46px; font-size:16px; font-weight: bold}

 

.mobile-hotline .mobile-hotline-right{width: 45%; float: right; text-align: center; background: #fac100; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}

.mobile-hotline .mobile-hotline-right a{color: red; line-height: 46px; font-size: 16px; font-weight: bold}

}