/* css picslideout */

.picslideout-content {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap; 
}
.picslideout-item {
  position: relative;
  display: inline-block;
} 

.picslideout-item-border {
  height: 100%;
  padding: 3%;
  padding-bottom: 5%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; 
}

.picslideout-image {
	max-width: 100%;
    width: 100%;
	height: auto;
}
.picslideout-item-inner {
	position: relative;
	height: auto;
	-webkit-box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
	background-color: white;
	padding: 0px; 
	border: 1px solid #e7e7e7;
	border-radius: 6px; 
}
.picslideout-item-pic {
	position: relative;
}
	
.picslideout-item-title {
	position: absolute;
	top: 57%;
	left: 0px;
	width: 100%;
	text-align: center;
}
.picslideout-item-title span {
	padding: 3px 8px;
    background-color: #dbd9d9cc;
    color: #232a30;
    font-size: 1.4rem;
}
.picslideout-item-description {
	position: absolute;
	top: 82%;
	left: 0px;
	width: 100%;
	text-align: center;
}
.picslideout-item-description span {
	padding: 3px 8px;
    background-color: #dbd9d9cc;
    color: #232a30;
    font-size: 0.7875rem;
}
@media (max-width: 640px) {
}
.picslideout-item-header {
	padding: 4px 10px;
}
.picslideout-item-text {
	position: relative;
    background-color: #ffffff;
	padding: 4px 10px;
	margin-bottom: 5px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out; 
	z-index: 5;
}
.picslideout-item:hover .picslideout-item-text {
	max-height: 50rem;
}