body{
    background-color: #eaeae5 !important;
}
:root{
    --bs-gutter-x: 0px !important;
    --szary: #5e5e5e !important
}

.bg-bez {
    background-color: #eaeae5 !important;
}
.invert{
    filter: invert(
1) !important;
}

.hamburger-icon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 24px;
    height: 18px;
  }
  
  .STRONAGLOWNA  .hamburger-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #ffffff; /* albo #fff, jeśli header na ciemnym */
    transition: transform 0.3s ease, opacity 0.3s ease;
  }


  .hamburger-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000; /* albo #fff, jeśli header na ciemnym */
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
@font-face {
    font-family: 'PPneue';
    src: url('/wp-content/themes/domroslin/font/optima.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ppneue{
    font-family: 'PPneue', sans-serif !important;

}

.site-header .main-navigation a:hover {
    color: rgba(0, 0, 0, 0.5) !important;
}
.STRONAGLOWNA .main-navigation a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.parzysta {
    flex-direction: row-reverse !important;
    justify-content: start !important;


}

.STRONAGLOWNA .drugiemenu a:hover {
    color: rgba(255, 255, 255, 0.70) !important;
}


.page-template-start a:hover {
    color: rgba(0, 0, 0, 0.7) !important;
}

.page-template-start .drugiemenu a{
    transition: 0.3s ease;
    color: rgb(0, 0, 0) !important;

} 


input[type="submit"] {
    background: black !important;
    color: white !important;
    font-size: 12px;
}

input[type="submit"]:hover{
    filter: opacity(0.8) !important;
}
.drugiemenu a {
    transition: 0.3s ease;
    color: #000000 !important;
}

.maxw-karuzela {
    max-width: 1200px !important;
}
.maxw-step{
    max-width: 1250px !important;
}
.position-bottom{
    object-position: center !important;
}

.slide-liczba{
    transform: scale(0.8);
    transition: transform 2s ease;
}

.swiper-slide-active .slide-liczba{
    transform: scale(1);
    transition: transform 2s ease;
}
.w-80 {
    width: 80% !important;
}
 

.site-header .main-navigation a {
     transition: 0.3s  ease;
    color: white !important;
}

.fs-14{
    font-size: 14px !important;
}


main#primary {
    min-height: 50vh;
}
.gora .dot {
    top: 105% !important;
}
.przerwa{
    height: 150px;
}

.hoveranimacja:hover{
     background-color: #000000a1 !important;
    transition: 0.3s ease !important;
}

.hoveranimacja{
     background-color: #000000 !important;
    transition: 0.3s ease !important;
}

.hoveranimacja{
    color: var(--szary) !important; 
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: black !important;
    color: white;
}

.wc-block-components-button__text {
    color: white; }


    .wc-block-components-checkout-place-order-button__text {
        color: white !important;
    }
@font-face {
    font-family: optima;
    src: url('/wp-content/themes/domroslin/font/optima.ttf');
  }
.justuj p {
    text-align: justify !important;
 
}
  .wiekszyfont p{
    font-size: 1.2rem !important;
  }

  .opis-przycisk, .borderdol{
    border-bottom: 1px solid var(--szary) !important;
  }
 
.swiper-button-next, .swiper-button-prev {
    color: black !important;
}
.tytul-baner {
	color: rgba(255, 255, 255, 0); /* przezroczysta biel */
	transition: color 3s ease;
}

.tytul-baner .aktywny-tytul {
	color: #ffffff; /* pełna biel */
    transition: color 3s ease;

} 

p {
    font-size: 0.9rem !important;
}

  @font-face {
    font-family: twenty;
    src: url('/wp-content/themes/domroslin/fonts/twenty.woff2');
  }

  .bottomlink{
    bottom: 20px;
    filter: opacity(0.5);
  }
 
  .transition-fade {
    transition: opacity 1s ease;
  }
  
  html.is-animating .transition-fade {
    opacity: 0.3;
  }
.szerokosc{
    width: 200px;
}

.parzysta .lewo {
    padding-left: 70px !important;
    padding-right: 0px !important;

}

  .lewo {
    padding-right: 70px !important;
}
  #swup-transition-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eaeae5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease;
  }
  
  html.is-animating #swup-transition-overlay {
    opacity: 1; 
  }
  #swup-transition-overlay img {
    /* transform: scale(0.8); */
    opacity: 0;
    transition: all 1s ease;
  }
  
  html.is-animating #swup-transition-overlay img {
    /* transform: scale(1); */
    opacity: 1;

  }
  

  /* @font-face {
    font-family: 'Futura';
    src: url('/wp-content/themes/domroslin/font/FuturaPTBook.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  } */




  @font-face {
    font-family: 'Futura';
    src: url('/wp-content/themes/domroslin/font/FuturaPTMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  
  p {
    font-size: 1rem !important;
}
 
.light{
    font-weight: light;
}
.opiniatekst{
    font-style: italic;
}
.imie {
    right: 20px;
    bottom: -30px;
    font-style: italic;
}
p{
    font-weight: light;
}
.fs-12{
    font-size: 16px !important;
}
.nakladka{
    background-color: black;
    opacity: 0.4;
}
.baner-filmy{
    height: 100vh !important;
}
aside#secondary{
    display: none !important;
}
.maxw{
    max-width: 1400px !important;
}
.max{
    max-width: 2000px !important;
}
.lewo-prawo .lewo-prawo-box:nth-child(2n+2){
    flex-direction: row-reverse;
    justify-content: start;
}
.lewo-prawo .lewo-prawo-box{
    flex-direction: row;
    justify-content: end;
}
.lewo-prawo-box .prawo{
    height: auto !important;
}
.kreska-dluga{
    bottom: -10px !important;
    left: 0px ;
	right: auto;
    width: 80vw !important;
    height: 1px !important;
    background-color: black !important;
}
.parzysta .kreska-dluga {
    right: 0px !important;
    left: auto !important;
}
.lewo-prawo .lewo-prawo-box:nth-child(2n+2) .kreska-dluga{
    right: 0px !important;
    left: unset !important;
}
a.przy-b {
    background-color: var(--szary);
    color: white !important;
    text-decoration: none;
    padding: 10px 10px;
    cursor: pointer !important;
}
.fs-big{
    font-size: 13rem !important;
}
.text-sz{
    color: #c0c4bc !important;
}
.slide-liczba .kreska-cyfra{
    background-color: var(--szary);
    width: 100%;
    height: 1px;
    display: block;
}
.slide-liczba{
    filter: opacity(0.3);
    transition: 0.3s !important;
}
.swiper-cyfry .swiper-slide-active .slide-liczba{
    filter: opacity(1);
    transition: 0.3s !important;

}

.slide-liczba:hover{
    filter: opacity(1);
    transition: 0.3s !important;
}
.tekst-przerywnik p{
    margin: 0px !important;
}
.przerywnik{
    height: 85vh !important;
}

/* menu  */

header#masthead {
    position: fixed;
    z-index: 100;
    height: 80px; 
}

.menu-menu-container {
    display: flex;
    justify-content: center;
}
.page .main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid black;
    font-weight: normal;
    color: black !important;
    position: relative;
    transition: color 0.3s ease;
}
.STRONAGLOWNA .main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid white !important;
    color: white !important;
    position: relative;
    transition: color 0.3s ease;
}
.drugiemenu li:last-child a {
    border: none !important;
}

/* Zdjęcia */
.blog-block__image {
    width: 100%;
    transition: filter 0.4s ease, transform 0.4s ease;
	height: 45vh;
}

/* Wszystkie nieaktywne = bw */
.blog-block__item:not(.is-active) .blog-block__image {
    filter: grayscale(100%);
}

/* Aktywny = kolor + lekkie powiększenie */
.blog-block__item.is-active .blog-block__image {
    filter: grayscale(0%);
    transform: scale(1.02);
}

/* Styl przycisku dopasowany do projektu */
.blog-block .btn-dark {
    text-transform: lowercase;
    font-size: 14px;
}

/* Wyrównanie elementów */
.blog-block__item {
    cursor: pointer;
    transition: 0.3s ease;
	padding: 20px;
	background-color: transparent !important;
}

 

.STRONAGLOWNA .main-navigation li:last-child a {
    border-right: 0px solid white !important;
}
.main-navigation a:visited {
    color: white;
}
.main-navigation li:last-child a {
    border-right: 0px solid white;
    border: none !important;
}

.main-navigation a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.drugiemenu{
    list-style: none;
}



.page .drugiemenu a{
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(0, 0, 0);
    transition: color 0.3s ease;

    text-transform: lowercase;
}
 

.page .drugiemenu a:hover{
    color: rgba(255, 255, 255, 0.6);

}
.drugiemenu li:last-child a{
    border-right: 0px solid white;
    border: none !important;
}
.drugiemenu li:last-child{
    border-right: 0px solid white;
}
.kontakt a{
    transition: 0.3s;
}
.kontakt a:hover{
    opacity: 0.3;
}
/* ZZAUFALI NAM */


 
.zaufali-nam  .swiper-button-next, .zaufali-nam  .swiper-button-prev {
    bottom: -40px !important;
    top: inherit !important;
}

.zaufali-nam  .swiper-button-next:after, .zaufali-nam .swiper-rtl .swiper-button-prev:after{
    font-size: 12px;
}

.zaufali-nam  .swiper-button-prev:after, .zaufali-nam .swiper-rtl .swiper-button-prev:after{
    font-size: 12px !important;
}

.swiper-button-prev {
    left: inherit !important;
    right: 50px !important;
}

 .height-logos{
    height: 80px !important;
    width: 200px !important;
 }

.h-90{
    height: 90%;
}
.w-90 {
    width: 90%;
}
 
.adres p {
    margin: 0px;
    margin-bottom: 10px;
}

/* kontakt */

h2.titlekontakt {
    font-size: 50px;
    text-transform: rotate(90deg);
    rotate: -90deg;
    position: absolute;
    top: 50px;
    left: 0px;
}

/* .tloheader::after {
    content: ' ';
    position: absolute;
    z-index: -1;
    background: #202020;
    width: 0%;
    height: 100%;
    transition: 1s ease-in-out;

} */

.page img.custom-logo {
    width: 100px;
    filter: grayscale(100%) brightness(0%);
}

.STRONAGLOWNA img.custom-logo {
    width: 100px;
    filter: inherit;

}



.tloheader.active::after {
    width: 100%;

    transition:  1s ease-in-out;
}


.czarny a{
    color: black !important;
    list-style: none !important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    background: transparent !important;
    border: 0px !important;
    width: 100% !important;
    border-bottom: 1px solid var(--szary) !important;
    border-radius: 0px !important;
    border-bottom: 1px solid var(--szary) !important;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: black !important;
    color: rgb(255, 255, 255) !important;
    border: solid 1px rgb(0, 0, 0) !important;
}

.STRONAGLOWNA button,  .STRONAGLOWNA  input[type="button"], .STRONAGLOWNA   input[type="reset"],  .STRONAGLOWNA input[type="submit"] {
    background: black !important;
    color: rgb(255, 255, 255) !important;
    border: solid 1px rgb(0, 0, 0) !important;
}
 
.footermenu li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid var(--szary);
}

.footermenu li a{
    text-transform: lowercase;
    font-weight: lighter;
}

.footermenu li:last-child {
    border-right: 0px solid var(--szary);
} 


.post .entry-header{
    display: none !important;
}
.baner-wpis {
    height: 65vh;
}
span.kreska-wpis {
    display: block;
    height: 2px;
    background-color: gray !important;
    opacity: 0.35 !important;
    width: 20%;
    margin: auto;
}
.kreska-podobne{
    display: block;
    height: 2px;
    background-color: gray !important;
    opacity: 0.35 !important;
    width: 100%;
    margin: auto;
}
.site-header img.custom-logo {
    width: 100px;
    filter: inherit;
}
.fs-10{
    font-size: 12px !important;
}
.site-header .main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 30px;
    margin-left: 10px;
    border-right: 1px solid black !important;
    color: black !important;
    position: relative;
    transition: color 0.3s ease;
}
.site-header .drugiemenu a {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(0, 0, 0);
    transition: color 0.3s ease;
    text-transform: lowercase;
    color: black  !important;
}

.STRONAGLOWNA .site-header .main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 30px;
    margin-left: 10px;
    border-right: 1px solid rgb(255, 255, 255) !important;
    color: rgb(255, 255, 255) !important;
    position: relative;
    transition: color 0.3s ease;
}
.site-header .drugiemenu a {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(0, 0, 0);
    transition: color 0.3s ease;
    text-transform: lowercase;
    color: rgb(0, 0, 0)  !important;
}

.site-header .drugiemenu a:hover {
    color: rgb(0 0 0 / 50%) !important;
}
 

.STRONAGLOWNA .drugiemenu a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}
.STRONAGLOWNA .site-header {
    background-color: transparent !important;
}

.site-header img.custom-logo {
    filter: invert(1) !important;
}

.STRONAGLOWNA img.custom-logo{
    filter: inherit !important;
}
.opis1-wpis p{
    font-weight: lighter !important;
}
article footer.entry-footer{
    display: none !important;
}
div#comments{
    display: none !important;
}
.opis2-wpis ul{
    margin-left: 0px !important;
}
.opis2-wpis li{
    font-size: 1.25rem !important;
}
.post .post-thumbnail {
    display: none;
}

.img-wpis-podobne{
    height: 30vh !important;
}

.magnet {
    display: inline-block;
    transition: transform 0.2s ease;
    will-change: transform;
    position: relative;
  }





  .colorzielony{
    color: #2d4c1d !important;
}
  

.STRONAGLOWNA .drugiemenu a{
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid white !important;
    transition: color 0.3s ease;
    text-transform: lowercase;
    color: white !important;
}

.STRONAGLOWNA .menubutton {
    background: transparent !important;
    color: black !important;
    border: 0px !important;
}

.menubutton {
    background: transparent !important;
    color: black !important;
    border: 0px !important;
}


@media screen and (max-width: 992px){
.lewo-prawo-box .prawo{
    height: 40vh !important;
    margin-top: 3rem !important;
}
.baner-filmy {
    height: 89vh !important;
    }
.logmobile{
    height: 60px;
    margin: 0 0 1.5em 2em;
}

.odstep{
   height: 80px;
}
     h2.titlekontakt {
        left: -50px !important;
        position: static;
        rotate: 0deg;
        font-size: 30px;
        margin-bottom: 40px;
    }

    .przerywnik img {
        filter: opacity(0.5);
        object-position: right !important;
        }

.max {
    width: 90% !important;
    margin: auto !important;
 }

 .parzysta .lewo {
    padding-left: 0% !important;
    padding-right: 5% !important;
}


.lewo-prawo .lewo-prawo-box:nth-child(2n+2) .kreska-dluga {
    right: inherit !important;
    left: 0px !important;
}
.przerywnik {
    height: 100vh !important;
}

 

ul#mobile-menu li {
    margin: 0px;
    margin-bottom: 20px;
}

ul#mobile-menu li a {
    padding: 10px 0px;
    color: black !important;
    text-decoration: none !important;
}
.maxw-step {
    width: 90%;
}
.w-90 {
    width: 100%;
    }

.opiszielonetlo {
    height: 150px !important;
    }


    .gora .dot {
        top: 110% !important;
    }

    .dot {
 
        top: 5%;
 
    }

    .parzysta {
        flex-direction: row !important;
    }
}
     


@media screen and (max-width: 911px) {
    .menubutton {
        background: transparent !important;
        color: black !important;
    }
}