/* 
 * Top Posts Widget styles for Jetpack
 */

/* 2-Column Grid Layout */

.widgets-grid-layout {
	width: 100%;
}

.widgets-grid-layout:before,
.widgets-grid-layout:after {
	content: " ";
	display: table;
}

.widgets-grid-layout:after {
	clear: both;
}

.widget-grid-view-image {
	float: left;
	max-width: 50%;
}

.widget-grid-view-image a {
	display: block;
	margin: 0 2px 4px 0;
}

.widget-grid-view-image:image:nth-child(even) {
	float: right;
}

.widget-grid-view-image:nth-child(even) a {
	margin: 0 0 4px 2px;
}

/* CUSTOM BY LOVEROCK */


.widget-grid-view-image .top-text {
	color: white;
    text-align: center;
    font-size: 15px;
    position: relative;
    top: 0;
    float: left;
	margin-top: -71%;
    max-width: 90%;
    padding: 10px;
	text-transform: uppercase;
    line-height: 1.2em;
	font-family: "Oswald";
    opacity: 0;
    box-shadow: 0px 0px 0px;
    transition: box-shadow 0.6s, opacity 0.6s;

}

.widget-grid-view-image:hover .top-text {
    opacity: 1;
    position: relative;
    top: 0px;
    float: left;
    margin-top: -71%;
    max-width: 90%;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.7) inset;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
    text-align: center;
    transition: box-shadow 0.6s ease 0s, opacity 0.6s ease 0s;
    word-break: keep-all;
    font-family: "Oswald";
    height: 70px;  
}


/* CUSTOM END */


.widgets-grid-layout .widget-grid-view-image img {
	max-width: 100%;
	height: auto;
}


/* Multi-Column Grid Layout */

.widgets-multi-column-grid ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.widgets-multi-column-grid ul li {
	background: none;
	clear: none;
	float: left;
	margin: 0 -5px -3px 0;
	padding: 0 8px 6px 0;
	border: none;
	list-style-type: none !important;
}

.widgets-multi-column-grid ul li a {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.widgets-multi-column-grid .avatar {
	vertical-align: middle;
}

/* List Layout */

.widgets-list-layout {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.widgets-list-layout li:before,
.widgets-list-layout li:after {
	content:"";
	display:table;
}
.widgets-list-layout li:after {
	clear:both;
}
.widgets-list-layout li {
	zoom:1;
	margin-bottom: 1em;
	list-style-type: none !important;
}

.widgets-list-layout .widgets-list-layout-blavatar {
	float: left;
	width: 21.276596%;
	max-width: 40px;
	height: auto;
}

.widgets-list-layout-links {
	float: right;
	width: 73.404255%;
}

.widgets-list-layout span {
	opacity: 0.5;
}

.widgets-list-layout span:hover {
	opacity: 0.8;
}