/* Site specific overrides
-------------------------------------------------- */
@media (min-width: 768px)
{
	html
	{
		font-size: 16px;
	}

	.site-alert
	{
		max-width: 600px;
	}

	.site-contactus
	{
		max-width: 600px;
	}

	.site-passwordreset
	{
		max-width: 600px;
	}

	.site-vertical-spacer
	{
		margin-top: 0 !important;
	}
}

a
{
	color: blue;
}

	a:hover
	{
		color: mediumblue;
		text-decoration: underline
	}

.bg-light
{
	background-color: steelblue !important;
	background-image: url("/img/navbar-background.jpg");
}

.site-nav, .site-nav-text
{
	color: aliceblue !important;
	font-weight: bold;
}

	.site-nav:hover
	{
		color: gold !important;
		text-decoration: none;
	}

.navbar-light .navbar-toggler
{
	border-color: gold;
}

.navbar-light .navbar-toggler-icon
{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='gold' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card-header
{
	background-color: whitesmoke;
}

.btn-primary
{
	background-color: steelblue;
	border-color: steelblue;
	font-weight: bold;
}

	.btn-primary:hover
	{
		background-color: mediumblue;
		border-color: mediumblue;
	}

	.btn-primary.disabled, .btn-primary:disabled
	{
		color: darkgray;
		background-color: lightgray;
		border-color: lightgray;
	}

.btn-secondary
{
	background-color: darkgray;
	border-color: darkgray;
	font-weight: bold;
}

	.btn-secondary:hover
	{
		background-color: dimgray;
		border-color: dimgray;
	}

	.btn-secondary.disabled, .btn-secondary:disabled
	{
		color: darkgray;
		background-color: lightgray;
		border-color: lightgray;
	}

.input-group-text
{
	color: midnightblue;
	font-weight: 600;
	white-space: normal;
}

.modal-header
{
	background-color: steelblue;
	color: white;
}

.close
{
	color: white;
	text-shadow: none;
	opacity: inherit;
}

.modal-footer
{
	background-color: aliceblue;
}

.footer
{
	background-color: steelblue;
	/* box-shadow: 0 -1rem 3rem rgba(0,0,0,.175); */
	font-size: medium;
}

/* Site specific styles
-------------------------------------------------- */
#divNavBarItems
{
	text-align: right;
}

@media (max-width: 400px)
{
	#divNavBarItems
	{
		font-size: small;
	}

	.site-logo
	{
		width: 71px;
		height: 71px;
	}

	.site-logo-text
	{
		font-size: 2rem !important;
		margin-top: .3rem !important;
	}

	.navbar-toggler
	{
		padding: .25rem .25rem;
		font-size: 1rem;
	}
}

.site-logo
{
	filter: drop-shadow(0 0 .35rem aliceblue);
}

.site-logo-text
{
	color: gold;
	font-family: Teko, sans-serif;
	font-size: 2.5rem;
	line-height: 1;
}

.site-body
{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-main
{
	flex: 1;
}

.site-font, .site-title
{
	font-family: Raleway, sans-serif;
}

.site-title
{
	font-weight: bold;
}

.site-color, .site-title
{
	color: steelblue;
}

.site-card-header-ul
{
	margin-bottom: 0;
	margin-left: 1.9em !important;
}

.site-card-header-ul-text
{
	margin-bottom: 0;
}

.site-card-header-li
{
	left: -1.5em;
	text-align: left;
}

.site-footer
{
	color: aliceblue;
	padding-bottom: 1.5rem;
	padding-top: 2rem;
}

.site-copyright
{
	background-color: midnightblue;
	color: lightgray;
	font-size: medium;
	font-weight: bold;
	padding: .5rem;
	text-align: center;
}

.site-input-group-textarea
{
	border-radius: 0;
	height: 150px !important;
}

.site-input-group-textarea-label
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-style: none;
}

.site-input-label
{
	width: 141px;
}

.site-chatbot
{
	height: 500px;
	width: 100%;
}

.site-vertical-spacer
{
	margin-top: 1rem;
}