/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1739459202
Updated: 2025-02-13 16:06:42

*/

html,
body {
	overflow-x: hidden;
}

.elementor-button:hover,
.elementor-button:hover span {
	font-weight: 500 !important;
	text-decoration: none !important;
}

#counter {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
} 

@media (min-width: 1024px) {
	#counter {
		grid-template-columns: repeat(2, 1fr);
	} 
}

#counter .counter-item {
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 10px;
}

#counter .number {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 0;
}

#counter .name {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

#counter .counter-first {
	background: var(--e-global-color-primary);
}

@media (min-width: 1024px) {
	#counter .counter-first {
		aspect-ratio: 1/1;
	}
}

#counter .counter-first .name {
	color: var(--e-global-color-secondary);
}

#counter .counter-second {
	background: var(--e-global-color-text);
	margin-top: 24px;
}

@media (min-width: 1024px) {
	#counter .counter-second {
		aspect-ratio: 1/1;
	}
}

@media (min-width: 1024px) {
	#counter .counter-second {
			filter: drop-shadow(183px 0px 51px rgba(0, 0, 0, 0.01)) drop-shadow(117px 0px 47px rgba(0, 0, 0, 0.04)) drop-shadow(66px 0px 40px rgba(0, 0, 0, 0.15)) drop-shadow(29px 0px 29px rgba(0, 0, 0, 0.26)) drop-shadow(7px 0px 16px rgba(0, 0, 0, 0.29));
	}
}

#counter .counter-second p {
	color: var(--e-global-color-primary);
}

#counter .counter-second .name {
	color: var(--e-global-color-secondary);
}

#counter .counter-third {
	height: 370px;
	background: url("/wp-content/uploads/2025/03/stavba-leseni-merenberg-2024-2.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 24px;
	position: relative;
}

@media (min-width: 1024px) {
	#counter .counter-third {
		margin-top: 150px;
		filter: drop-shadow(183px 0px 51px rgba(0, 0, 0, 0.01)) drop-shadow(117px 0px 47px rgba(0, 0, 0, 0.04)) drop-shadow(66px 0px 40px rgba(0, 0, 0, 0.15)) drop-shadow(29px 0px 29px rgba(0, 0, 0, 0.26)) drop-shadow(7px 0px 16px rgba(0, 0, 0, 0.29));
	}
}

#counter .counter-third:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, rgba(28, 33, 55, 0) 25%, #1C2137 100%);
}

#counter .counter-third p {
	color: var(--e-global-color-primary);
	z-index: 1;
}

#counter .counter-third .name {
	color: var(--e-global-color-secondary);
	z-index: 1;
}