/*
 * Site kit. Native replacement for the global rules of Elementor kit 15007
 * (docs/reference/elementor-2026-09/15007-default-kit.settings.json, uploads/elementor/css/post-15007.css).
 * Elementor only put the kit on every page while its header template rendered there; with the
 * native header the theme owns these rules. Scoped to body.vb-kit (includes/filters.php) with the
 * same class+element specificity the kit used, so custom.min.css and the Customizer CSS resolve
 * exactly as before. Rules the kit had for Elementor-only markup (.e-con, .elementor-section,
 * widget spacing) are left out; Elementor pages still load post-15007.css for those.
 */
.vb-kit {
	--vb-color-primary: #231F20;
	--vb-color-secondary: #221F20;
	--vb-color-text: #231F20;
	--vb-color-accent: #EF4343;
	--vb-color-lilac: #E8D1E3;
	--vb-color-pink: #EDD0E4;
	--vb-color-cream: #F4F2EB;
	--vb-color-white: #FFFFFF;
	--vb-color-black: #000000;
	color: var(--vb-color-text);
	font-family: "Lexend", Sans-serif;
	line-height: 1.6em;
}
.vb-kit button,
.vb-kit input[type="button"],
.vb-kit input[type="submit"],
.vb-kit .elementor-button {
	background-color: var(--vb-color-accent);
	font-size: 18px;
	font-weight: 700;
	color: var(--vb-color-cream);
	border-style: none;
	border-radius: 0px 0px 0px 0px;
	padding: 11px 28px 11px 28px;
}
.vb-kit button:hover,
.vb-kit button:focus,
.vb-kit input[type="button"]:hover,
.vb-kit input[type="button"]:focus,
.vb-kit input[type="submit"]:hover,
.vb-kit input[type="submit"]:focus,
.vb-kit .elementor-button:hover,
.vb-kit .elementor-button:focus {
	background-color: var(--vb-color-primary);
	color: #FFFFFF;
}
.vb-kit a { color: var(--vb-color-accent); }
.vb-kit a:hover { color: var(--vb-color-primary); }
.vb-kit h1 { color: var(--vb-color-primary); font-family: "Instrument Serif", Sans-serif; font-size: 40px; text-transform: none; }
.vb-kit h2 { color: var(--vb-color-primary); font-family: "Instrument Serif", Sans-serif; font-size: 40px; text-transform: none; }
.vb-kit h3 { color: var(--vb-color-primary); font-family: "Instrument Serif", Sans-serif; font-size: 30px; text-transform: none; }
.vb-kit h4 { color: var(--vb-color-primary); font-family: "Lexend", Sans-serif; font-size: 22px; text-transform: none; }
@media (min-width: 1920px) {
	.vb-kit h1 { font-size: 80px; }
	.vb-kit h2 { font-size: 60px; }
	.vb-kit h3 { font-size: 40px; }
	.vb-kit h4 { font-size: 23px; }
	.vb-kit button,
	.vb-kit input[type="button"],
	.vb-kit input[type="submit"],
	.vb-kit .elementor-button { padding: 16px 30px 16px 30px; }
}
@media (max-width: 1024px) {
	.vb-kit h1 { font-size: 36px; }
	.vb-kit h2 { font-size: 36px; }
	.vb-kit h3 { font-size: 24px; }
	.vb-kit h4 { font-size: 20px; }
}
@media (max-width: 767px) {
	.vb-kit h4 { font-size: 18px; }
}