html {
	font-size: 14px;
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Open Sans', Arial, Merriweather, Cambria, sans-serif;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 60rem) {
	.full-width-body .l-sidebar {
		display: block;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: Rubik, 'Arial Black', sans-serif;
	font-weight: 700;
	letter-spacing: 0.015em;
}

hr {
	color: #003594;
	background-color: #003594;
	border: 0;
	opacity: initial;
}

img {
	max-width: 100%;
}

label {
	display: inline-block;
	font-weight: 600;
}

.auto-width {
	width: auto;
}

.selected, a.selected {
	background-color: #ffb81c;
	color: #003594;
	display: inline-block;
	padding: 3px 4px;
}

.full-width-body .l-sidebar {
	display: block;
}
.full-width-body .l-sidebar > .l-main-col {
	width: 100%;
}
.full-width-body .l-aside-col {
	display: none;
	width: 0;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.big {
    font-size: 120%;
}

.btn-pittblue {
	color: #fff;
	background-color: #003594;
	border-color: #002584;
}
.btn:hover.btn-pittblue, .btn:focus.btn-pittblue, .btn:active.btn-pittblue {
	color: #FFB81C;
	background-color: #003594;
	border-color: #002584;
}
.btn-pittgold {
	color: #003594;
	background-color: #FFB81C;
	border-color: #EFA80C;
}
.btn-pittgold:hover, .btn-pittgold:focus, .btn-pittgold:active {
	color: #000;
}

.form-label {
	font-weight: 600;
}

.form-select-inline, .form-control-inline {
	width: auto;
	display: inline-block;
}

.g-recaptcha {
	margin-bottom: 1rem;
}

.input-validation-error {
	border: 2px solid #a00;
}

.list-group-nav .list-group-item {
	background-color: #f4f4f4;
	color: #000;
	border: none;
	padding: 24px 27px;
	font-weight: 600;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc
}
.list-group-nav .list-group-item:hover, .list-group-nav .list-group-item:focus {
	background-color: #fff;
}
.list-group-nav .list-group-item.active {
	background-color: #003594;
	color: #fff;
}
.list-group-nav .list-group-item.active:hover {
	color: #FFB81C;
}

.navigation--breadcrumbs,
.sidebar-nav {
	font-family: Rubik, "Arial Black", Arial, sans-serif;
}

.page-content a {
	color: #003594;
}

.scroll {
	border: 1px solid #ccc;
	padding: 5px 10px;
	height: 350px;
	overflow: auto;
}

.site-main {
	overflow: initial; /* position: sticky; doesn't work with certain overflow options so turn it off */
}

.sticky-head thead {
	position: sticky;
	top: 0;
	background-color: #003594;
	color: #fff;
}
table.sticky-head {
	z-index: 1000;
}

.tablesorter thead th:hover {
	color: #FFB81C;
}

.tablesorter thead th, .tablesorter > thead > tr > th {
	background-image: url(../../images/sort-none.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border-right: 1px dotted #ccc;
	padding-right: 20px;
}
.tablesorter thead th.headerSortDown,
.tablesorter thead th.tablesorter-headerAsc {
	background-image: url(../../images/sort-asc.gif);
}

.tablesorter thead th.headerSortUp,
.tablesorter thead th.tablesorter-headerDesc {
	background-image: url(../../images/sort-desc.gif);
}

textarea.resize {
	display: block;
	overflow: hidden;
}

.top-image {
	height: 318px;
	padding-top: 120px;
	color: #fff;
	text-shadow: -1px -1px 2px #000;
	background-position: center;
}
.top-image h1 {
	font-size: 200%;
}
.top-image a {
	color: #fff;
}
.top-image a:hover, .top-image a:focus, .top-image a:active, .top-image a.active {
	color: #FFB81C
}

.clickable {
	cursor: pointer;
}
.clickable:hover {
	block-shadow: 0 0 15px #000;
}

.validation-summary-valid { display: none; }