/*
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.   ***************/
/* ===============================
   PRELOADER – WHITE BACKGROUND
   LOGO PULSE (SMOOTH + SLOW)
   LOADING LINE (BURGUNDY)
   =============================== */

#site-preloader{
  position: fixed;
  inset: 0;
  background: #ffffff; /* nền trắng */
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .5s ease, visibility .5s ease;
}

#site-preloader.hide{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader-inner{
  text-align: center;
}

/* ===== LOGO ===== */
.preloader-logo{
  width: 180px;
  height: auto;
  margin: 0 auto 22px;
  display: block;

  /* pulse mượt & chậm */
  animation: logoPulse 2.2s cubic-bezier(.4,0,.2,1) infinite;
  transform-origin: center;

  filter: drop-shadow(0 6px 18px rgba(0,0,0,.10));
}

/* nhẹ nhàng hơn: biên độ nhỏ */
@keyframes logoPulse{
  0%   { transform: scale(1);    opacity: 1; }
  50%  { transform: scale(0.96); opacity: 0.98; }
  100% { transform: scale(1);    opacity: 1; }
}

/* ===== LOADING LINE ===== */
.preloader-line{
  width: 220px;
  height: 3px;
  background: rgba(0,0,0,.10); /* nền thanh xám nhạt */
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

/* vệt chạy: đỏ đô */
.preloader-line::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background: #7a0c1a; /* đỏ đô (anh đổi nếu muốn) */
  animation: loadingMove 2.4s infinite cubic-bezier(.4,0,.2,1); /* chậm & mượt */
}

@keyframes loadingMove{
  0%   { left:-40%; }
  100% { left:100%; }
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .preloader-logo{ width: 140px; }
  .preloader-line{ width: 180px; }
}



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


}