/* Professional Color Scheme for Edo Youth Conference 
   This CSS overrides the default theme colors with a more professional palette
*/

:root {
  /* Professional Color Palette */
  --theme-color1:#4e783a; /* Deep navy blue instead of bright pink */
  --theme-color2: #50f205; /* Muted gold instead of bright yellow */
  --theme-color3: #46783a; /* Medium blue instead of bright purple */
  --theme-color4: #2b6603; /* Deep teal instead of bright orange */
  --theme-color-light: #ffffff;
  --theme-color-dark: #13293d;

  /* Gradient Backgrounds */
  --gradient-primary: linear-gradient(135deg, #278c1a, #609534);
  --gradient-secondary: linear-gradient(135deg, #0f6603, #2a7e10);
  --gradient-accent: linear-gradient(135deg, #34f205, #05f211);
}

/* Button Styling */
.btn-style-one.bg-yellow {
  background-color: var(--theme-color2);
}

.btn-style-one.bg-pink {
  background-color: var(--theme-color1);
}

.btn-style-one.bg-blue {
  background-color: var(--theme-color3);
}

.btn-style-one.bg-orange {
  background-color: var(--theme-color4);
}

/* Section Backgrounds */
.feature-section-two,
.why-conference-matters-section {
  background-color: #f8f9fa !important;
}

.governor-section,
.federal-vision-section {
  background-color: #fff !important;
}

/* Mission Statement Box */
.mission-statement {
  background: var(--gradient-primary) !important;
}

/* Footer and Header */
.footer-style-three {
  background-color: var(--theme-color-dark);
}

/* Subtitle Colors */
.sec-title .sub-title {
  color: var(--theme-color1);
}

/* Feature Blocks */
.feature-block .inner-box {
  transition: all 0.3s ease;
}

.feature-block .inner-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Override any artistic animations with more subtle ones */
.bounce-y,
.bounce-x {
  animation-duration: 6s;
}

/* Conference purpose blocks */
.conference-purpose-block {
  background-color: #fff;
  transition: all 0.3s ease;
}

.conference-purpose-block:hover {
  background-color: #f8f9fa;
}

/* Federal Program Blocks */
.federal-program-block .inner-box {
  border: 1px solid #eaeaea;
}

.federal-program-block .inner-box.active {
  border-color: var(--theme-color2);
}