/*
 *	Plugin Name: WP Tiles WUD
*/

@import url("wp-tiles-wud-base.css");
	
/*___________________________*/
/* START DIFFERENT FROM BASE */	
/*___________________________*/
.wp-tiles-wud-wrapper{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.wp-tiles-wud-wrapper-box{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}	

	/* Background image */
	.wp-tiles-wud-image{
		position: absolute;
		background-position: center;
		height:100%; width:100%; 
		background-size: cover;	
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		-ms-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);	
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}
	  
	.wp-tiles-wud-wrapper:hover > .wp-tiles-wud-image{ 
		-moz-transform: scale(0.99) !important;
		-ms-transform: scale(0.99) !important;
		-webkit-transform: scale(0.99) !important;
		transform: scale(0.99) !important;	
		filter:gray alpha(opacity=80);
		-webkit-filter:grayscale(80%);
	}

	/* Hide title on hover */
	.wp-tiles-wud-image:hover + div.wud-h2{ 
		display:none !important; 
	}

	.wud-0-excerpt-2 {
		display:none !important;
	}
	
	.wud-0-excerpt-1 {
		display:none !important;
	}
	.wud-0-excerpt {
		display:none !important;
	}

	
	.wud-1-excerpt-2 {
		display:none !important;
	}
	
	.wud-1-excerpt-1 {
		display:none !important;
	}
	.wud-1-excerpt {
		display:none !important;
	}
	
	/* Post title standard */
	.wud-h2 {
		margin: auto;
		margin-left:8%;
		margin-top:40%;
		padding: 0 4px 0 4px;
		background-color: rgba(0, 0, 0, 0.701961);
		color: #DADADA;
		height: 14%;
		display: inline-block;
		position: absolute; 
		width:81%;
		overflow: hidden;
	}
/*_________________________*/	
/* END DIFFERENT FROM BASE */
/*_________________________*/

#wp-tiles-wud-wrapper-1 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
}
#wp-tiles-wud-wrapper-2 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
}
#wp-tiles-wud-wrapper-3 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;		
}
#wp-tiles-wud-wrapper-4 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
}
#wp-tiles-wud-wrapper-5 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
}
#wp-tiles-wud-wrapper-6 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;		
}
#wp-tiles-wud-wrapper-7 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;		
}
#wp-tiles-wud-wrapper-8 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
	}
#wp-tiles-wud-wrapper-9 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
	}
#wp-tiles-wud-wrapper-10 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-11 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-12 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-13 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
	}
#wp-tiles-wud-wrapper-14 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-15 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-16 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-17 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;	
	}
#wp-tiles-wud-wrapper-18 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-19 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}
#wp-tiles-wud-wrapper-20 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 22px; 
	font-size: 1.4vw;
	}