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

:root {
	/* Mirrors the Kadence global palette configured for this site. */
	--color-brand-green: #41a838;
	--color-brand-green-hover: #318d28;
	--color-spring-green: #39df64;
	--color-navy-deep: #082042;
	--color-slate: #465872;
	--color-danger: #ff0000;
	--color-sky-tint: #c3e0f4;
	--color-frost: #f0f7fd;
	--color-white: #ffffff;

	--color-spring-highlight: #51f07a;

	--color-blue-button: var(--color-navy-deep);
	--color-blue-button-hover: color-mix(in srgb, var(--color-navy-deep) 78%, var(--color-sky-tint) 22%);

	--font-size-sm: var(--global-kb-font-size-sm, clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem));
	--font-size-md: var(--global-kb-font-size-md, clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem));
	--font-size-lg: var(--global-kb-font-size-lg, clamp(1.75rem, 1.576rem + 0.543vw, 2rem));
	--font-size-xl: var(--global-kb-font-size-xl, clamp(2.25rem, 1.728rem + 1.63vw, 3rem));
	--font-size-xxl: var(--global-kb-font-size-xxl, clamp(2.5rem, 1.456rem + 3.26vw, 4rem));
	--font-size-xxxl: var(--global-kb-font-size-xxxl, clamp(2.75rem, 0.489rem + 7.065vw, 6rem));

	--font-family-body: var(--global-body-font-family, inherit);
	--font-family-heading: var(--global-heading-font-family, inherit);
}

.green-button {
	color: var(--color-navy-deep);
	background: var(--color-spring-green);
	font-size: 1.3rem;
	line-height: 1.5;
	font-family: var(--font-family-body);
	font-weight: 500;
	border-radius: 8px;
	border: 0 solid transparent;
	padding: 14px 30px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: none;
}

.green-button:visited {
	color: var(--color-navy-deep);
	background: var(--color-spring-green);
}

.green-button:hover,
.green-button:focus,
.green-button:active {
	color: var(--color-navy-deep);
	background: var(--color-spring-highlight);
	box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.green-button:disabled,
.green-button.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.green-button.green-button--brand {
	color: var(--color-white);
	background: var(--color-brand-green);
}

.green-button.green-button--brand:visited {
	color: var(--color-white);
	background: var(--color-brand-green);
}

.green-button.green-button--brand:hover,
.green-button.green-button--brand:focus,
.green-button.green-button--brand:active {
	color: var(--color-white);
	background-color: var(--color-brand-green-hover);
	box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.blue-button {
	color: var(--color-white);
	background: var(--color-blue-button);
	font-size: 1.3rem;
	line-height: 1.5;
	font-family: var(--font-family-body);
	font-weight: 500;
	border-radius: 8px;
	border: 0 solid transparent;
	padding: 14px 30px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: none;
}

.blue-button:visited {
	color: var(--color-white);
	background: var(--color-blue-button);
}

.blue-button:hover,
.blue-button:focus,
.blue-button:active {
	color: var(--color-white);
	background: var(--color-blue-button-hover);
	box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.blue-button:disabled,
.blue-button.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.green-button.green-button--small,
.blue-button.blue-button--small {
	font-size: 1rem;
	line-height: 1.45;
	padding: 8px 18px;
	border-radius: 6px;
}

.green-button--block,
.blue-button--block {
	display: inline-flex;
	width: 100%;
	max-width: 20rem;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}