/*
Theme Name: LW Customize
Description: This is a child theme for Flatsome Theme Develop by Việt Lâm Coder
Author: Việt Lâm Coder
Template: flatsome
Version: 3.0
*/

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

/* Loading Screen Animation */
#lw-loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	transition: opacity 0.5s ease-out;
}

#lw-loading-logo {
	width: 120px;
	height: auto;
	transform: scale(0.3);
	opacity: 1;
	animation: lw-logo-animation 1.8s ease-out forwards;
}

@keyframes lw-logo-animation {
	0% {
		transform: scale(0.3);
		opacity: 1;
	}
	70% {
		transform: scale(1.8);
		opacity: 1;
	}
	100% {
		transform: scale(2.2);
		opacity: 0;
	}
}

.absolute-footer,
.page-header-excerpt,
.post_comments {
  display: none;
}

/******************************************************************
 * TÙY CHỈNH TỐC ĐỘ HIỆU ỨNG KHI CUỘN TRANG (DATA-ANIMATE)
 * Tăng tốc độ gấp đôi cho các hiệu ứng xuất hiện khi cuộn.
 * Các hiệu ứng khác như menu, hover ảnh, v.v. sẽ giữ tốc độ mặc định.
 ******************************************************************/

/* --- HIỆU ỨNG HOẠT ẢNH (ANIMATION) --- */

/* Tăng tốc độ cho hiệu ứng xuất hiện xen kẽ (stagger) */
.ux-stagger {
    --stagger-duration: 0.25s !important;
}

/* --- HIỆU ỨNG KHI CUỘN TRANG (DATA ANIMATE) --- */
@media(prefers-reduced-motion: no-preference) {

    /* Áp dụng cho các hiệu ứng data-animate chung như fadeInUp, fadeInDown, etc. */
    .slider [data-animate], [data-animate] {
        transition: filter 0.65s, transform 0.8s, opacity 0.35s ease-in !important;
    }

    /* Áp dụng riêng cho các hiệu ứng nảy (bounce) để mượt mà hơn */
    .slider [data-animate=bounceInDown], .slider [data-animate=bounceInLeft], .slider [data-animate=bounceInRight], .slider [data-animate=bounceInUp], [data-animate=bounceInDown], [data-animate=bounceInLeft], [data-animate=bounceInRight], [data-animate=bounceInUp] {
        transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.25s ease-in !important;
    }

    /* Tăng tốc độ khi các item trong slider không được chọn và có data-animated */
    .flickity-slider > :not(.is-selected) [data-animated="true"] {
        transition: transform 0.35s, opacity 0.15s !important;
    }

    /* Tăng tốc độ cho menu có hiệu ứng xuất hiện từng mục */
    .nav-anim > li {
        transition: transform 0.15s, opacity 0.15s !important;
    }
}