/* CPMFetch Shortcodes
------------------------------------------ */
/* Images --------------- */
.void-cpmfetch-images {}
.void-cpmfetch-images img {
	max-width: 120px;
	height: auto;
}
.void-cpmfetch-images-link {
	font-size: .7em;
	text-transform: uppercase;
}

/* Album grid --------------- */
.void-cpmfetch-grid {
	text-align: center;
}
.void-cpmfetch-grid-item {
	position: relative;
	display: inline-block; 
	width: 120px; 
	margin: 0 4px 12px 4px; 
	vertical-align: top;
}
.void-cpmfetch-grid-item img {
	margin: 0;
}
.void-cpmfetch-grid-item-imgcount {
	position: absolute;
	top: 6px;  /* Adjust this value to better position the image count div */
	right: 6px;  /* Adjust this value to better position the image count div */
	padding: 4px 5px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 9px;
	line-height: 1;
	border-radius: 4px;
}
.void-cpmfetch-grid-item-date {
	margin-top: 6px;
	font-size: .72em;
	line-height: 1.4;
}
.void-cpmfetch-grid-item-title a{
	display: block;
	display: -webkit-box;
	font-size: .85em;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Album list --------------- */
.void-cpmfetch-list ul {
	padding: 0!important;
	margin: 0!important;
	list-style: none!important;
}
.void-cpmfetch-list li {
	list-style: none;
	font-size: .88em;
	line-height: 1.3;
}
.void-cpmfetch-list li:not(:last-of-type) {
	padding: 0 0 2px 0;	
}
.void-cpmfetch-list span:after {
	content: '\203A';
	margin: 0 5px;
	font-size: 1.2em;
}


/* Responsive
------------------------------------------ */
@media screen and (max-width: 650px) {
	.void-cpmfetch-images img {
		width: 15vw;
		height: auto;
	}
}