/**
Theme Name: Matysiewicz Studio
Theme URI: https://matysiewicz.studio
Author: Matysiewicz Studio
Author URI: https://matysiewicz.studio
Description: xD
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kartcenter-child
Template: hello-elementor
*/


/**         -           -           header            -           -           - */
/* .header-top-bar {
    height: 50px;
}
.header-tagline p {
    max-width: max-content;
} */
.header-tagline-mobile p {
    position: absolute!important;
    top: -10px!important;
    z-index: 2;
}
.header-bottom-bar-mobile {
    clip-path: polygon(0 35%, 100% 20%, 100% 50%, 0 50%);
    background-color: #e8e8e8;
    height: 70px;
    top: -20px;
    position: absolute;
}
.header-bottom-bar-desktop {
    clip-path: polygon(0 35%, 100% 20%, 100% 50%, 0 50%);
    background-color: #e8e8e8;
    height: 70px;
    top: -10px;
    position: absolute;
}
.menu-mobile-burger {
    display: flex;
    flex-direction: row!important;
    align-content: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}
.logo-topbar {
    height: 64px;
}
.menu-item.wpml-ls-slot-4 a,
.menu-item.wpml-ls-slot-4 a:hover {
    padding: 5px!important;
}
.tagline-pl:lang(pl-PL),
.tagline-en:lang(en-US) {
    display: block;
}
#tagline-pl:lang(en-US),
#tagline-en:lang(pl-PL) {
    display: none;
}
/* 1. NASZ TOR (Szary) */
.menu-item-800 .elementor-item:after { background-color: #808080 !important; }
.menu-item-800 .sub-menu .elementor-sub-item:hover { background-color: #808080 !important; color: #fff !important; }

/* 2. QUICK RACE (Czerwony) */
.menu-item-120 .elementor-item:after { background-color: #e20613 !important; }
.menu-item-120 .sub-menu .elementor-sub-item:hover { background-color: #e20613 !important; color: #fff !important; }

/* 3. GRUPY (Żółty)  */
.menu-item-124 .elementor-item:after { background-color: #ffde00 !important; }
.menu-item-124 .sub-menu .elementor-sub-item:hover { background-color: #ffde00 !important; color: #000 !important; }

/* 4. FIRMY (Jasnoniebieski) */
.menu-item-801 .elementor-item:after { background-color: #00CCFF !important; }
.menu-item-801 .sub-menu .elementor-sub-item:hover { background-color: #00CCFF !important; color: #fff !important; }

/* 5. DZIECI (Zielony) */
.menu-item-799 .elementor-item:after { background-color: #339933 !important; }
.menu-item-799 .sub-menu .elementor-sub-item:hover { background-color: #339933 !important; color: #fff !important; }

/* 6. TURNIEJE (Pomarańczowy) */
.menu-item-802 .elementor-item:after { background-color: #FF9933 !important; }
.menu-item-802 .sub-menu .elementor-sub-item:hover { background-color: #FF9933 !important; color: #fff !important; }

/* 7. EVENTY (Bordowy) */
.menu-item-803 .elementor-item:after { background-color: #990000 !important; }
.menu-item-803 .sub-menu .elementor-sub-item:hover { background-color: #990000 !important; color: #fff !important; }

/* 8. SKLEP (Ciemnoszary) */
.menu-item-804 .elementor-item:after { background-color: #6b7280 !important; }
.menu-item-804 .sub-menu .elementor-sub-item:hover { background-color: #6b7280 !important; color: #fff !important; }
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 5px 20px;
}
.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    height: 2px; 
}
main#content {
    margin-top: 30px;
}

/**         -           -           footer            -           -           - */
@media screen and (max-width: 768px) {
    .footer-tagline-mobile p {
        position: absolute!important;
        top: -10px!important;
        z-index: 2;
    }
}
.footer-bottom-bar-mobile {
    clip-path: polygon(0 35%, 100% 20%, 100% 50%, 0 50%);
    background-color: #e8e8e8;
    height: 70px;
    top: -20px;
    position: absolute;
}
/**         -           -           strony            -           -           - */
.trener-block  b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

/**         -           -           grupy            -           -           - */
.max-height1 {
    max-height: 760px;
    overflow: hidden;
}
.max-height2 {
    max-height: 370px;
    overflow: hidden;
}


.home-mobile-slider .elementor-slides .swiper-slide-bg {
    background-position-y: top !important;
}   
@media screen and (min-width: 951px) and (max-width: 1100px) {
    .home-slider-desktop .swiper-slide {
        height: 400px!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
    .home-slider-desktop .swiper-slide {
        height: 370px!important;
    }
}
@media screen and (min-width: 450px) and (max-width: 550px) {
    .home-slider-mobile .swiper-slide {
        height: 350px!important;
    }
}
@media screen and (min-width: 400px) and (max-width: 449px) {
    .home-slider-mobile .swiper-slide {
        height: 320px!important;
    }
}
@media screen and (min-width: 350px) and (max-width: 399px) {
    .home-slider-mobile .swiper-slide {
        height: 280px!important;
    }
}
@media screen and (min-width: 300px) and (max-width: 349px) {
.home-slider-mobile .swiper-slide {
    height: 250px!important;
}
}
@media screen and (max-width: 299px) {
.home-slider-mobile .swiper-slide {
    height: 200px!important;
}
}