/*
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.4.9.1784801315
Updated: 2026-07-23 12:08:35

*/

/* przyciski */
.cs-button {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.cs-button:hover {
    transform: translateY(-3px);
}
.cs-button:active {
    transform: translateY(-1px);
}
.btn-yellow a:hover {
    box-shadow: 0 4px 20px rgba(255, 255, 0, 0.35);
}
.btn-yellow a:active {
    box-shadow: 0 2px 10px rgba(255, 255, 0, 0.2);
}
.btn-white a:hover {
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.35);
}
.btn-white a:active {
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2);
}

/* Menu */
.cs-desktop-menu .elementor-nav-menu--main .elementor-nav-menu ul{
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* hover na kafelki */
.cs-box .icon-circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 1;
    transition: fill .25s ease, stroke .25s ease;
}
.cs-box .icon-arrow {
    stroke: #fff;
    transition: stroke .25s ease;
}
.cs-box:hover .icon-circle {
    fill: #fff;
}
.cs-box:hover .icon-arrow {
    stroke: #010101;
}