/* Veterans/Default.ashx -- guest book list. ARTICLE boxes come from DIV.News in /Common/2025/Core.css */

#Vet DIV.News H5 {
	margin: 6px 0 0;
	color: #AAA;
	font: 12pt 'PT Sans', sans-serif;
}
#Vet DIV.News H5.VetMemoriam {
	color: #FFFFC0;
	font-style: italic;
}
#Vet DIV.News ARTICLE.Memoriam { border-left: 4px solid #FFFFC0; }
#Vet DIV.News ARTICLE P { line-height: 1.5; overflow-wrap: anywhere; }
/* Core.css clears floats at every BR in DIV.News; inside a message that would push the text under the picture */
#Vet DIV.News ARTICLE P BR { clear: none; }
#Vet DIV.News ARTICLE::after { content: ""; display: block; clear: both; }
#Vet DIV.News P.VetPosted {
	margin: 12px 0 0;
	color: #888;
	font-size: 11pt;
}
#Vet DIV.News A { color: #FFFFC0; }

/* Picture: always 158 x 158 (plus Core.css's 1px border = 160), so smaller uploads are scaled up
   and larger ones down. "contain" keeps a non-square default emblem whole. */
#Vet DIV.News IMG.Tile {
	width: 158px;
	height: 158px;
	max-width: none;
	object-fit: contain;
	box-sizing: content-box;
}
/* Default emblems (SVG/PNG, often transparent) sit on white */
#Vet DIV.News IMG.Tile.VetEmblem { background-color: #FFF; }

/* Phones under 400px: name centered, then the picture centered and large, then the rest on the left.
   The picture is 360 x 360, or as wide as the article's content: the screen width minus 32px per
   side (MAIN padding 10 + ARTICLE border 1 + ARTICLE padding 20 + picture border 1). 100% is used
   rather than 100vw - 64px because 100vw includes a desktop scrollbar and would overflow.
   Flex "order" moves the picture right under the name without changing the HTML
   (the "In Memoriam" line comes after the picture here). */
@media (max-width: 399.98px) {
	#Vet DIV.News ARTICLE {
		display: flex;
		flex-direction: column;
	}
	#Vet DIV.News ARTICLE H4.Title {
		order: -2;
		text-align: center;
	}
	#Vet DIV.News ARTICLE IMG.Tile {
		order: -1;
		float: none;
		box-sizing: border-box;
		width: 100%;
		max-width: 360px;
		height: auto;
		aspect-ratio: 1 / 1;
		margin: 12px auto 6px;
	}
}

/* "Honor a Veteran" button, same look as .AuthBtn in /Login.css */
P.VetAdd { margin: 10px 0 20px; }
A.VetAddBtn {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #03A9F4, #2196F3);
	color: #FFF;
	font: 14pt 'PT Sans', sans-serif;
	text-shadow: 1px 1px 0 #0000009e;
	text-decoration: none;
	box-shadow: 1px 1px 1px #000000;
	transition: filter 150ms;
}
A.VetAddBtn:hover { filter: brightness(1.12); }
A.VetEditLink { margin-left: 18px; color: #FFFFC0; font: 12pt 'PT Sans', sans-serif; white-space: nowrap; }