/*
  Theme Name:   Child Theme - Parking
  Theme URI:    https://parking.missouri.edu/
  Author:       Mizzou Digital Service, University of Missouri
  Author URI:   https://digitalservice.missouri.edu/
  Description:  This Child Theme extends the Mizzou Hybrid Base Theme
  Version:      0.3.16
  Template:     miz-hybrid-base
  Text Domain:  parking-child
*/

/* Site-wide Alert */
.site-wide-alert {
	padding: 1em;
}
.site-wide-alert .alert {
	margin:0;
	font-weight:600;
	font-size: 1.25em;
}
.site-wide-alert .alert::before {
	font-family: 'Material Icons';
	text-transform: lowercase;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	vertical-align: text-bottom;
	margin-right: 1em;
}
.site-wide-alert--info {
	background-color:#EAF4FB;
}
.site-wide-alert--info .alert {
	color:#1E659B;
}
.site-wide-alert--info .alert::before {
	content: "info";
}
.site-wide-alert--clear {
	background-color:#EAF8E5;
}
.site-wide-alert--clear .alert {
	color:#2C641B;
}
.site-wide-alert--clear .alert::before {
	content: "done_outline";
}
.site-wide-alert--warning {
	background-color:#FBECE6;
}
.site-wide-alert--warning .alert {
	color:#853616;
}
.site-wide-alert--warning .alert::before {
	content: "warning";
}
.site-wide-alert--severe {
	background-color:#FFDADA;
}
.site-wide-alert--severe .alert {
	color:#650000;
}
.site-wide-alert--severe .alert::before {
	content: "error";
}

/* Parking app link */
.miz-nav__list--horizontal .miz-nav__list-item:last-child {
	margin-left: 1em;
}
.miz-nav__list--horizontal .miz-nav__list-item:last-child a {
	color: #FFFFFF;
	background-color: #222222;
	border-top: 3px solid #222222;
	border-bottom: 3px solid #222222;
	padding: calc(1rem - 3px) 1rem 1rem;
}
.miz-nav__list--horizontal .miz-nav__list-item:last-child a:hover {
	border-bottom: 3px solid #F1B82D;
}

/* Custom header styles */
.miz-page-header--brand h1.miz-page-header__title {
	text-transform: capitalize;
}
.miz-main-grid h2 {
	font-family: "Graphik Cond Web", SansSerif;
	font-weight: 900;
}
.miz-main-grid h3 {
	font-weight: 700;
}

/* Sidebar sub-nav */
.wp-child-theme-parking-child .miz-sub-nav-link {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding: .75em 2em;
}
.wp-child-theme-parking-child .miz-sub-nav-item>.miz-sub-nav .miz-sub-nav-link {
	background-color: #F0F0F0;
	padding-left: 4em;
	font-weight: 500;
}
.wp-child-theme-parking-child .miz-sub-nav-link:hover, .wp-child-theme-parking-child .miz-sub-nav-item>.miz-sub-nav .miz-sub-nav-link:hover {
	background-color: #CCCCCC;
}
.miz-main-grid h2.miz-sub-nav--heading {
	font-family: "Open Sans";
	font-weight: 600;
}

/* Breadcrumb accessibility fixes */
.wp-child-theme-parking-child .miz-breadcrumbs--brand .miz-breadcrumbs__link:hover {
	color: #111111;
	background-color: #FFF4D6;
}

/* Homepage Block Messages */
.home .miz-main-grid__article {
	grid-column: main;
	margin-top: 2rem;
}
.home aside {
	display: none;
}
.home section:first-of-type {
	padding-top: 0;
}

/* 400-level pages */
.error404 .link-list-400, .error403 .link-list-400 {
	list-style-type: none;
	padding: 0;
	margin-bottom: 2em;
}
.error404 .link-list-400 li, .error403 .link-list-400 li {
	margin-bottom: 1em;
}
.error404 .link-list-400 a, .error403 .link-list-400 a {
	text-decoration: none;
	border-bottom: 2px solid #F1B82D;
	font-weight:600;
}
.error404 .link-list-400 a:hover, .error403 .link-list-400 a:hover {
	border-bottom: none;
}
