/*
Theme Name:     Valla Progression Child
Description:    Child Theme for Valla Theme
Author:         Progression Studios
Template:       valla-progression

*/

/* Homepage feature badges in Elementor template 753 */
.elementor-753 .elementor-element.elementor-element-321b2f75 .elementor-image-box-wrapper,
.elementor-753 .elementor-element.elementor-element-51a6d385 .elementor-image-box-wrapper,
.elementor-753 .elementor-element.elementor-element-3f4c9ba8 .elementor-image-box-wrapper {
	align-items: center;
	justify-content: center;
}

.elementor-753 .elementor-element.elementor-element-321b2f75 .elementor-image-box-description,
.elementor-753 .elementor-element.elementor-element-51a6d385 .elementor-image-box-description,
.elementor-753 .elementor-element.elementor-element-3f4c9ba8 .elementor-image-box-description {
	text-transform: uppercase;
	line-height: 1.35;
}

.elementor-753 .elementor-element.elementor-element-bfe9359 {
	box-shadow: 0 0 0 100vmax var(--e-global-color-text);
	clip-path: inset(0 -100vmax);
}

.elementor-753 .elementor-element.elementor-element-bfe9359 > .elementor-container {
	align-items: center !important;
}

.elementor-753 .elementor-inner-section:has(.elementor-element-321b2f75) > .elementor-container {
	align-items: center !important;
}

.elementor-753 .elementor-element.elementor-element-321b2f75,
.elementor-753 .elementor-element.elementor-element-51a6d385,
.elementor-753 .elementor-element.elementor-element-3f4c9ba8 {
	margin-block-end: 0 !important;
}

/* Homepage template 753: keep the three feature badges in one row on phone (Elementor defaults columns to 100% at ≤767px) */
@media (max-width: 767px) {
	.elementor-753 .elementor-inner-section:has(.elementor-element-321b2f75) > .elementor-container {
		flex-wrap: nowrap !important;
	}
	.elementor-753 .elementor-inner-section:has(.elementor-element-321b2f75) > .elementor-container > .elementor-column {
		width: 33.333% !important;
		max-width: 33.333% !important;
		flex-basis: 33.333% !important;
	}
}

/* Header template (post 37): Boosted Elements logo widget forced center — use left alignment */
.elementor-37 .elementor-element.elementor-element-12f1778 .boosted-elements-logo-container {
	text-align: left !important;
}

/* Header template (Elementor post 37): mobile had logo col 32% / menu col 68% — logo was tiny with a wide gap */
@media (max-width: 767px) {
	.elementor-37 .elementor-element.elementor-element-39e4a0c {
		width: auto !important;
		flex-basis: auto !important;
		flex-grow: 1 !important;
		flex-shrink: 1 !important;
		min-width: 0 !important;
	}
	.elementor-37 .elementor-element.elementor-element-ec14438 {
		width: auto !important;
		flex-basis: auto !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
	}
}