.page-list-item {
  margin-bottom:3ex;

}

.page-list-item-inner {
  position: relative;
  height:320px;
  overflow:hidden;
  /*border:1px dotted #ccc;*/
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.25);
  padding:0;
}

.page-list-item-inner:hover {
  cursor:pointer;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.25);

}

.page-list-item h3 {
	font-weight: 600;
	font-size:24px;
	margin:.7ex 0;
}

.pli-img {
  height:auto;
  max-height: 180px;
  overflow:hidden;
}

.pli-description-container{
  padding:0 20px;
}

.pli-description {
  height:auto;
  line-height:3ex !important;
  font-size:19px;
  font-weight: 300;
}

.pli-readmore {
  position:absolute;
  z-index:3;
  bottom:0;
  right:0;
  background: #666;
  font-size:.75em;
}

.pli-readmore a {
  color:#fff;
  padding:1ex 1em;
}

.page-list-item ul {
  list-style:none inside none;
  font-size: 87%;
  margin: .7ex 0;
  padding: 0 2em;
}

.more {
  position: absolute;
  z-index: 300;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  /*text-shadow: 0 0 5px #333;*/
  background:#fff;
  color:#cecece;
}

.more i.fa.yes-more {
  visibility:visible;
}

.more i.fa.no-more {
  visibility:hidden;
}

.trans-white-gradient {
  display:none;
  bottom: 0;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 1%, rgba(255,255,255,0.01) 2%, rgba(255,255,255,1) 79%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,0)), color-stop(2%,rgba(255,255,255,0.01)), color-stop(79%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 1%,rgba(255,255,255,0.01) 2%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,0) 1%,rgba(255,255,255,0.01) 2%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 1%,rgba(255,255,255,0.01) 2%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 1%,rgba(255,255,255,0.01) 2%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media(max-width:768px) {
  .page-list-item-inner {
    position: relative;
    height:auto;
    overflow:hidden;
  }
  .more {
    background-color:#fff;
    position: relative;
  }
}