/*
 * Site-wide base typography from the former Elementor Kit (Site Settings),
 * plus Elementor's screen-reader-text rule, which Woodmart does not provide.
 * Loaded before Woodmart's stylesheets, where the Kit CSS used to load;
 * the body carries the "klay-kit" class in place of "elementor-kit-2498".
 */

.klay-kit {
	--e-global-color-primary: #A18973;
	--e-global-color-secondary: #264F48;
	--e-global-color-text: #939598;
	--e-global-color-accent: #D4C3B0;
	--e-global-color-1b15329: #F3EEE9;
	color: var(--e-global-color-text);
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-transform: none;
	line-height: 30px;
	word-spacing: 0.4px;
}

.klay-kit h1 {
	color: var(--e-global-color-secondary);
	font-family: "Prata", Sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 40px;
	word-spacing: 3px;
}

.klay-kit h2 {
	color: var(--e-global-color-primary);
	font-family: "Lato", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	word-spacing: 2px;
}

@media (max-width: 767px) {
	.klay-kit h1 {
		font-size: 50px;
		line-height: 1em;
		word-spacing: 2px;
	}
}

.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -10000em;
	width: 1px;
	clip: rect(0, 0, 0, 0);
	border: 0;
}