#mapa-jak-dojechac{
width:100%;
background-color:#5e6c66;
height:33rem;
z-index:2;
}

#mapa-menu{
z-index: 999;
position: absolute;
top: 50%;
left: 0;
transform: translate(0px, -50%);
}

#mapa-menu > div{
user-select:none;
cursor:pointer;
transition: filter 0.3s;
}

#mapa-menu > div:hover{
filter: brightness(0.85);
}

.mapa-dojazd, .mapa-kontakt{
background-color:#5e6c66;
padding: 1rem!important;
font-size: 1.6rem;
color: white;
}

.mapa-kontakt{
background-color:#5fa3a6;
}

.leaflet-popup-content{
width: 233px;
height: 10rem;
background-image: url(http://festiwalaktywnosci.pl/wp-content/themes/festiwalaktywnosci/images/amberexpo.webp);
background-position: cover;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
margin:0!important;
display: flex;
align-items: center;
justify-content: center;
color: white;
padding: 1rem;
}

.leaflet-popup-content > div{
background: #5e6c6696;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: .5rem;
user-select:none;
}

.leaflet-popup-content > div > p{
margin:0;
}

.leaflet-popup-content > div > h5{
text-align: center;
}

#modal-formularz-kontaktowy{
padding: 0 2rem;
}

.form-imie-nazwisko > fieldset > div{
max-width:100%!important;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #5e6c66!important;
border: 1px solid #5e6c66!important;
}

.color-white-form-not{
color:white!important;
}

.przeslij-wiadomosc-but{
background:#5e6c66!important;
}
.przeslij-wiadomosc-but:hover{
background:#404c47!important;
}

.modal-dojazd-img, .modal-dojazd-img>img{
width:100%;
}

.modal-dojazd-img{
margin-bottom:1rem;
}