/*
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.5.1.1787837678
Updated: 2026-08-27 15:34:38

*/
/* kolory */
:root {
    --cs-green: #00666C;
    --cs-green-light: #6CBFC4;
    --cs-yellow: #D9A441;
    --cs-text: #575F6D;
    --cs-heading: #2D3748;
}


/* przyciski */
.cs-green-button-icon .elementor-button,
.cs-yellow-button-icon .elementor-button {
    position: relative;
}

.cs-green-button-icon .elementor-button::after,
.cs-yellow-button-icon .elementor-button::after {
    content: "";
    position: absolute;
    height: 100%;
    aspect-ratio: 1 / 1;
    left: 100%;
    top: 0;
    background-image: url('/wp-content/uploads/2026/08/button-white-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40% auto;
    border-radius: 50%;
    transform: translateX(-18%);
    transition: transform 0.25s ease;
}

.cs-green-button-icon .elementor-button::after {
    background-color: var(--cs-green);
}

.cs-yellow-button-icon .elementor-button::after {
    background-color: var(--cs-yellow);
}

.cs-green-button-icon .elementor-button:hover::after,
.cs-yellow-button-icon .elementor-button:hover::after {
    transform: translateX(-5%);
}

/* footer */
.cs-footer-hover .elementor-icon-list-item .elementor-icon-list-icon {
    transition: transform 0.25s ease;
}

.cs-footer-hover .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: translateX(4px);
}

/* strona główna */
.cs-main-page-slider .elementor-swiper-button{
	background: #FFFFFFCC;
	padding: 10px;
    border-radius: 5px;
	font-size: 20px!important;
}