/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 13:21:13 */
/*
  TITLE:
            KMP Animated Hero Background
  VERSION:  
            0.1.0
  CREATED:   
            Monday, 10th November 2025, 7:43:37 am
  AUTHOR:  
            Kingsley Chimezie
            Founder and Lead Developer @ Kingsley Media Productions
  URL:    
            https://kingsley.ie
  REQUIRES:
            - Custom CSS & JS support in your theme or plugin

  Copyright © 2025 - Present, Kingsley Chimezie - Kingsley Media Productions (KMP). All Rights Reserved.
*/ 

/* 2025.11.07 - Kingsley */

/* Option 1: Smooth Gradient Animation (Elegant & Modern) */
.kmp-hero-bg {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #212121, #2f4f4f, #13111c, #151515);
  background-size: 400% 400%;
  animation: gradientFlow 18s ease infinite;
  color: #fff;
  overflow: hidden;
}

@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

  AUTHOR:  
            Kingsley Chimezie
            Founder and Lead Developer @ Kingsley Media Productions
  URL:    
            https://kingsley.ie
  REQUIRES:
            - cUstom CSS & JS support in your theme or plugin

  Copyright © 2025 - Present, Kingsley Chimezie - Kingsley Media Productions (KMP). All Rights Reserved.
*/ 

/* 2025.11.07 - Kingsley */

/* Option 1: Smooth Gradient Animation (Elegant & Modern) */
.bky-hero-bg {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #212121, #2f4f4f, #13111c, #151515);
  background-size: 400% 400%;
  animation: gradientFlow 18s ease infinite;
  color: #fff;
  overflow: hidden;
}

@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}