/*
Theme Name: PUNO
Description: Vui lòng không xóa giao diện này
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

.post-sidebar.large-3.col {
    padding: 0px 10px;
}

#logo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}


/* === Hiệu ứng ánh sáng nghiêng lướt qua logo === */
/* Tác giả: GIUSEART.com | Tối ưu và làm mượt bởi ChatGPT */

#logo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}

/* Hai vệt sáng nghiêng */
#logo::before,
#logo::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: skewX(-25deg) translateY(-50%);
  width: 40px;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

/* Vệt sáng từ trái qua phải */
#logo::before {
  left: -50%;
  animation: light-left 5s infinite ease-in-out;
}

/* Vệt sáng từ phải qua trái */
#logo::after {
  right: -50%;
  animation: light-right 5s infinite ease-in-out;
}

/* Hiệu ứng chuyển động ánh sáng */
@keyframes light-left {
  0% {
    left: -50%;
    opacity: 0;
  }
  40% {
    left: 50%;
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}

@keyframes light-right {
  0% {
    right: -50%;
    opacity: 0;
  }
  40% {
    right: 50%;
    opacity: 1;
  }
  100% {
    right: 120%;
    opacity: 0;
  }
}