/*
Theme Name:     KickStarter
Theme URI:      n/a
Template:       kadence
Author:         WP Templater
Author URI:     https://wptemplater.com
Description:    Child Theme Description
Version:        1.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/*
Define fluent body font size
*
Redefine clamp values for t-shirt sizes
*/
:root {
	--global-font-size-body: clamp(1rem, 0.227vw + 0.955rem, 1.125rem);
		
  --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
	
  --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
	
  --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
	
  --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
	
  --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
	
  --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);
}

/*
Apply t-shirt size clamp values to headings
* 
define line-height by adjusting the ex-value
*
Apply body font size to paragraph / Icon List
*/
h1 {
  font-size: var(--global-kb-font-size-xl);
	line-height: 2.1ex;
}

h2 {
  font-size: var(--global-kb-font-size-lg);
	line-height: 2.2ex;
}

h3 {
  font-size: var(--global-kb-font-size-md);
	line-height: 2.3ex;
}

h4 {
  font-size: var(--global-kb-font-size-md);
	line-height: 2.3ex;
}

h5 {
  font-size: var(--global-kb-font-size-sm);
	line-height: 2.4ex;
}

h6 {
  font-size: var(--global-kb-font-size-sm);
	line-height: 2.4ex;
}

/* Custom body font size */
p {
	font-size: var(--global-font-size-body);
	line-height: 2.9ex;
}

/* Custom Icon List sizing */
.wp-block-kadence-iconlist {
	font-size: var(--global-font-size-body);
	line-height: 2.9ex;
}

/* Relatded Posts container equal height */
.carousel-item > article {
	height: 100%
}

/* Archiv Layout container equal hight */
#archive-container article.entry {
	display: flex;
	flex-direction: column;
}

#archive-container article.entry .entry-content-wrap {
	height: 100%;
	display: flex;
	flex-direction: column;	
}

#archive-container article.entry .entry-content-wrap .entry-footer {
	margin-top: auto;
}