/*!
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;
}

/*text justify*/
.centered-text-box {
  max-width: 600px;
  margin: 0 auto;
  text-align: justify;
  text-justify: inter-word;
}

.centered-text-box p {
  text-align-last: left; /* keeps last line tidy */
}

/* Custom "twist & float" animation for Kadence Info Box media */
.kt-blocks-info-box-media.kt-info-media-animate-twist .kadence-info-box-image-inner-intrisic img {
	transition: transform 0.2s ease;
	
	&:hover {
		transform: scale( 1.05 );
	}
}

/* Target the excerpt specifically on the Portfolio archive loop */
.post-type-archive-portfolio .entry-summary {
   font-style: normal;
   font-size: 1rem;
   line-height: 1.2;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: var(--global-palette6);
}



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

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