/* ----------------------------------------------------------------
   TKLS additions (ASP.NET Core conversion). Loaded after responsive.css.
   Brief 2.5: on project pages the project name is now the <h1> and the
   category is a label above it. These rules give each element the computed
   style the *other* tag had before, so the page looks the same:
     .page-title-label   = old  "#page-title h1"  (category)
     .page-title-project = old  "h2" in #page-title (project name)
   Values copied from style.css (h1-h6 base, #page-title h1), dark.css
   (.dark h1-h6, .dark #page-title h1) and responsive.css (#page-title h1).
-----------------------------------------------------------------*/

#page-title .page-title-label {
	font-family: 'Swiss_721 W03 Light', sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 100;
	letter-spacing: 1px;
	color: #FFF;
	font-size: 22px;
	text-transform: uppercase;
}

#page-title .page-title-label a { color: inherit; }

.dark #page-title h1.page-title-project {
	padding: 0;
	margin: 0 0 30px 0;
	line-height: 1.5;
	font-weight: 100;
	letter-spacing: 1px;
	color: #FFF !important;
	font-size: 24px;
	text-transform: none;
}

@media (max-width: 767px) {
	#page-title .page-title-label { line-height: 1.5; }
}