/*
 * Global "kit" styles - native replacement for Elementor's Default Kit 189
 * (wp-content/uploads/elementor/css/post-189.css), which Elementor applied
 * site-wide through the body class "elementor-kit-189".
 *
 * Same values, same specificity (one class), same cascade position (loaded
 * after the child stylesheet), keyed to the body class "vs-kit" instead.
 * Enqueued only when Elementor no longer provides the kit - see
 * special/elementor-exit.php. Fonts: assets/css/fonts.css.
 */

.vs-kit {
	background-image: url("/wp-content/uploads/2025/07/ChatGPT-Image-Jul-6-2025-06_28_35-PM.png");
	font-family: "Poppins", Sans-serif;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vs-kit a {
	font-family: "Poppins", Sans-serif;
}

.vs-kit h1 {
	font-family: "Poppins", Sans-serif;
	font-weight: 700;
}

.vs-kit h2 {
	font-family: "Poppins", Sans-serif;
	font-weight: 600;
}

.vs-kit h3 {
	font-family: "Poppins", Sans-serif;
	font-weight: 400;
}

@media (min-width: 1025px) {
	.vs-kit {
		background-attachment: scroll;
	}
}

/*
 * Astra ships ".elementor-template-full-width .ast-container { display: block; }"
 * for pages on Elementor's full-width template (otherwise Astra's
 * ".site-content .ast-container { display: flex; }" at >= 922px would lay
 * page sections out side by side). Same rule for the native template.
 */
.vs-template-full-width .ast-container {
	display: block;
}

/*
 * Stage 5 migrated content: pages/posts whose content used to be one
 * Elementor container holding one HTML widget now store that HTML in
 * post_content inside .vs-legacy-con > .vs-legacy-con__inner >
 * .vs-legacy-widget, which reproduces the container box (boxed, 10px side
 * padding, 10px top/bottom, max 1140px) and the generic rules Elementor's
 * frontend.css applied to everything inside ".elementor".
 */
.vs-legacy-con {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 0 10px;
}

.vs-legacy-con__inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: min(100%, 1140px);
	margin: 0 auto;
	padding: 10px 0;
}

.vs-legacy-widget {
	position: relative;
	width: 100%;
	max-width: 100%;
}

/*
 * The generic rules Elementor's frontend.css applies to any HTML inside
 * ".elementor" (Elementor 4.2.3), reproduced with the same declarations and
 * the same specificity, scoped to the migrated wrapper. Without them, page
 * CSS that Elementor was silently overriding would start to apply (e.g. a
 * page's own "figure { margin-bottom }" that Elementor zeroed).
 */
.vs-legacy-con *,
.vs-legacy-con *::before,
.vs-legacy-con *::after {
	box-sizing: border-box;
}

.vs-legacy-con a {
	box-shadow: none;
	text-decoration: none;
}

.vs-legacy-con hr {
	background-color: transparent;
	margin: 0;
}

.vs-legacy-con img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	max-width: 100%;
}

/* Elementor: .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure */
.vs-legacy-con .vs-legacy-widget:not(.vs-legacy-text-editor):not(.vs-legacy-post-content) figure {
	margin: 0;
}

.vs-legacy-con embed,
.vs-legacy-con iframe,
.vs-legacy-con object,
.vs-legacy-con video {
	border: none;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	width: 100%;
}