/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.slajder {
    overflow: hidden;
}

.zadbaj span {
    font-weight: 800;
}

.skos a.elementor-button {
    margin-left: 16px;
    transform: skew(32deg);
    /* Negative skew for the button */
}

.skos a.elementor-button>.elementor-button-content-wrapper {

    transform: skew(-32deg);
    /* Positive skew for inner text */
}

.skos.grafik .elementor-button-icon svg {
    width: 1.5em;
    height: auto;
}

.skos.grafik .elementor-button-text {
    display: flex;
    align-content: center;
    align-items: center;
}

.ikonbox .elementor-icon-box-title a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ikonbox svg {
    transition: fill 2.3s ease;
}

.ikonbox:hover svg {
    /* fill: white !important; */
}

.ikonbox:hover svg path {
    /* fill: white !important; */
}

.zadbaj .elementor-heading-title {
    text-shadow: 0 0 18px rgb(255 0 0), 0 0px 24px rgb(161 0 0);
}
.ikonbox.ikonbox1 a > svg {
    width: 127px !important;
}

span.tytul1 {
    font-weight: 700;
}


@keyframes customFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -80px, 0);
        /* Przesunięcie o 10px w górę */
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        /* Powrót do oryginalnej pozycji */
    }
}

.ikonbox {
    animation-name: customFadeInDown !important;
    animation-duration: 0.5s !important;
    animation-fill-mode: both !important;
    animation-timing-function: ease-in-out !important;
    /* Utrzymanie końcowego stanu po zakończeniu animacji */
    
}

/* #page>div>div.elementor-element.elementor-element-5a9007c.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded>div>div {
transition: transform 0.3s ease !important;
}
#page>div>div.elementor-element.elementor-element-5a9007c.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded>div>div:hover {
    transform: translateY(-20px) !important;
} */

.ikonbox1  {animation-delay: 0s;}
.ikonbox2  {animation-delay: 0.2s;}
.ikonbox3  {animation-delay: 0.4s;}
.ikonbox4  {animation-delay: 0.6s;}
.ikonbox5  {animation-delay: 0.8s;}
.ikonbox6  {animation-delay: 1.0s;}

.slider_okragle {
    overflow: hidden;
        border-radius: 37px 0px 37px 0px;
}

.slider_okragle figure {
        margin-bottom: -7px!important;
}

.galeria_mini {

}
#wpcf7-f602-p33-o1 input[type=email] {
    width: 60%;
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    /* float: left; */
    margin-right: 10px;
}

#wpcf7-f602-p33-o1 [type=submit] {
    display: inline-block;
    font-weight: 400;
    color: #66AA45;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
    /* float: left; */

}
#wpcf7-f601-p1712-o1>form>p:nth-child(6)>input {
    color: #fff !important;
}

.icon_menu svg path {
    transition: fill 0.3s ease;
        fill: #000 !important;
}

@media only screen and (max-width: 768px) {
.ikonbox div.elementor-icon-box-content p {
        /* Dodaj tutaj swoje style */
        display: none !important;

    }

#masthead nav ul {

    background: linear-gradient(120deg,
            #ffe600 0%,
            /* jasny żółty */
            #ff9c00 18%,
            /* pomarańcz */
            #ff4b1f 30%,
            /* ciepły czerwono‑pomarańczowy */
            #ff0066 45%,
            /* magenta / róż */
            #ff4da6 55%,
            /* jaśniejszy róż */
            #b03cff 68%,
            /* fiolet */
            #4834ff 80%,
            /* granat */
            #0094ff 92%,
            /* żywy niebieski */
            #00e5ff 100%
            /* jasny cyjan */
        );
}


}