.elementor-kit-4{--e-global-color-primary:#294C7F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#DBB73D;--e-global-color-72f7ed1:#A33417;--e-global-color-40e4124:#26552A;--e-global-color-4a376d6:#294C7F;--e-global-color-e7fc11e:#DBB73D;--e-global-color-f6f4382:#DED5BD;--e-global-color-fc70dc9:#27211C;--e-global-typography-primary-font-family:"Kinship";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kinship";--e-global-typography-accent-font-weight:500;background-color:#000000;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:110%;}.elementor-kit-4 e-page-transition{background-color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-4{--e-preloader-width:220%;}}
/* Start custom CSS *//* Setup the wrapper */
.cinematic-glow, .cinematic-glow-hover {
  position: relative !important; 
  z-index: 1; 
}

/* 
  The invisible orbiting layer. 
  It runs constantly in the background so it never "snaps" on.
*/
.cinematic-glow::after, .cinematic-glow-hover::after {
  content: ""; 
  position: absolute; 
  inset: 0; 
  border-radius: inherit; 
  z-index: -1; 
  pointer-events: none;
  animation: cinematicOrbit 30s linear infinite;
  will-change: opacity;
  transition: opacity 0.8s ease-in-out !important;
}

/* Hover-Only Fade */
.cinematic-glow-hover::after { opacity: 0; }
.cinematic-glow-hover:hover::after { opacity: 1; }

/* Always-On Fade (Dim to Bright) */
.cinematic-glow::after { opacity: 0.2; }
.cinematic-glow:hover::after { opacity: 1; }

/* Smaller, Tighter Orbit Animation */
@keyframes cinematicOrbit {
  0% { box-shadow: 1px 0 0 rgba(255,180,100,0.8), -1px 0 0 rgba(113,173,221,0.8), 4px 0 16px rgba(255,180,100,0.4), -4px 0 16px rgba(113,173,221,0.4); }
  12.5% { box-shadow: 0.7px 0.7px 0 rgba(255,180,100,0.8), -0.7px -0.7px 0 rgba(113,173,221,0.8), 3px 3px 16px rgba(255,180,100,0.4), -3px -3px 16px rgba(113,173,221,0.4); }
  25% { box-shadow: 0 1px 0 rgba(255,180,100,0.8), 0 -1px 0 rgba(113,173,221,0.8), 0 4px 16px rgba(255,180,100,0.4), 0 -4px 16px rgba(113,173,221,0.4); }
  37.5% { box-shadow: -0.7px 0.7px 0 rgba(255,180,100,0.8), 0.7px -0.7px 0 rgba(113,173,221,0.8), -3px 3px 16px rgba(255,180,100,0.4), 3px -3px 16px rgba(113,173,221,0.4); }
  50% { box-shadow: -1px 0 0 rgba(255,180,100,0.8), 1px 0 0 rgba(113,173,221,0.8), -4px 0 16px rgba(255,180,100,0.4), 4px 0 16px rgba(113,173,221,0.4); }
  62.5% { box-shadow: -0.7px -0.7px 0 rgba(255,180,100,0.8), 0.7px 0.7px 0 rgba(113,173,221,0.8), -3px -3px 16px rgba(255,180,100,0.4), 3px 3px 16px rgba(113,173,221,0.4); }
  75% { box-shadow: 0 -1px 0 rgba(255,180,100,0.8), 0 1px 0 rgba(113,173,221,0.8), 0 -4px 16px rgba(255,180,100,0.4), 0 4px 16px rgba(113,173,221,0.4); }
  87.5% { box-shadow: 0.7px -0.7px 0 rgba(255,180,100,0.8), -0.7px 0.7px 0 rgba(113,173,221,0.8), 3px -3px 16px rgba(255,180,100,0.4), -3px 3px 16px rgba(113,173,221,0.4); }
  100% { box-shadow: 1px 0 0 rgba(255,180,100,0.8), -1px 0 0 rgba(113,173,221,0.8), 4px 0 16px rgba(255,180,100,0.4), -4px 0 16px rgba(113,173,221,0.4); }
}

/* Static cinematic text glow to guarantee a smooth fade without CSS animation snapping */
.cinematic-text-glow-hover {
  text-shadow: 
    0 0 0 rgba(255,180,100,0), 
    0 0 0 rgba(113,173,221,0);
  transition: text-shadow 0.8s ease-in-out !important;
}

.cinematic-text-glow-hover:hover {
  text-shadow: 
    1px 0 0px rgba(255,180,100,0.8),  /* Warm thin stroke */
   -1px 0 0px rgba(113,173,221,0.8),  /* Cool thin stroke */
    4px 0 12px rgba(255,180,100,0.5), /* Tight warm glow */
   -4px 0 12px rgba(113,173,221,0.5); /* Tight cool glow */
}

/* Always-On Text Glow (Dim base state, blooms on hover) */
.cinematic-text-glow {
  text-shadow: 
    1px 0 0px rgba(255,180,100,0.5),    /* Dim warm stroke */
   -1px 0 0px rgba(113,173,221,0.5),    /* Dim cool stroke */
    3px 0 10px rgba(255,180,100,0.25),  /* Dim warm glow */
   -3px 0 10px rgba(113,173,221,0.25) !important; /* Force override */
  
  transition: text-shadow 0.8s ease-in-out !important;
}

.cinematic-text-glow:hover {
  text-shadow: 
    1px 0 0px rgba(255,180,100,0.9),    /* Bright warm stroke */
   -1px 0 0px rgba(113,173,221,0.9),    /* Bright cool stroke */
    4px 0 12px rgba(255,180,100,0.6),   /* Tight bright warm glow */
   -4px 0 12px rgba(113,173,221,0.6) !important; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kinship';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://theeyesofghana.com/wp-content/uploads/2026/10/KinshipSans-500.woff') format('woff');
}
@font-face {
	font-family: 'Kinship';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://theeyesofghana.com/wp-content/uploads/2026/10/KinshipSans-800.woff') format('woff');
}
/* End Custom Fonts CSS */