:root {
    --accent: #d4673e;
    --accent2: #d4673e;
    --main: #383560;
    --width: 1240px;
}

body{
    user-select: text !important;
    pointer-events: auto !important;

}
::selection{
    background: #0274be !important;
}

.site-primary-header-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.site-primary-header-wrap img {
    position: relative;
    left: 0;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {

    padding-top: 10px;
    padding-bottom: 10px;

}

.ast-container {
    max-width: var(--width);
}

#content{
    max-width: 100%;
    overflow: hidden;
}

.wycena__wrap{
    position: relative;

}
.wycena__wrap:before{
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    background-color: #E2E8F0;
}

.hero {
    background: linear-gradient(135deg, rgb(98, 114, 140) 0%, rgb(174, 183, 216) 100%);
    
}

.hero__inner {

    max-width: none !important;
    width: 100% !important;
}

.hero__right {
    text-align: right;
}


.hero__inner .wp-block-uagb-container {
    max-width: var(--width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.hero__inner .uagb-heading-text {
    position: relative;
    left: -2px;
}

.hero__nak{
    position:absolute;
        height:100%;
        width:100% !important;
      max-width:none !important;
        background-size:100% !important;
      z-index:0;
      padding:0 !important;
    }
    .hero__nakbg{
        opacity:0.7 !important;
        background: #111E37 !important;
    position:absolute;
        height:100%;
        width:100% !important;
    max-width:none !important;
        z-index:0;
      padding:0 !important;
        margin:0 !important;
        min-height:430px !important
    }
    
    .hero{
        position:relative;
    padding:0px !important;
        
    }
    .hero__inner{
        min-height:430px !important;
        display:flex;
        height:100%;
      margin-top:0;
    }
    
    .hero__inner > div{
        width:100%;
    }
    
    .breadcrumbs{
        text-align:center
    }
    .hero__left h1{
            text-align:center
    }
    
    .hero img{
     object-fit: cover;
     width:100% !important;
        height:100% !important;
        max-height:none !important;
    }
    
    .breadcrumbs span .breadcrumb_last{
        color:white !important;
    }
    
    *{
        outline: none !important;
    }


.wrapper {
    max-width: var(--width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.offer_box {
    text-align: center;
    background-color: white;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    border-radius: 2px;
    margin-bottom: 10px !important;
    min-height: 328px;
    box-shadow: none !important;
    background-color: #e2e8f0;
}

.offer_box:hover {
    /* box-shadow: 0px 4px 12px 0px #00000070 !important; */
    /* background-color: white !important; */

}

.offer_box .wp-block-button__link {
    /* border: 1px solid var(--main) !important; */
}

.offer_box .wp-block-button__link:hover {
    /* border: 1px solid var(--main) !important; */
}

.wp-block-uagb-advanced-heading .uagb-desc-text::before {
    width: 20px;
    background-color: var(--accent);
    display: block;
    height: 3px;
    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.wp-block-uagb-advanced-heading .uagb-desc-text {
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.breadcrumbs a {
    color: white;
    text-decoration: none !important;
}

.breadcrumbs a:hover {
    opacity: 0.7;
}

.breadcrumbs span {
    color: white;
}

.breadcrumbs span .breadcrumb_last {
    color: var(--main);
    display: none !important;
}

.current-menu-item a,
.ast-menu-toggle {
    outline: none !important;
}


.hero{
    font-size: 10px;
}

.hero .breadcrumbs{
    font-size: 16px;
}

.hero h1{
    font-size: clamp(2.44em, 2.38vw + 1.85em, 3.75em) !important;
}


.hero h2{
    font-size: clamp(1.95em, 1.56vw + 1.56em, 2.81em) !important;
}

.hero h3{
    font-size: clamp(1.56em, 1vw + 1.31em, 2.11em) !important;
}

.hero h4{
    font-size: clamp(1.25em, 0.61vw + 1.1em, 1.58em) !important;
}

.hero h5{
    font-size: clamp(1em, 0.34vw + 0.91em, 1.19em) !important;
}

.hero h6{
    font-size: clamp(0.8em, 0.17vw + 0.76em, 0.89em) !important;
}

.site-footer{
    background-color: var(--ast-global-color-6);
    margin-top: 50px !important;
    background-color: white !important;
}


/*przycisk telefon*/
/*wylacznie mobilnego headera, bo uzywam tego z dekstop rowniez do zwyklego*/

.site-primary-header-wrap {
    width: 100% !important;
}

.ast-inline-flex{
    display: inline-flex !important;
    justify-content: flex-end;
}

#ast-mobile-header{
    /* display: none !important; */
}
/*wlaczenie przycisku telefonu, zeby byl caly czas widoczny*/
#ast-desktop-header{
    /* display: block !important; */
}

#ast-hf-menu-1{
    align-items: center;
    /* background-color: transparent !important; */
}

.ast-footer-copyright p{
    font-size: 15px !important;
}

#menu-item-838{
    line-height: 40px;
}
#menu-item-838 a{
    line-height: 40px;
    background: var(--accent);
    display: inline-block;
    width: auto !important;
    color: white;
    max-width: max-content;
    border-radius:2px;
}

#menu-item-838 a:hover{
    background-color: var(--main);
}

.ast-scroll-to-top-right{
    bottom: 90px !important;
}

.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu{
    margin-top:4px; 
    }

    .hero figure,
    .hero img{
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        max-height: 380px !important;
    }


@media (min-width: 1200px) {
    .hero{
        min-height: 380px !important;
    }
}

@media (max-width: 1250px) {
    .hero br{
        /* display: none; */
    }
    .hero figure,
    .hero img{
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
    }

  
    .hero__left {
        padding: 10px !important;
    }

    .hero__right {
        text-align: left;
        background-color: white !important;
    }

    .content{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 978px) and (max-width: 1250px) {
    .hero__inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .site-footer{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 922px) and (max-width: 1250px) {
    .ast-hfb-header .site-header {
        margin: 10px;
    }
}

@media (max-width: 990px) {    

    blockquote{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 922px) {    

    .current-menu-item>a,
    .current-menu-item .ast-menu-toggle .ast-icon {
        color: white !important;
    }

    .menu-item a:active {
        color: var(--ast-global-color-3) !important;
    }

    .menu-item>a:visited {
        color: var(--ast-global-color-3) !important;
    }

    .main-navigation .current-menu-ancestor>a {
        color: white !important;
    }

    .current-menu-item>a:visited {
        color: white !important;
    }

    .menu-item-has-children .ast-menu-toggle {
        color: var(--ast-global-color-3) !important;
    }

    .ast-submenu-expanded .ast-menu-toggle {
        color: white !important;
    }

    .ast-submenu-expanded>a {
        color: white !important;
    }

    .current-menu-ancestor .ast-menu-toggle,
    .current-menu-ancestor>a {
        color: white !important;
    }


    #ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-838{
        line-height: 37px !important;
    }

    #ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-838 > a{
        line-height: 37px !important;
        background: #d4673e !important;
        display: inline-block !important;
        width: auto !important;
        color: white !important;
        max-width: max-content !important;
        border-radius:2px !important;
        margin:50px auto !important;
    }

    #ast-hf-mobile-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-838 > a:hover{
        background-color: #111e37 !important;
    }


}

@media (max-width: 767px) {    
    .hero div{
        justify-content: center !important;
        align-items: center !important;
    }
}


@media (max-width: 600px) {    
   .site-footer p{
    text-align: center !important;
   }
}




/*zdjecie w carousel*/

/*zaokreglenie  carousel*/
.ebpg-entry-thumbnail img,
.ebpg-entry-thumbnail:hover img{
    border-radius: 0 !important;
}


.ebpg-entry-thumbnail img{
    width:100%;
    /* aspect-ratio:3/2 !important; */
    object-fit: contain !important;
    
}

.eb-post-carousel-wrapper.eb-post-carousel-ollr5 .ebpg-post-carousel-column:hover .ebpg-carousel-post-holder::after{
    border-radius: 0 !important;
}

.eb-post-carousel-wrapper.eb-post-carousel-ollr5 .ebpg-post-carousel-column{
    /* transition: none !important; */
}

.eb-post-carousel-wrapper .ebpg-carousel-post-holder .ebpg-entry-thumbnail:hover:after,
.eb-post-carousel-wrapper .ebpg-carousel-post-holder:hover .ebpg-entry-thumbnail:after{
    display: none !important;
}

.slick-slide{
    transition: opacity 0.5s ease;
}
.slick-slide:hover{
    opacity: 0.9;
}
.eb-post-carousel-wrapper.eb-post-carousel-ollr5 .ebpg-entry-title a:hover{
    color: #d4673e !important;
}


/*tytul w carousel, wysrodkowanie*/
.ebpg-entry-title{
    text-align: center !important;
}


  /*przycisk w carousel*/

.ebpg-readmore-btn{
    width:100% !important;
    text-align: center !important;
}
    

.ebpg-readmore-btn a{
    background-color: #d4673e;
    color: white !important;
    text-decoration: none !important;
    padding: 5px 20px !important;
    font-size: 16px !important;
}


/*przycisk submit z formularza*/

.wpcf7-submit{
    background-color: #d4673e !important;
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold !important;
}

.wpcf7-submit:hover{
    opacity: 0.8;;
}


/*podstrona kategorii np wiaty, okeinka produktow  */

.eb-post-grid-wrapper.style-5 .ebpg-grid-post-holder .ebpg-entry-wrapper{
    position: static !important;
}

.eb-post-grid-wrapper .ebpg-entry-title a{
    color: #111E37 !important;
}

.eb-post-grid-wrapper.style-5 .ebpg-grid-post-holder:hover{
    opacity: 0.7;
}

.eb-post-grid-wrapper .ebpg-entry-header{
    margin-bottom: 10px !important;
}

.eb-post-grid-wrapper .ebpg-entry-content, .eb-post-grid-wrapper .ebpg-entry-wrapper{
    order: 3;
}

.eb-post-grid-posts-wrapper{
    gap: 25px !important;
}

.ebpg-grid-post-holder{
    background-color: #e2e8f0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 1;
}

.ebpg-grid-post-holder::after{
        bottom: 0;
        content: "";
        height: 70%;
        left: 0;
        position: absolute;
        transition: all .3s;
        width: 100%;
        z-index: -1;
        background-color: white;
}

.eb-post-grid-wrapper.eb-post-grid-rrb1s .ebpg-grid-post-holder .ebpg-entry-thumbnail:after{
    display: none !important;
}

.eb-post-grid-wrapper .ebpg-grid-post-holder .ebpg-entry-thumbnail:hover:after, 
.eb-post-grid-wrapper .ebpg-grid-post-holder:hover .ebpg-entry-thumbnail:after{
    display: none !important;
}


.footer_info span{
    display: block;
}

.footer_info br{
    display: none;
}