* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none !important;
  outline: none !important;
}
.ast-container,
.ast-container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
}
.ast-header-break-point
  #masthead
  .ast-mobile-header-wrap
  .ast-primary-header-bar {
  padding-left: 0px;
  padding-right: 0px;
}
.ast-plain-container.ast-no-sidebar #primary {
  margin-top: 0px;
  margin-bottom: 10px;
}
/* ----GLOBAL--- */
.section-padd-lg {
  padding: 0 15px;
}
.btn-tag-sm {
  border: 1px solid black;
  display: flex;
  align-items: center;
  color: #000000;
  gap: 5px;
  padding: 8px 10px;
}
.btn-tag-sm .btn-tag-sm-dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  padding: 2px;
  background-color: #770102;
}
/* -------- */

/*  HEADER */
header.site-header {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #ffffff0d;
  backdrop-filter: blur(20px);
}
header .site-branding {
  padding: 0.3rem !important;
}

header .site-branding .site-logo-img {
  padding: 0 !important;
}
header .site-branding .site-logo-img img {
  /* border-radius: 100%; */
}
header .menu-item.current-menu-item a {
  color: #b88960 !important;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
  background: #fff7ed;
  background: #f8f7f3;
}
.woocommerce-js ul.product_list_widget li img {
  border: 1px solid #e3c9ae;
  padding: 3px;
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* PAGES */
/*< LENIS >*/
.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
/*< LENIS />*/

/* HOMEPAGE */
/* Smooth scroll */

/* ABOUT */
.about-content-wrap {
  /* height: 100vh; */
  padding: 8rem 0rem;
  width: 100%;
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  gap: 10px;
}
.about-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-content-tag {
  width: 25%;
  align-self: flex-start;
  display: flex;
  justify-content: center;
}
.about-content-img-wrap {
  width: 35%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.about-content-img-wrap img {
  width: 25%;

  object-fit: cover;
  border-radius: 8px;
}
.about-content-text-wrap {
  width: 30%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-around; */
}
.about-content-text-wrap {
  height: 100%;
}
.section-title-xl {
  font-size: 2rem;
  font-weight: 500;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #211d235c;
}
.about-glimps-description {
  /* text-align: justify; */
  margin-bottom: 0;
  padding-right: 1rem;
}

/* WORK GLIMPSE SECTION */
.work-glimpse-section {
  /* height: 80vh; */
}
.work-glimpse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.audio-controller-btn-wrap {
  display: flex;
  border: 1px solid #c4c4c457;
  align-items: center;
  padding: 3px 12px;
  width: 120px;
  transition: 0.8s linear;
  border-radius: 1px;
}
.audio-controller-btn-wrap:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.audio-controller-btn-wrap .icon {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  justify-content: space-between;
  text-transform: uppercase;
}
/* ---------- TITLE ---------- */
.section-title-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.section-title-nm {
  text-transform: uppercase;
  font-size: 1rem;
}
.point-circle {
  width: 15px;
  height: 15px;
  background-color: #770102;
}

/* ---------- LAYOUT ---------- */
.album-cards-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 3rem 0;
}

/* ---------- ALBUM ---------- */
.album-card {
  width: 30%;
  position: relative;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.album-covr-texture {
  position: relative;
}
.album-covr-texture::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2025/12/album-plastic-text.png");
  background-size: cover;
}

.album-vinyl-wrap {
  position: absolute;
  inset: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.album-vinyl {
  position: absolute;
  width: 90%;
  height: 90%;
  right: -10%;
  transition: 0.5s ease-in-out;
}

/* vinyl slide on hover */
.album-card:hover .album-vinyl {
  right: -50%;
}
.album-vinyl.out {
  right: -50%;
}
/* vinyl spin on click */
.album-vinyl.spin {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ---------- SOUND WAVE ---------- */
.wave-wrapper {
  width: 100%;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.sound-wave {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bar {
  flex: 1;
  max-width: 1.3px;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(147, 146, 146, 0.35),
    rgb(177, 172, 172),
    #ededed
  );
  border-radius: 1px;
  opacity: 0.45;

  transform-origin: center;
  transform: scaleY(var(--min));

  animation: wave 1s ease-in-out infinite alternate;
  animation-play-state: paused;
}

@keyframes wave {
  from {
    transform: scaleY(var(--min));
  }
  to {
    transform: scaleY(var(--max));
  }
}

/* ---------- PLAY BUTTON ---------- */
.work-glimpse-cont-wrap {
  position: relative;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: space-around;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.click {
  cursor: pointer;
  user-select: none;
}
/* - */

/* .circle {
  position: absolute;
  border: solid 1px #ccc;
  width: max-content;
  height: max-content;
  opacity: 0;
  color: rgb(246, 246, 246);
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 3;
  background-color: #770102;
 
} */

.circle.active {
  opacity: 1;
}

/* STREAM */
.stream-social-media-wrap {
  position: absolute;
  background: white;
  background: #211d23;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px;
  left: -5%;
}

.event-glimpse-header-text {
  color: #ffffff;
  position: relative;
  backdrop-filter: blur(20px);
  /* background-color: #ffffff0d; */
  padding: 10px 30px;
}
/* TICKETS */

/* ----------------- */