.round_ws {
	border-radius: 50px !important;
}

.ws-2x {
	font-size: 1.5rem;
}

.sponsor {
	font-size: 0.6rem !important;
	margin-left: 10px;
}



.galeria {
	display: flex;
}


.ws-gal .ws-img img {
   transition: 0.5s;
}

.ws-img {
   position: relative;
   overflow: hidden;
   border: 2px solid #fff;
}

.ws-img-oferta {
   position: relative;
   overflow: hidden;
   border: 2px solid #fff;
}


.ws-gal:hover > .ws-img > img {
   transform:scale(1.3);
}


.ws-h198 {
   max-height: 198px;
   text-align: center;
}

.ws-h166 {
   max-height: 166px;
   text-align: center;
}


.ws-h300 {
   max-height: 300px;
   text-align: center;
}


.ws-h420 {
   max-height: 420px;
   text-align: center;
}

.ws-auto {
   height: auto;
   text-align: center;
}


.cena {
	padding: 0.6rem;
  background-color: #ff0;
  text-align: center;
  color: #000;
  font-size: 0.9rem;
  font-weight: bold;
}

@media (min-width: 768px) {
  .ws-img {
     max-height: 121px;
    text-align: center;
  }

  .ws-img-oferta {
     max-height: 200px;
    text-align: center;
  }

  .ws-nowrap {
	flex-wrap: nowrap!important;
  }

  .ws-dol {
	position: relative;
	bottom: -5rem;
  }

} 
/* end min-width 768 */


@media (max-width: 768px) {
  .ws-img {
     max-height: 300px;
    text-align: center;
  }

  .ws-img-oferta {
     max-height: 250px;
    text-align: center;
  }	

} 
/* end max-width 768 */




.lista > ul {
	list-style: none;
	padding-left: 0px;	
}

.lista > ul > li {
  display: flex;
  align-items: start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.lista > ul > li > i {
	margin-right: 0.1rem;
	flex-shrink: 0;
	color: #D81324; /* Zielony znacznik (check) */
   margin-top: 0.2em; /* wyrównanie do góry tekstu (opcjonalnie) */
}

.cen-1 {
   font-size: 1.2rem;
}

.regulamin > ol > li {
   margin-bottom: 1rem;
}


.dopisek {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../galeria/g1/ionas_08.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.h-198 {
   height: 200px;
   width: auto;
}


/*** Blog Start ***/
.blog .blog-item {
    border-radius: 10px;
    background: var(--bs-light);
    transition: 0.5s;
}

.blog .blog-item:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
}

.blog .blog-item .blog-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog .blog-item .blog-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.5s;
    z-index: 1;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.2);
}

.blog .blog-item:hover .blog-img::after {
    /* background: rgba(0, 209, 249, 0.2); 
    background: rgba(244, 177, 209, 0.2); */ 
}

.blog .blog-item .blog-date {
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 10px;
    background: var(--bs-rozowy);
    color: var(--bs-white);
    z-index: 2;
}

.blog .blog-item .blog-content a {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-content a:hover {
    /* color: var(--bs-primary) !important; */
    color: var(--bs-rozowy) !important;
}
/*** Blog End ***/


.kontakt-adr {
    font-size: 1.3rem;
}

.h-kontakt {
    height: 150px;
}

.round_k {
    border-radius: 10px !important;
}


.login,
.koniec {
  cursor: pointer;
  font-size: 0.8em;
}


/* MODAL */
@font-face {
  font-family: wsmtc;
  src: url(./font/mtcorsva.ttf);
}


.ws_dialog {
    border-radius: 10px
}


.glowka {
  /* background-color: #800000; */
  background-color: var(--bs-rozowy);
  border-radius: 8px 8px 0 0;
  color: #ffffff;
}


.ws_body {
  background-color: #FFFFFF;
  line-height: 2.0em;
  font-size: 1.6em;
  color: #000;
}


.ws_body_1 {
  background-color: #FFFFFF;
  line-height: 1.0em;
  font-size: 1.2em;
  color: #000;
}

.ws_body_czytaj {
   background-color: #FFFFFF;
  line-height: 1.5em;
  font-size: 1.2em;
  color: #000;
}

.stopka_ws {
  /* background-color: #800000; */
  background-color: var(--bs-rozowy);
  border-radius: 0 0 8px 8px;
}


@media (min-width: 768px) {
  .modal-dialog {
      max-width: 50%!important;
  }
}


@media (max-width: 768px) {
  .modal-dialog {
    max-width: 100%!important;
  }

  .motyle {
      margin-left: 50%;
     position: relative;
     top: -97px;
     right: -80%;
     float: right;
     z-index: -400;
    }

}  




.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  width: 100%;
  color: #fff;
  font-family: Arial;
  font-size: 1.1em;
}


.modal-header {
    height: auto!important;
}

.modal-header .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}
/* MODAL */


 :root {
  --bs-rozowy: #072df7;
  --bs-tlo-rozowy-jasny: #FDF1FC;
  --bs-tlo-rozowy: #F4CBF1;
  --bs-jasno-rozowy: #e36bb4;
  --bs-ciemno-rozowy: #bf0476;
 }



.body_gal {
    border: 1px solid;
    border-radius: 8px;
    background-color: cornsilk;
}


#uwaga {
  color: #FF0000;
  font-weight: bold;
}

.ukryj {
    display: none;
}

#progress {
    width: 100%;
    background-color: #ddd;
    margin-top: 10px;
}

#pbar {
    width: 1%;
    height: 10px;
    background-color: #4caf50;
}


.btn_usun {
  font-size: 0.85em;
  position: relative;
  top: -40px;
  left: 5px;
  z-index: 100;
  text-transform: none;
}

.w-lewo {
    float:left;
}

.w-prawo {
    float: right;
}