/* CSS3 STYLE PROJECT */
.risewp-view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   height: auto;
}
.risewp-view .risewp-mask, .risewp-view .content {  
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.risewp-view img {
   display: block;
   position: relative;
   width: 100%;
   height: auto !important;
}
.risewp-view a.info { 
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

/* EFFECTS */
.risewp-effect .risewp-mask {
	position:absolute; /* Center the risewp-mask */ 
	background: #2a2e39 none repeat scroll 0 0;
	cursor:pointer;
    display: inline-block;
    height: 100%;
    width: 100%;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	opacity:0.15; 
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1); 
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.risewp-effect:hover .risewp-mask { 
   opacity: 0;
   border:0px solid rgba(0,0,0,0.7);
   visibility:hidden;
}  

.risewp-title-container {
	height: 100%;
    position: absolute;
    width: 100%;
}

h2.risewp_item_title, .risewp-project-excerpt p {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0.5em 0.75em; 
	color: #ffffff;
	font-size: 1.85em;  
	line-height: 1;
	z-index:10; 
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.risewp-project-excerpt p {
	font-size:13px; 
	color:#ffffff; 
	text-align:left; 
}

.risewp-effect:hover h2.risewp_item_title, .risewp-effect:hover .risewp-project-excerpt p {    
	opacity: 0;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}

.risewp_item_image {
	position: relative; 
	top: 50%;
	min-height: auto;
	width: 100%; 
	-webkit-transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1);
	transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1); 
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.risewp-effect:hover .risewp_item_image {  
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0); 
	transform: translate3d(0, 0, 0);
}