/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- 
00. CORE
01. SITEWIDE
02. FOOTER
10. PAGE > HERO
30. SPECIFIC PAGES
	31. Homepage
50. BLOCK CUSTOMISATIONS
99. HOTFIXES & BUGS

/* ---------------------------------------------------
* 00. CORE 
* ---------------------------------------------------*/
:root body {
	--global-kb-font-size-xxxl: clamp(2.4rem, 2.2421rem + 0.6316vw, 3rem);
    --global-kb-font-size-xxl: clamp(1.8rem, 1.5368rem + 1.0526vw, 2.8rem); /* H1 */
    --global-kb-font-size-xl: clamp(1.8rem, 1.6947rem + 0.4211vw, 2.2rem); /* H2 */
    --global-kb-font-size-lg: clamp(1.6rem, 1.5474rem + 0.2105vw, 1.8rem); /* H3 */
    --global-kb-font-size-md: 1.4rem; /* H4 */
    --global-kb-font-size-sm: 1rem;
    --global-kb-font-size-xsm: 0.8rem;
}

body h1 { font-size: var(--global-kb-font-size-xxl); }
body h2 { font-size: var(--global-kb-font-size-xl);  }
body h3 { font-size: var(--global-kb-font-size-lg); }
body h4 { font-size: var(--global-kb-font-size-md); }
body h5 { font-size: 1rem; }
body h6 { font-size: 1rem; }

/*Text balance */
.balance {
    text-wrap: balance;
}

/* ---------------------------------------------------
 * 01. SITEWIDE
 * ---------------------------------------------------*/

/* Animated Gradient Text for H1 by TP*/
.gradient-h1-text {
  background: linear-gradient(
    45deg,
    #21254C,
    #6461E0,
    #30C5AA,
    #EDBF00,
    #FF6B6B,
    #21254C
  );
  background-size: 600% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: move-gradient 60s linear infinite;
}

/* Optional: make it look smooth on all devices */
@keyframes move-gradient {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 600%;
  }
}

/* Responsive tweak — slightly slower animation for mobile */
@media (max-width: 768px) {
  .gradient-h1-text {
    animation-duration: 90s;
  }
}

 /* ---------------------------------------------------
 * 02. FOOTER
 * ---------------------------------------------------*/