/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-small .title-wrapper .product-title {min-height:60px !important;}
}
@media only screen and (min-width: 48em) { 
	.single-product .product-main .product-gallery {margin-right:50px;}
	}
.full-width .ubermenu-nav, .container, .row {max-width: 1270px !important;}
.menu-item-has-children .nav-dropdown>li>a {color:#000;}
.menu-item-has-children .nav-dropdown>li>a:hover{color:#02a4b9}
.nav-dropdown-default {padding: 15px !important;}
.slider-nav-light .flickity-page-dots .dot {background:#02a4b9 !important;border-color:#02a4b9 !important;    border: 9px !important;height:18px !important; width:18px !important;}
/*body {font-family: 'Quicksand' !important;}*/
.gt .cl2, .ctla .cl2 {border-left: 2px solid #c8c8c8;}
.gt .button span {font-weight:400 !important;}
.r3 .col-inner{border-right: 10px solid #00bed8;padding-right: 20px;}
.product-small .product-title a {    font-size: 18px; color: #000; font-weight: bold;text-transform: uppercase;    padding-top: 10px;}
.product-small .add-to-cart-button a {background: #00bed8;color: #fff;font-size: 15px;font-weight: 500;}
.footer-secondary, #tab-title-reviews {display:none !important;}


/*hiệu ứng hover ánh sáng */
.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}

/* Hiệu ứng thanh ngang */
.ssht .img-inner::before, .gt .img-inner::before, .ldt .ux-logo-link::before {content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; transition: all 500ms ease;     transform: scale(0, 1);}

.ssht .img-inner::after, .gt .img-inner::after, .ldt .ux-logo-link::after{content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -ms-transform: scale(1,0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
transition: all 500ms ease;}

.ssht .img-inner:hover::before, .ssht .img-inner:hover::after, .gt .img-inner:hover::before, .gt .img-inner:hover::after, .ldt .ux-logo-link:hover::before, .ldt .ux-logo-link:hover::after {-webkit-transform: scale(1, 1);}
/* */


.im .img-inner:before {
	content: "";
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 10px solid #00bed8;
        background: #00bed8;
        bottom: -15px;
        z-index: 1;
}
.im .img-inner img {margin-left: 15px;
    position: relative;
    z-index: 9;    padding-bottom: 15px;}
.sl .section-bg-overlay {    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;}
.anc-6310-counter-1-paralax {background-image:none !important;}
.anc-6310-counter-1-common-overlay {background-color: rgb(0 0 0 / 0%) !important;}
.anc-6310-counter-1-count-content-inner:after {background-color: rgb(5 163 185) !important;}
.ttv {position: relative;
    padding: 80px 30px 80px 50px;
    border: 10px solid #fff;
    border-left: 0px;}
.ttv:before {    content: "";
    position: absolute;
    background-color: #fff;
    left: -10px;
	top: -10px;
    width: 10px;
    height: 140px;}
.ctv .ttv:after {content: "";
    position: absolute;
    background-color: #fff;
    left: -10px;
	bottom: -10px;
    width: 10px;
    height: 140px;}
.sl .bg, .ldt .bg {    background-attachment: fixed;
    background-position: center;}

.ssht img {border-radius: 10px;}
.tabtc li.tab {padding:20px;}
.tabtc .tab-panels {background: #fff; padding: 15px;}
.cc {background: url(/wp-content/uploads/2025/06/bkg-banner-section.webp) 50% 0;}
.absolute-footer, .footer-wrapper {border-top: 1px solid #dbdbdb;}
.page-wrapper .entry-title {color:#07a5ba;}
.wpcf7-form-control-wrap input {font-weight: 400 !important;}
.header-language-dropdown .image-icon {padding: 0px 10px !important;}
.header-nav-main .html_top_right_text {font-size: 15px !important; color: #008193; font-weight: bold;}
.flex-left .header-nav-main {justify-content: center !important;}