/*https://miketricking.github.io/bootstrap-image-hover/#  */

#nowosci_kafelki .col-md-3 {padding: 3px; }
#nowosci_kafelki .col-md-4 {padding: 3px; }
#nowosci_kafelki .col-md-5 {padding: 12px; }
#nowosci_kafelki .col-sm-6 {padding: 3px; }
#nowosci_kafelki .col-md-7 {padding: 9px; }


#nowosci_kafelki .col-sm-6 {padding: 3px; }
#nowosci_kafelki h4 {color:#FFFFFF; }


#nowoscipolonia { padding-top: 40px;  background: url('https://wspolnotapolska.org.pl/system/img/wiadomosci_polonijne3.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #000000;  }
#nowoscipolonia .col-sm-4 {padding: 3px; }
#nowoscipolonia .col-sm-8 {padding: 15px; }
#nowoscipolonia .btn-default {color: #333; background-color: transparent;  border-color: #ccc; }

.nowoscipolonia {
  width: 100%;
   /* height: 100%;  */
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
 /*  background: #000000; 
  background-image: url(https://portalpolonii.pl/system//res/overaly_szary.png); */
  cursor: pointer;
  /* margin: 2px; */
}

.nowoscipolonia .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
 background-image: url(https://portalpolonii.pl/system//res/overaly_szary.png); opacity: 1;
}

.nowoscipolonia img {
 /* opacity: 0.6; */
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height:250px;
max-height:250px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}

@media only screen and (min-width: 480px) and (max-width : 767px)   { 
#nowoscipolonia img{max-height: 250px; }
.nowoscipolonia img{max-height: 250px; }
}
@media only screen and (min-width: 321px) and (max-width : 479px)  { 
#nowoscipolonia img{max-height: 150px; }
.nowoscipolonia img{max-height: 150px; }
}


.nowoscipolonia:hover img {
  opacity: 0.3;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  cursor: pointer;
}

.nowoscipolonia h5 {
   text-transform: uppercase;
  text-align: center;
  position: relative;
  color: #FFCE00; 

}

.nowoscipolonia h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
 font-size: 95%; 
  overflow: hidden;
  padding-bottom:0.5em ;
  
   /* padding: 0.5em 0;*/
  overflow: hidden;
  background-color: transparent;
  text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000;  -moz-text-shadow: 1px 1px 1px #000;
}

.nowoscipolonia h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.nowoscipolonia:hover h4:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.nowoscipolonia a, .nowoscipolonia p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.nowoscipolonia:hover a, .nowoscipolonia:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}