/*
Theme Name: BCA + UCT Theme
Description: A child theme of Blankslate
Template: blankslate
Version: 1.0.0
*/

/* Add your custom styles below this line */

#readymade-sections {
  display: none;
}

/* Bell Animation Styles */
#animated-bell {
  transform-origin: center center;
}

#bell-body {
  transform-origin: 63.5px 12px; /* Top center of bell for hanging sway rotation */
}

/* Bell Sway Animation - Subtle rotation left to right */
@keyframes bell-sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
}

/* Sound Lines Pulse Animation - Scale and opacity pulse */
@keyframes sound-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.6;
  }
}

/* Apply animations when 'ringing' class is added */
#animated-bell.ringing #bell-body {
  animation: bell-sway 1s ease-in-out 5;
}

#animated-bell.ringing .sound-line {
  animation: sound-pulse 1s ease-in-out 5;
}

/* Stagger the sound line animations for natural effect */
#animated-bell.ringing .sound-line-left-inner {
  animation-delay: 0s;
  transform-origin: 28px 34px;
}

#animated-bell.ringing .sound-line-left-outer {
  animation-delay: 0.1s;
  transform-origin: 18px 28px;
}

#animated-bell.ringing .sound-line-right-inner {
  animation-delay: 0s;
  transform-origin: 98px 34px;
}

#animated-bell.ringing .sound-line-right-outer {
  animation-delay: 0.1s;
  transform-origin: 108px 28px;
}