/**
 * Katartisi Slider — Frontend styles (v1.2.5)
 * FIX #6: noticeably smaller title/paragraph font-size on mobile and
 * tablet — only while a slide is being displayed (class added/removed by
 * slider.js). The page's own default/static hero text is untouched; its
 * size stays whatever is set in Elementor's own Typography settings.
 *
 * Adjust the four font-size values below to taste — nothing else needs to
 * change.
 */

@media ( max-width: 767px ) {
	#katartisiBackground.ks-slide-active #katartisiTitle .elementor-heading-title {
		font-size: 1.5rem !important;
		line-height: 1.25 !important;
	}

	#katartisiBackground.ks-slide-active #katartisiKeimeno p {
		font-size: 0.85rem !important;
		line-height: 1.4 !important;
	}
}

@media ( min-width: 768px ) and ( max-width: 1024px ) {
	#katartisiBackground.ks-slide-active #katartisiTitle .elementor-heading-title {
		font-size: 2rem !important;
		line-height: 1.3 !important;
	}

	#katartisiBackground.ks-slide-active #katartisiKeimeno p {
		font-size: 0.95rem !important;
		line-height: 1.45 !important;
	}
}

/* FIX #8 (v1.2.7): desktop title was rendering much larger than the rest
   of the page's sections (inherited from Elementor's own desktop
   Typography setting for this widget). Scaled down to a size closer to
   the site's other headings — adjust to taste. */
@media ( min-width: 1025px ) {
	#katartisiBackground.ks-slide-active #katartisiTitle .elementor-heading-title {
		font-size: 2.25rem !important;
		line-height: 1.3 !important;
	}

	#katartisiBackground.ks-slide-active #katartisiKeimeno p {
		font-size: 1rem !important;
		line-height: 1.5 !important;
	}
}