/* CSS Document */

.wpa {
	
}

.wpa .item {
	min-height: 310px;
    border: 15px solid #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wpa .item:hover {
	opacity: 0.7;
}

.wpa .item .wpa-facebook {
	position: absolute;
    top: 0;
    left: 0;
}

.wpa .item .item-col {
	min-height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.wpa .item .item-col.item-info {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wpa .item:first-child .item-col {
	min-height: 364px;
}

.wpa .item .table {
    display: table;
    height: 100%;
    margin: 0;
    background-color: rgba(0,0,0,.2);
}

.wpa .item .table-cell {
    display: table-cell;
    vertical-align: bottom;
	padding: 15px;
}

.wpa .item:first-child .table-cell {
	padding: 15px;
	
}

.wpa .item .atable {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 15px;
    border-bottom: 1px solid #614c3f;
}

.wpa .item .atable-cell {
	
}

.wpa .item h2 {
    color: #614c3f;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
    font-family: Lato;
}

.wpa .item p {
    color: #000000;
    font-size: 13px;
    font-family: Lato;
    font-weight: 400;	
}

.wpa .item:not(.item-first) p {
	/*display: none;*/
}

.wpa .item:hover .item-col.item-info {
	background-color: #ffffff !important;
}

.wpa .item:hover .item-col.item-info h2,
.wpa .item:hover .item-col.item-info a {
	color: #252525;
	
}

.wpa .item:hover .item-col.item-info p {
	color: #9a9a9a;
}

.wpa .item .appla {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	cursor:pointer;
}

 /*
  * m0320.css
  */

@media (max-width: 767px){	
}