/*
Theme Name: Suprevo x Volkstuin Lommerrijck
Author: Suprevo - Marco Brok
Author URI: https://www.suprevo.com
Description: A custom WordPress theme for the Volkstuin Lommerrijck website
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suprevo
Version: 0.1.0
*/
/* Add your custom styles below */
.default-section__column {
  align-items: normal;
}

.mb-0 {
  margin-bottom: 0;
}

.buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Sunray Burst Animation */
@keyframes rayBurst {
  0% {
    transform: scale(0);
    transform-origin: center;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
  }
}

/* Logo Scale Animation with Glow */
@keyframes scaleFromCenter {
  0% {
    transform: scale(0);
    opacity: 0;
    filter: drop-shadow(0 0 0px rgba(251, 191, 36, 0));
  }
  50% {
    filter: drop-shadow(0 0 20px rgba(251, 191, 36, 0.6));
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.3));
  }
}

#logo {
  animation: scaleFromCenter 0.8s ease-out forwards;
  transform-origin: center;
  opacity: 0;
}

/* Apply burst animation to all rays simultaneously */
#ray_x5F_1,
#ray_x5F_2,
#ray_x5F_3,
#ray_x5F_4,
#ray_x5F_5,
#ray_x5F_6,
#ray_x5F_7,
#ray_x5F_8,
#ray_x5F_9,
#ray_x5F_10,
#ray_x5F_11,
#ray_x5F_12,
#ray_x5F_13,
#ray_x5F_14,
#ray_x5F_15 {
  animation: rayBurst 0.8s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
  transform-origin: center;
}