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

#painewsglowna a {color:#000000; }

#painewsglowna .main-title { position: relative; width:90%; border-left: solid 10px #FF0004; padding-left: 10px; color: #333; margin: 20px 10px 20px 10px; font-weight: normal; text-transform: uppercase; line-height: 1.1; top: 0; }
#painewsglowna .main-title span { display: block;  font-weight:bold; margin-bottom:20px; }
#painewsglowna .main-title a { color: inherit; }
#painewsglowna .main-title span { margin-bottom: 0;}
#painewsglowna .main-title .span1 { font-size: 100%; color:#999; margin-bottom:6px;  }
#painewsglowna .main-title .span2 { font-size: 150%; text-align:left; color: #036;  margin-bottom:6px;  -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666; font-weight: 400;  line-height:1.4; }
#painewsglowna .main-title .span3 { font-size: 100%; text-transform: none; font-weight: normal; color: #000000; text-transform:uppercase; line-height:1.2;  }

.painewsglowna {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
   /*  background: #000000; 
 /*  background-image: url(http://wspolnotapolska.org.pl/system//img/overaly.png); */
  cursor: pointer;
}

.painewsglowna img {
  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:350px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}

@media (min-width: 767px) { 
#painewsglowna img{max-height: 400px; }
}
 

/* ...................................................................................................................................................*/

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



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

#painews a {color:#000000; }
#pai a {color:#000000; }

.painews {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
   /*  background: #000000; 
 /*  background-image: url(http://wspolnotapolska.org.pl/system//img/overaly.png); */
  cursor: pointer;
}

#painews h3 {   font-size: 18px; }

.painews .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
  /*  background-image: url(http://wspolnotapolska.org.pl/system//img/overaly.png); opacity: 0.8; */
}

.painews img {
  display: block;
  position: relative;
  object-fit: cover;
  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:300px;
  margin: 0 auto; 
  padding-bottom:0px; 
}

.painews2 img {
  display: block;
  position: relative;
  object-fit: cover;
  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:220px;
  margin: 0 auto; 
  padding-bottom:0px; 
}


@media (min-width: 767px) { 
#painews img{max-height: 300px; }
}


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

.painews h5 {
   text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  color:#57D2FF; 

}

.painews h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
 /* font-size: 17px; */
  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;
}

.painews 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);
}

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

.painews a, .pai 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);
}

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

/*........................................*/


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

.pai {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
   /*  background: #000000; 
 /*  background-image: url(http://wspolnotapolska.org.pl/system//img/overaly.png); */
  cursor: pointer;
}

.pai .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
  /*  background-image: url(http://wspolnotapolska.org.pl/system//img/overaly.png); opacity: 0.8; */

}


.pai 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;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}

@media (min-width: 767px) { 
#pai img{max-height: 250px; }
}


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

.pai h5 {
   text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  color:#57D2FF; 

}

.pai h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
 /* font-size: 17px; */
  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;
}

.pai 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);
}

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

.pai a, .pai 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);
}

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