/**
 * Place your custom styles here.
 */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,400i,700,700i');

html {
	font-size:100%;
	overflow-y:scroll;
}
body {
  display:flex;
  flex-direction:column;
  min-height:100vh;
	margin:0;
	padding:0;
	background:#fffefe;
	font-size:1em;
	font-family:Roboto;
	color:#333333;
}
.dialog-off-canvas-main-canvas {
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
.container.main-container {
  flex-grow:1;
  width:100%;
  max-width:1280px;
}

.container {
	width:auto;
	max-width:1280px;
}

.navbar {
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
}
.navbar.container {
	margin:0;
	width:100%;
	max-width:100%;
}
.navbar-default {
	background-color:#00274c;
}
.container > .navbar-header, 
.navbar-header {
	float:none;
	margin-right:auto;
	margin-left:auto;
	padding:15px 15px 0 15px;
	max-width:1280px;
}
.navbar .logo {
	margin:0 60px 0 0;
	padding:0 0 15px 0;
}
@media (max-width:1023px) {
	.navbar .logo {
		width:100%;
		margin:0;
	}
}
.navbar .logo img {
	width:100%;
	max-width:701px;
}

#search-block-form .form-control {
	border:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#search-block-form .btn-primary {
	border-color:#ffffff;
	background:#ffffff;
	color:#333333;
}

.navbar-collapse.collapse {
	background-color:#001e3e;
}
.navbar-collapse.collapse #block-bootstrap-umich-main-menu {
	width:100%;
	max-width:1250px;
	margin:0 auto 0 auto;
}
.navbar-nav {
	margin:0 -15px 0 -15px;
}
.navbar-nav > li > a {
	padding:15px;
}
.navbar-default .navbar-nav > li > a {
	color:#ffffff;
	text-decoration:none;
	transition:all .25s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	background-color:#024794;
	color:#ffffff;
}
.navbar-default .navbar-nav > .active > a {
	background-color:inherit;
	color:#ffffff;
}
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background-color:#024794;
	color:#ffffff;
}
.navbar-default .navbar-nav li.first a:before {
	font-family:'Font Awesome 6 Pro';
	font-weight:bold;
	content:'\F015\00A0';
	visibility:visible;
	word-spacing:normal;
	letter-spacing:normal;
	line-height:1rem;
}
.navbar-default .navbar-nav li.first a span {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(1px, 1px, 1px, 1px);
}


/* mobile nav */
.navbar-toggle {
	float:none;
	margin:0 -10px 10px -10px;
	padding:10px;
	border:0;
}
.navbar-toggle .icon-bar {
	width:25px;
	height:3px;
	border-radius:0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ffffff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:#024794;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin:0;
	border:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}
@media (max-width:767px) {
	.navbar-nav {
/*		margin:0;*/
	}
}

.main-container {
	margin-top:1em;
}

.region-content {
	max-width:960px;
	line-height:165%;
}

.front h1 {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}

h1.page-header {
	display:inline-block;
	margin:1em 0 1.5em 0;
/*	padding:0 0 .25rem 0;*/
	border-bottom:2px solid #ffcb05;
	font-size:2em;
	font-weight:700;
	color:#00274c;
}
h2 {
	margin:1.5rem 0 .5rem 0;
	font-size:1.75em;
	font-weight:700;
	color:#40658f;
}
h1 ~ h2 {
	margin-top:0;
}
.front .content h2:first-of-type {
	display:inline-block;
	margin:1em 0 1.5em 0;
	padding:0 0 .25rem 0;
	border-bottom:2px solid #ffcb05;
	font-size:2em;
	font-weight:700;
	color:#00274c;
}
.field--name-body h2:first-child {
	margin-top:0;
}
h3 {
	margin:1.5rem 0 .5rem 0;
	font-size:1.5em;
	font-weight:700;
	color:#555555;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height:1.35;
}

a {
	text-decoration:underline;
	transition:color .25s ease-in-out;
}
a:link, a:visited {
	color:#0075bc;
}
a:hover {
	color:#cc3300;
}

.nobr {
	white-space:nowrap;
}

.region-content ul, .region-content ol {
	margin-bottom:1rem;
	margin-left:20px;
	padding-left:20px;
}
.region-content ul li, .region-content ol li {
/*	margin-bottom:.25rem;*/
}
.region-content ul li ul, .region-content ol li ul, 
.region-content ul li ol, .region-content ol li ol {
/*	margin-top:.25rem;
	margin-bottom:.25rem;*/
	margin-bottom:0;
}

.region-content .search-form {
	display:none;
}
.search-results {
	margin-top:2rem;
}
.search-results li {
	margin-bottom:1rem;
}

nav.pager-nav {
	margin-top:2rem;
}

.view-projects-posts {
	margin-top:2rem;
}
.view-projects-posts .views-row {
	margin-top:2rem;
}
.view-projects-posts .views-field-created {
	margin:1rem 0 1rem 0;
	font-size:.85em;
	text-transform:uppercase;
	color:#555555;
}

.field--name-field-meeting-date {
	margin:0 0 1rem 0;
	font-style:italic;
}

.region-sidebar-second.well {
	padding:20px;
	background-color:inherit;
	border:0;
	box-shadow:none;
}

footer.container {
	width:100%;
	max-width:100%;
	margin:6em 0 0 0;
	padding:0;
	background:#333333;
}
footer.container .region-footer {
	max-width:1280px;
	margin:0 auto 0 auto;
	padding:15px;
	border:0;
	background:#333333;
	color:#ffffff
}
footer.container .region-footer a:link, footer.container .region-footer a:visited {
	color:#ffffff;
	text-decoration:none;
}
footer.container .region-footer a:hover, footer.container .region-footer a:active, footer.container .region-footer a:focus {
	color:#ffcb05;
	text-decoration:underline;
}
footer.container .region-footer .umich {
	float:left;
	margin:0 40px 2em 0;
	padding:0;
	white-space:nowrap;
}
footer.container .region-footer .umich a {
	display:block;
	width:142px;
	height:154px;
	background:#00274c url('/themes/bootstrap_umich/images/um-logo-m218.png') no-repeat;
	background-size:contain;
	text-indent:-99999px;
	overflow:hidden;
}
footer.container .region-footer .footer-links {
	float:left;
	margin:0 40px 2em 0;
	padding:0;
	white-space:nowrap;
}
footer.container .region-footer .footer-links ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
footer.container .region-footer .footer-links ul li {
	color:#555555;
	margin:.5em 0 0 0;
}
footer.container .region-footer .footer-links h2 {
	margin:auto;
	font-size:1em;
	font-family:Roboto,Arial,Helvetica,sans-serif;
	color:#ffffff;
	line-height:inherit;
}

footer.container .region-footer .footer-links .socialmedia {
	margin:.5em 0 1em 0;
}
footer.container .region-footer .footer-links .socialmedia a {
	display:inline-block;
	width:2.75rem;
	height:2.75rem;
	padding-top:.75rem;
	line-height:1rem;
	margin-right:.5em;
	border:1px solid #555555;
	border-radius:100%;
	font-size:1.15rem;
	text-align:center;
}
footer.container .region-footer .footer-links .socialmedia a:hover {
	background:#555555;
	color:#ffffff;
	text-decoration:none;
}
footer.container .region-footer .footer-links .socialmedia a:active, .region-footer .footer-links .socialmedia a:focus {
	background:#0075bc;
	border:1px solid #0075bc;
	color:#ffffff;
	text-decoration:none;
}
footer.container .openid-connect-login-form {
	float:right;
}
footer.container .openid-connect-login-form .btn-default {
	border-color:#555555;
	background-color:transparent;
	font-size:.85em;
	color:#cecbc9;
	vertical-align:middle;
}
footer.container .openid-connect-login-form .btn-default:hover {
	border-color:#555555;
	background-color:#555555;
	color:#f4f3f2;
}
footer.container .openid-connect-login-form .btn-default:active, footer.container .openid-connect-login-form .btn-default:focus {
	border-color:#0075bc;
	background-color:#0075bc;
	color:#ffffff;
}
footer.container .region-footer #block-copyright {
/*	clear:both;*/
	margin:.5rem 0 0 180px;
	font-size:.85em;
}
@media (max-width:599px) {
	footer.container .region-footer #block-copyright {
		margin:0;
	}
}
footer.container .region-footer #block-copyright a:link, #block-copyright a:visited {
	color:#9b9b9b;
	text-decoration:none;
}
footer.container .region-footer #block-copyright a:hover, footer.container .region-footer #block-copyright a:active, footer.container .region-footer #block-copyright a:focus {
	color:#ffcb05;
	text-decoration:underline;
}

footer.container .region-footer .block-openid-connect {
	float:right;
	margin:.1em 0 1em 40px;
}
footer.container .region-footer .block-openid-connect button {
	display:inline-block;
	margin:0;
	padding:7px 15px 7px 15px;
	border:1px solid #555555;
	border-radius:7px;
	background:transparent;
	font-size:.8em;
	color:#cecbc9;
}
.glyphicon-log-in::before {
	content:"\e033";
}
footer.container .region-footer .block-openid-connect button:hover {
	border:1px solid #555555;
	background:#555555;
	color:#ffffff;
	text-decoration:none;
}
footer.container .region-footer .block-openid-connect button:active, footer.container .region-footer .block-openid-connect button:focus {
	border:1px solid #0075bc;
	background:#0075bc;
	color:#ffffff;
	text-decoration:none;
}

/* fix drupal edit contextual link colors */
footer.container .region-footer .contextual-links a:link, footer.container .region-footer .contextual-links a:visited {
	color:#333333;
}

