﻿@charset "UTF-8";

.navbar-nav
{
	flex-wrap:			wrap;
}

.navbar-nav .nav-link
{
	white-space:		nowrap;
}

@media (min-width: 992px) and (max-width: 1199.98px)
{
	.navbar .container
	{
		padding-left:	1rem !important;
		padding-right:	1rem !important;
	}

	.navbar-nav .nav-link
	{
		padding-left:	.5rem !important;
		padding-right:	.5rem !important;
		font-size:		.95rem;
	}
}

.table-responsive
{
	-webkit-overflow-scrolling: touch;
}

.table > :not(caption) > * > *
{
	word-break:			keep-all;
}

.NewsCards
{
	display:			flex;
	flex-direction:		column;
	gap:				.75rem;
}

.NewsCards > div
{
	position:			relative;
	display:			flex;
	align-items:		center;
	gap:				1rem;
	min-width:			0;
	padding:			.875rem 3rem .875rem .875rem;
	margin-bottom:		0 !important;
	background-color:	#fff;
	border:				1px solid rgba(0, 0, 0, .06);
	border-radius:		.75rem;
	box-shadow:			0 1px 3px rgba(0, 0, 0, .06);
	transition:			box-shadow .15s ease-in-out, transform .15s ease-in-out;
}

.NewsCards > div:hover,
.NewsCards > div:focus-within
{
	box-shadow:			0 .5rem 1rem rgba(0, 0, 0, .1);
	transform:			translateY(-1px);
}

.NewsCards > div > .small
{
	flex:				0 0 auto;
	display:			flex;
	flex-direction:		column;
	align-items:		center;
	justify-content:	center;
	width:				4.25rem;
	min-height:			4.25rem;
	padding:			.35rem;
	margin-bottom:		0;
	border-radius:		.625rem;
	background-color:	#EEF3E0;
	color:				#6E8B3D !important;
	line-height:		1.15;
	text-align:			center;
}

.NewsCards .NewsDay
{
	font-size:			1.6rem;
	font-weight:		700;
	color:				#5C7A2B;
}

.NewsCards .NewsYm
{

	font-size:			.78rem;
	color:				#8AA359;
}

.NewsCards > div > a
{
	flex:				1 1 auto;
	min-width:			0;
	text-decoration:	none;
}

.NewsCards h3
{
	margin:				0;
	font-size:			1rem;
	line-height:		1.55;
	font-weight:		700;
	color:				#212529;
}

.NewsCards a:hover h3,
.NewsCards a:focus-visible h3
{
	color:				#5C7A2B;
}

.NewsCards > div > a::after
{
	content:			"";
	position:			absolute;
	top:				0;
	right:				0;
	bottom:				0;
	left:				0;
}

.NewsCards > div::after
{
	content:			"";
	position:			absolute;
	top:				50%;
	right:				1.25rem;
	width:				.5rem;
	height:				.5rem;
	border-top:			2px solid #C2C8D0;
	border-right:		2px solid #C2C8D0;
	transform:			translateY(-50%) rotate(45deg);
	transition:			border-color .15s ease-in-out;
}

.NewsCards > div:hover::after
{
	border-color:		#5C7A2B;
}

@media (prefers-reduced-motion: reduce)
{
	.NewsCards > div
	{
		transition:		none;
	}

	.NewsCards > div:hover,
	.NewsCards > div:focus-within
	{
		transform:		none;
	}
}

.PromptCards
{
	display:			flex;
	flex-direction:		column;
	gap:				.75rem;
}

.PromptCard
{
	display:			flex;
	align-items:		flex-start;
	gap:				.875rem;
	padding:			1rem 1.125rem;
	background-color:	#fff;
	border:				1px solid rgba(0, 0, 0, .06);
	border-left:		4px solid #E0A93B;
	border-radius:		.75rem;
	box-shadow:			0 1px 3px rgba(0, 0, 0, .06);
}

.PromptIcon
{
	flex:				0 0 auto;
	display:			inline-flex;
	align-items:		center;
	justify-content:	center;
	width:				2.25rem;
	height:				2.25rem;
	margin-top:			.1rem;
	border-radius:		50%;
	background-color:	#FDF3DC;
	color:				#B4801F;
	font-size:			1.05rem;
	line-height:		1;
}

.PromptText
{
	flex:				1 1 auto;
	min-width:			0;
	margin:				0;
	font-size:			.95rem;
	line-height:		1.85;
	color:				#3F4650;
	overflow-wrap:		anywhere;
}

@media (pointer: coarse)
{

	a.badge
	{
		padding:		.5em .75em;
	}

	a[id$="EditLink"]
	{
		display:		inline-block;
		padding:		.35rem .5rem;
	}
}
