@charset "utf-8";
/* CSS Document */

.infoSLide1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.1), 
    rgba(0,0,0,0.7)), 
    url(../images/banners/jesus.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.5), 
    rgba(68,68,68,0.5)), 
    url(../images/banners/campfireCGL.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide3 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.1), 
    rgba(0,0,0,0.7)), 
    url(../images/banners/homeDevos.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide4 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.8)), 
    url(../images/banners/acts.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide5 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.8)), 
    url(../images/banners/mapTattoo.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide6 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.1), 
    rgba(0,0,0,0.8)), 
    url(../images/banners/bibleMessage.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide7 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.5), 
    rgba(68,68,68,0.5)), 
    url(../images/banners/resources.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide8 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.5), 
    rgba(68,68,68,0.5)), 
    url(../images/banners/blankets.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.infoSLide....... { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.1), 
    rgba(0,0,0,0.9)), 
    url(../images/banners/community.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.itemInfoImageSlide {
  filter: opacity(95%);
  -o-filter: opacity(95%);
  -ms-filter: opacity(95%);
  -moz-filter: opacity(95%);
  -webkit-filter: opacity(95%);

  transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;

  display: block;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  border-radius: 5px;
}

.itemInfoTextSlide {
  transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}

.itemInfoSlide:hover .itemInfoImageSlide {
  filter: opacity(100%);
  -o-filter: opacity(100%);
  -ms-filter: opacity(100%);
  -moz-filter: opacity(100%);
  -webkit-filter: opacity(100%);
}

.itemInfoSlide:hover .itemInfoTextSlide {
  opacity: 1;
}