/*
Theme Name: Flatsome Child Theme
Description: This is a child theme for Flatsome Theme
Template: flatsome
Version: 3.0
*/
@import "assets/css/default.css";
@import "assets/css/theme.css";

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

/* start footer*/
.ux-menu-link__link {
    color: #fff!important;
}
.back-to-top {
    bottom: 5%!important;
}
/* end*/

/* start thumbnail-banner*/
.thumbnail-slider-text {
    background-color: #9b6a29;
	padding: 15px 0;
}

.text-slider {
    gap: 20px;
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}

.text-slider a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.text-slider a:hover {
    color: #8ec322;
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}
/* end*/

/* start box-share */
.box-text-share {
    height: 45px;
}
.share-component {
    background: #c7ddd3;
}

.text-share-slider {
    animation: scrollText 12s infinite;
}
@keyframes scrollText {
0% {
    transform: translateY(0);
}
15% {
    transform: translateY(-45px);
}
30% {
    transform: translateY(-90px);
}
45% {
    transform: translateY(-135px);
}
60% {
    transform: translateY(-135px);
}
75% {
    transform: translateY(-90px);
}
90% {
    transform: translateY(-45px);
}
100% {
    transform: translateY(0);
}
}
/* end*/

/* start produce-section*/
.produce-section {
background-image: linear-gradient(90deg, #b87f32 0%, #006e3e 50%, #22aa6f 100%);
}
/* start section-prduct*/
.product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Số dòng muốn hiển thị */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-item:hover img {
	transform: rotate(360deg);
    transition: all 1s ease-in-out;
}
.category-item img {
    transition: all 1s ease-in-out;
}
/* end*/

/* start register*/
.register-section {
	background-image: linear-gradient(90deg, #b87f32 0%, #e3ad64 50%, #b87f32 100%);
}
.bg-content-register {
	background-color: #e3ad64;
    background-image: url("http://xuongcartonhc.com/wp-content/uploads/2025/04/bg-form-register-1.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}
/* end*/

.feedback-customer {
	background: url('http://xuongcartonhc.com/wp-content/uploads/2025/04/bg-feadback.jpg') 100% 100% no-repeat;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 8px;
}
/* start contact-section*/
.contact-section {
	background-image: linear-gradient(160deg, #23ab70 10%, #006d3e 60%);
}
/* end*/

/* start page-liên hệ*/
.icon-box-left .icon-box-text{
    padding-left: 5px!important;
}
@media(max-width: 850px) {
    .category-item {
        width: 70%
    }
}