/*
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.   ***************/
.back-to-top.active {background: #1e73be;color: #fff;border:0}
.searchform .button.icon i{color:#1e73be}
input#woocommerce-product-search-field-0 {border:1px solid #1e73be}
.form-flat input:not([type="submit"]) {border-radius: 4px;font-size: 15px;background-color:#fff}
#mega-menu-wrap {background:#B36829;display:block;width:90%}
#mega-menu-title{text-transform:uppercase;font-weight:600}
.block-tabs .nav > li > a {font-size: 1.25em !important}
.product-small.box:hover{border:1px solid #88be4c}
.related.related-products-wrapper.product-section .product-small .col-inner {box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)}
.box-thongtin {display: block;position: relative;overflow: hidden;width: 100%;border: 1px dashed #f7aa23;padding: 10px;border-radius: 5px;background-color: #f7aa2317;text-align:center}
.tab-panels .entry-content,.entry-content {text-align:justify}
h1.entry-title,h1.shop-page-title.is-xlarge,.page-title {font-size: 20px}
.entry-content h2 {font-size:18px;font-weight:600;color: #1e73be}
.entry-content h3 {font-size:16px;font-weight:600;color: #1e73be}
.entry-content h4 {font-size:16px}
.entry-image.relative{display:none}
.entry-header-text-top{padding-bottom:0}
.entry-author.author-box,nav#nav-below {display:none}
p#breadcrumbs{font-size: 13px;display: block;color: #1e73be}
.breadcrumbs,.breadcrumbs a{color:#1e73be;font-size:13px;font-weight:500}
.breadcrumbs a:hover{color:#f7aa23}
.block-tintuc .is-divider {display:none}
.box-blog-post .is-divider {display: none}
p.from_the_blog_excerpt{margin-top:10px;text-align:justify}
.block-tintuc .post-title {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.block-tintuc  p.from_the_blog_excerpt {text-align:unset}
h5.post-title.is-large {color: #000;font-size:15px}
box-text-inner blog-post-inner h5.post-title.is-large {color: #000;font-size:15px}
p.name.product-title.woocommerce-loop-product__title, span.product-title,.recent-blog-posts a{font-size:15px;font-weight:600}
#dat-hang input:focus { outline: none !important;border-color: #1e73be;box-shadow: 0 0 10px #1e73be;}
#dat-hang textarea:focus { outline: none !important;border-color: #1e73be;box-shadow: 0 0 10px #1e73be;}
#dat-hang .wpcf7 textarea::-webkit-input-placeholder {color:#fff !important}
.woocommerce-tabs .nav > li > a {font-size:16px;font-weight:600;color:#000}
.widget ul {font-size: 15px;font-weight: 600}
.absolute-footer.dark {color:#fff}
cite.strong.fn{font-style:normal}
time.pull-left, p.comment-form-url{display:none}
span.edit-link.ml-half.strong{margin-left:0}
.comment-content p {margin-bottom: 0.5em;font-size:14px;line-height:1.5em}
/*Custom css related posts*/
.box-text p.related-title a {font-weight:600;font-size:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
p.related-excerpt {font-size: 13px;margin-top:10px}
.related.related-products-wrapper.product-section {margin-bottom: 60px}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {margin-left: 0;color:#0677d7;border-bottom: 2px solid #0677d7;width: 100%;max-width: 100%;display: block;overflow: hidden;padding-bottom: 10px;margin-bottom: 20px}
.related .is-divider.small{height:2px;background-color:#b36829;margin-top:-22px;max-width:20%}
/*Custom Plugin Mua hàng nhanh*/
a.devvn_buy_now_style {max-width:100%}
a.devvn_buy_now_style,a.devvn_buy_now_style:hover,a.devvn_buy_now_style:focus,.devvn-popup-title,.customer_coupon_field button.apply_coupon,.popup-customer-info-group .devvn-order-btn {background: -webkit-linear-gradient(top,#88be4c,#6CA130)}
.customer_coupon_field button.apply_coupon {border: 1px solid #1e73be}
.popup-customer-info-radio label input:checked ~ span:before {border: 1px solid #1e73be}
.popup-customer-info-radio label input:checked ~ span:after{background: #1e73be;border: 1px solid #1e73be}
/*Custom CTA button*/
.block-cta {display: inline-flex;width: 100%;position: relative;overflow: hidden}
.block-cta .col{padding-bottom:0}
.chat-facebook {background: #4867AA!important;color:#fff!important}
.chat-zalo {background: #0065F7!important;color:#fff!important}
.mua-le {background: #f7aa23!important;color:#fff!important}
.mua-si {background: #ff0000!important;color:#fff!important}
/*Custom title*/
.section-title-normal span {border-bottom: 2px solid #b36829}
.section-title-normal {border-bottom: 2px solid #2d88d5}
/*Menu icon*/
img._mi._before._image {height:16px;width:16px}
/*Widget title*/
span.widget-title {width:100%;display:block;border-bottom:2px solid #226ac8;padding-bottom:10px;color: #fd0a0a;font-size:20px}
.widget .is-divider {margin-top:-2px;background:#b36829;height:2px}
/*Change css price*/
span.amount {color:#ff0000}
p.price.product-page-price{font-size:20px}
ul.product_list_widget span.amount{font-size:15px}
/*CSS Box Khuyến mãi*/
.khuyen-mai{
border: 1px solid #ffdb97;
padding: 8px;
font-size: 14px;
border-radius: 4px;
margin-bottom: 15px;
line-height: 18px;
background: #fffbf4;
}
.khuyen-mai h4{
color: red;
}
.khuyen-mai ul{
margin-bottom:0
}
.khuyen-mai ul li {
list-style: none;
background: url(/wp-content/uploads/check.png);
background-repeat: no-repeat;
background-size: 14px;
background-position-y: 2px;
padding-left: 22px;
margin-left: 0;
margin-bottom: 10px;}
/*CSS CTA button*/
.cta-phone-mobile {display: none}
.giuseart-nav {
    position: fixed;
    right: 13px;
    background: #2d88d5;
    border-radius: 99px;
    width: auto;
    z-index: 9999;
    padding: 10px 0;
    border: 1px solid #2d88d5;
	bottom:27%;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0}
.giuseart-nav ul li {list-style: none!important;border-bottom:1px solid #2d88d5}
.giuseart-nav ul li:last-child {border-bottom:0;margin-bottom:0}
.giuseart-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 500;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
	color:#fff
}
.giuseart-nav ul>li .chat_animation{display:block}
.giuseart-nav ul>li a i.ticon-zalo-circle {
    background: url(/wp-content/uploads/zalo.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
}.giuseart-nav li .button {
    background: transparent;
	
}.giuseart-nav ul>li a i.ticon-home {
    background: url(/wp-content/uploads/home.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
}.giuseart-nav ul>li a i.ticon-top {
    background: url(/wp-content/uploads/top.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
}.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.giuseart-nav ul li .button .btn_phone_txt {
    position: relative; top:24px;
    font-size: 10px;
    font-weight: 500;
    text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 30px;
    font-size: 26px;
    margin-top: 12px;
}.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.giuseart-nav ul>li a i.ticon-messenger {
    background: url(/wp-content/uploads/facebook.png) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: block;
}.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 10px;
}
.giuseart-nav ul>li a i.ticon-order {
    background: url(/wp-content/uploads/cart.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
}
.giuseart-nav ul>li a i.icon-phone-w {
    background: url(/wp-content/uploads/call.png) no-repeat;
    background-size: contain;}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}
@media only screen and (max-width: 600px){
.giuseart-nav li .chat_animation{display:block !important}
 
.giuseart-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #ff0000;
    line-height: 15px;
    border: 1px solid #2d88d5;
}
.giuseart-nav ul>li a{padding:0; margin:0 auto}
.giuseart-nav {
    background: #2d88d5;
    width: 100%; border-radius:0;
    color: #fff;
    height: 50px;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #5eb509;
	font-weight:500
}
.giuseart-nav ul li {border-bottom:0}
.giuseart-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.cta-phone-mobile{display:block !important}}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
p.comment-form-author, p.comment-form-email {width: 49.2%;display: inline-block;}

}