﻿.af-text {
	padding: 8px;
}

.af-text-spacer { 
	clear:both;
	height:20px;
}

/* Base placeholder */
.af-placeholder {
	border: solid 1px #888;
	text-align: center;
	display: flex;
	flex-direction: column; /* stack children vertically */
	align-items: center;
	justify-content: center;
	font-size: 1.4em;
	font-weight: 400;
	color: #222;
	text-transform: capitalize;
	min-height: 100px;
	margin: 5px;
	transition: 0.25s;
	line-height:1.5em;
}

.af-placeholder .subtitle { 
	font-size:0.75em;
	color: #666;
	text-transform:none;
}

/* Remove underline and link colors */
a.link-placeholder {
	text-decoration: none;
	color: inherit;
	display: block; /* make the link cover the div */
}

	/* Hover only for link placeholders */
	a.link-placeholder:hover .af-placeholder {
		filter: brightness(90%); /* reduces brightness */
		cursor: pointer;
	}

/* Non-link placeholders → no hover */


