/*
|===========================================================================================================
| style.css
|===========================================================================================================
| 
*/

/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	UNIVERSAL 
 */
@import url(https://fonts.googleapis.com/css?family=Playfair + Display + SC:400,
  700);
@import url(https://fonts.googleapis.com/css?family=Dancing + Script:400, 700);

/*
|===========================================================================================================
| base.css
|===========================================================================================================
|
| Don't alter anything in here. Use for reference only.
|
| =================
| TABLE OF CONTENTS
| =================
|
| #   Universal
|     . html, body
|     . links
|     . type
| #   Adjustments and Minor Additions 
|     . general (img, lists, padding, margins, hr, etc)
|     . middle align
|     . mobile middle align
|     . no gutter
|     . buttons
|     . pagination
|     . nav-tabs
|     . nav-pills
|     . forms
|     . table
|     . panels
|     . list group
| #   Figure
| #   Slick
| #   Thumbnails
| #   Jumbotron
| #   Navigation Button Modifications 
|     . mobile menu toggle button
|     . page tools
| #   Random
|     . admin toolbar
|     . browse happy
|     . box shadow/border
|     . fades
|     . error pages
| #   User Login Topbar 
| #   Alter Bootstrap Dropdown 
| #   Disable Dropdown 
| #   Mobile Menu 
| #   User Login Form
| #   Layout Blocks and Elements 
|     . wrappers and containers
|     . header#msu-header
|       .. top menu
|       .. concentration menu
|       .. search
|     . menu general
|     . menu color-black
|     . menu color-gray
|     . menu color-white
|     . page
|     . page elements
|     . social-footer
|     . footer#msu-footer
| #   Feature and Page Hero
|     . general display
|     . slick next/prev
|     . slick dots
|     . show elements on hover
| #   Sidebar Navigation
|     . general
|     . multi level nav defaults 
|     . multi level nav active
| #   Iframes for Mobile
| #   Video JS (commented out)
| #   Specific Mobile Only CSS For Responsive Tables
| #   Specific Print Only CSS
|
*/

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Universal 
 */

/* html, body */

html {
	font-size: 100%;
}
@media (min-width: 768px) {
	html {
		font-size: 85%;
	}
}
@media (min-width: 900px) {
	html {
		font-size: 90%;
	}
}
@media (min-width: 1024px) {
	html {
		font-size: 95%;
	}
}
@media (min-width: 1120px) {
	html {
		font-size: 100%;
	}
}

/* body {
    /*font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 400;
    
    font-size: 1em;
    line-height: 1.4;*/
/*} */

/* links */

a {
	color: #880000;
}

a:hover,
a:active,
a:focus {
	color: #333333;
	text-decoration: underline;
}

.link-reverse a {
	color: #333333;
}

.link-reverse a:hover,
.link-reverse a:active,
.link-reverse a:focus {
	color: #880000;
	text-decoration: underline;
}

/* type */

p {
	margin: 0 0 1.5em;
}

.lead {
	font-size: 1.4em;
	line-height: 1.6;
	margin-bottom: 1.8em;
}

p,
li,
a {
	word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans Condensed";
	font-weight: 700;
}

h1 {
	font-size: 3em;
	margin: 0 0 0.75em;
}

h2 {
	font-size: 1.8em;
	margin: 0 0 0.83em;
	color: #003e60;
}

h3 {
	font-size: 1.2em;
	/* margin: 1em 0; */
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	color: #660000;
}

h4 {
	font-size: 1.4em;
	margin: 1.33em 0;
	color: #660000;
}

h4:focus {
	outline: none;
}

h5 {
	font-size: 1.1em;
	margin: 1.67em 0;
	text-transform: uppercase;
}

h6 {
	font-size: 0.9em;
	margin: 2.33em 0;
	text-transform: uppercase;
}

small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	color: inherit;
	font-size: 70%;
}

.font-size-70 {
	font-size: 70%;
}
.font-size-75 {
	font-size: 75%;
}
.font-size-80 {
	font-size: 80%;
}
.font-size-85 {
	font-size: 85%;
}
.font-size-90 {
	font-size: 90%;
}
.font-size-95 {
	font-size: 95%;
}

.text-white {
	color: #fff;
}
.text-maroon {
	color: #880000;
}
.text-lightmaroon {
	color: #cf7677;
}
.text-shadow {
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Adjustments and Minor Additions  
 */

/* general (img, lists, padding, margins, hr, etc) */

img {
	max-width: 100%;
	height: auto;
}
img.pull-right,
.img.pull-right,
p.pull-right,
figure.pull-right {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

@media (max-width: 767px) {
	img.pull-right,
	.img.pull-right,
	p.pull-right,
	figure.pull-right {
		margin-left: 0;
		float: none;
	}
}

img.pull-left,
.img.pull-left,
p.pull-left,
figure.pull-left {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

@media (max-width: 767px) {
	img.pull-left,
	.img.pull-left,
	p.pull-left,
	figure.pull-left {
		margin-right: 0;
		float: none;
	}
}

dl,
ol,
ul {
	margin-bottom: 1.5em;
}
ul.nav {
	padding: 0;
	margin: 0;
}
ul.nav li {
	margin: 0;
	padding: 0;
}

address {
	margin-bottom: 1.5em;
}

iframe {
	border: none;
}

.height-100 {
	height: 100%;
}
.height-auto {
	height: auto;
}

.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}

.indent-0 {
	margin-left: 0;
}
.indent-1 {
	margin-left: 25px;
}
.indent-2 {
	margin-left: 50px;
}
.indent-3 {
	margin-left: 75px;
}
.indent-4 {
	margin-left: 100px;
}
.indent-5 {
	margin-left: 125px;
}

.nowrap {
	white-space: nowrap;
}
.pointer {
	cursor: pointer;
}

#breadcrumb {
	padding: 0.5em 0;
	margin-bottom: 0;
	border-radius: 0;
	font-size: 0.85em;
	background-color: #f5f5f5;
}
#breadcrumb .breadcrumb {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

#breadcrumb a {
	color: #880000;
}

#breadcrumb a:hover,
#breadcrumb a:active {
	color: #333333;
	text-decoration: underline;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
	padding: 0.25em 0.5em;
	font-size: 80%;
}

label {
	font-weight: bold;
}

hr {
	margin-top: 4em;
	margin-bottom: 4em;
	border-top: 1px solid #ddd;
}
hr.less-margin {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* middle align */

@media (min-width: 768px) {
	.middle-parent {
		-webkit-transform-style: preserve-3d !important;
		-moz-transform-style: preserve-3d !important;
		transform-style: preserve-3d !important;
	}
	.middle {
		position: relative !important;
		top: 50% !important;
		-webkit-transform: translateY(-50%) !important;
		-ms-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
	}
}

/* mobile middle align */

@media (max-width: 767px) {
	.mobile-middle-parent {
		-webkit-transform-style: preserve-3d !important;
		-moz-transform-style: preserve-3d !important;
		transform-style: preserve-3d !important;
	}
	.mobile-middle {
		position: relative !important;
		top: 50% !important;
		-webkit-transform: translateY(-50%) !important;
		-ms-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
	}
}

/* no gutter */

.row-no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.col-no-gutter {
	padding-right: 0;
	padding-left: 0;
}

/* buttons */

.btn {
	display: inline-block;
	font-size: 0.8em;
	text-align: center;
	border: none;
	border-radius: 0;
}

.btn-primary {
	color: #fff;
	background-color: #660000;
	border: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #330000;
	border: none;
}

.btn-default {
	color: #fff;
	background-color: #999;
	border: none;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #333;
	border: none;
}

.btn-white {
	color: #333;
	background-color: #fff;
	border: solid 1px #ccc;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/* pagination */

.pagination > li > a,
.pagination > li > span {
	color: #880000;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	color: #660000;
	background-color: #eee;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	color: #fff;
	background-color: #660000;
	border-color: #550000;
}

/* nav-tabs */

.nav-tabs {
	border-bottom: none;
}

.nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 10px 1.5em;
	margin: 0;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	color: #999;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: 3px solid #eee;
	font-family: "Open Sans Condensed";
	font-weight: 700;
	background-color: #eee;
	outline: none;
}
.nav-tabs > li:last-child > a {
	border-right: 1px solid #ccc;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background-color: #ccc;
	border-bottom: 3px solid #ccc;
	color: #333;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	cursor: pointer;
	color: #880000;
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: 3px solid #880000;
}

.nav-tabs > li.active.disable > a,
.nav-tabs > li.active.disable > a:hover,
.nav-tabs > li.active.disable > a:focus {
	cursor: default;
}

.nav-tabs > li.active:last-child > a,
.nav-tabs > li.active:last-child > a:hover,
.nav-tabs > li.active:last-child > a:focus {
	border-right: 1px solid #ccc;
}

/* nav-pills */

.nav-pills > li {
	float: left;
}

.nav-pills > li > a {
	border-radius: 0;
}

.nav-pills > li + li {
	margin-left: 4px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #660000;
}

/* forms */

.form-control {
	border-radius: 0;
	box-shadow: none;
}

.form-control:focus {
	border-color: #999;
	box-shadow: none;
}

.form-item,
.form-actions,
.form-group {
	margin-top: 0;
	margin-bottom: 1em;
}

.form-group .help-block {
	font-size: 80%;
}

/* table */

.table {
	margin-bottom: 1.5em;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 8px 15px;
}

.table > tbody th {
	border-bottom: none;
} /* correction from drupal system.css */

/* panels */

.panel {
	border-radius: 0;
	box-shadow: none;
}

.panel .panel-heading h1,
.panel .panel-heading h2,
.panel .panel-heading h3,
.panel .panel-heading h4,
.panel .panel-heading h5,
.panel .panel-heading h6 {
	margin: 0;
	padding: 0;
}

.panel address {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.panel table {
		padding: 5px;
	}
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
	border-radius: 0 !important;
}

/* list group */

.list-group {
	margin-bottom: 1.5em;
}

.list-group .list-group-item:first-child {
	border-radius: 0;
}

.list-group .list-group-item:last-child {
	border-radius: 0;
}

.list-group a {
	cursor: pointer;
}

.list-group .list-group-item.active,
.list-group .list-group-item.active:focus,
.list-group .list-group-item.active:hover {
	background-color: #660000;
	border-color: #440000;
	outline: 0;
}

.list-group .list-group-item.active a,
.list-group .list-group-item.active:focus a,
.list-group .list-group-item.active:hover a {
	color: #fff;
}

.list-group .list-group-item mark,
.list-group .list-group-item .mark {
	background-color: #eee;
}

.list-group .list-group-item.active a.mark,
.list-group .list-group-item.active:focus a.mark,
.list-group .list-group-item.active:hover a.mark,
.list-group .list-group-item.active a mark,
.list-group .list-group-item.active:focus a mark,
.list-group .list-group-item.active:hover a mark {
	background-color: #990000;
	color: #fff;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Figure 
 */

figure {
	margin: 0 0 1.5em;
	position: relative;
}

figure.pull-right,
figure.pull-left {
	max-width: 50%;
}
@media (max-width: 767px) {
	figure.pull-right,
	figure.pull-left {
		max-width: 100%;
		float: none !important;
	}
}

figure a,
figure img {
	display: block;
	max-width: 100%;
	height: auto;
}

figure figcaption {
	display: block;
	padding: 0.5em;
	border: 1px solid #ddd;
}

figure span {
	color: #777;
	display: block;
	font-size: 0.85em;
	text-align: center;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Slick
 */

.slick-next:before,
.slick-prev:before {
	opacity: 0.5;
	font-family: inherit;
	color: #000;
}

.text-white .slick-next:before,
.text-white .slick-prev:before {
	color: #fff;
}

.slick-prev:before {
	content: "\e079";
}

.slick-next:before {
	content: "\e080";
}

.slick-prev,
.slick-next {
	width: 30px;
	height: 30px;
}

.slick-dots {
	bottom: -45px;
}

.slick-dots li {
	margin: 0;
	width: 15px;
	height: 15px;
}

.slick-dots li button:before {
	font-size: 10px;
}

.text-white .slick-dots li button:before {
	color: #fff;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Thumbnails
 */

.thumbnail {
	display: block;
	padding: 0;
	margin-bottom: 2em;
	border: 1px solid #ccc;
	border-radius: 0;
	position: relative;
	width: 100%;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
	border-color: #000;
	text-decoration: none;
}

.thumbnail .img-container {
	width: 100%;
	display: block;
	/*
        height: 300px;
        background-size: cover; 
        background-position: center center;
        */
}

.thumbnail .caption {
	background-color: #fff;
	padding: 0.75em 1.25em;
	margin: 0;
	font-weight: 600;
	width: 100%;
}

.thumbnail .caption p {
	font-weight: normal;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin: 0 0 0.5em;
}

.news .caption h5 {
	margin: 10px 0px;
}

.news .caption p {
	border-bottom: none;
}

.thumbnail a.btn {
	font-weight: bold;
}

.list-group-item-heading a {
	color: #333;
	font-size: 0.9em;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Jumbotron
 */

.jumbotron {
	padding: 30px 15px;
	margin-bottom: 2em;
	color: inherit;

	background: #f3f1ec;

	/*background: rgb(249,249,249);
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );*/
}

.jumbotron .h1,
.jumbotron h1 {
	color: inherit;
}

.jumbotron p {
	font-size: 1.3em;
	font-weight: 200;
	margin-bottom: 25px;
	border-top: 1px solid #ccc;
	padding-top: 25px;
}

.jumbotron > hr {
	border-top-color: #ddd;
}

.container .jumbotron,
.container-fluid .jumbotron {
	border-radius: 0;
}

@media screen and (min-width: 768px) {
	.jumbotron .h1,
	.jumbotron h1 {
		font-size: 3.5em;
		margin-bottom: 0.4em;
	}
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Navigation Button Modifications  
 */

/* mobile menu toggle button */

nav .navbar-header .navbar-toggle {
	padding: 5px 10px;
}

nav .navbar-header .navbar-toggle .icon-bar-text {
	display: inline-block;
	color: #888;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 2px 5px 0 0;
	vertical-align: top;
}

nav .navbar-header .navbar-toggle .icon-bar-container {
	display: inline-block;
	vertical-align: top;
	padding-top: 6px;
}

/* page tools */

.page-tools {
	position: absolute;
	top: -3em;
}

.page-tools .tabs > ul {
	margin: 0;
}

.page-tools .nav-tabs {
	border: none;
}

.page-tools .nav-tabs > li > a {
	margin-right: 5px;
	border: 1px solid #ddd;
	border-radius: 4px !important;
	position: relative;
	display: block;
	padding: 5px 10px;
	font-size: 0.6em;
	text-transform: uppercase;
}

.page-tools .nav-tabs > li > a:focus,
.page-tools .nav-tabs > li > a:hover {
	background-color: #eee;
	color: #880000;
	border-color: #ccc;
}

.page-tools .nav-tabs > li.active > a,
.page-tools .nav-tabs > li.active > a:focus,
.page-tools .nav-tabs > li.active > a:hover {
	color: #333;
	background-color: #eee;
	border: 1px solid #ddd;
	border-image: none;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Random 
 */

/* admin toolbar */

body.toolbar-drawer,
body.toolbar-drawer[style="padding-top:65px;"],
body.toolbar-drawer[style="padding-top: 65px;"],
body.toolbar-drawer[style="padding-top:64px;"],
body.toolbar-drawer[style="padding-top: 64px;"],
body[style="padding-top:30px;"],
body[style="padding-top: 30px;"] {
	padding-top: 0px !important; /* fix for toolbar-drawer padding when logged in */
}

.div-loading {
	margin: auto;
	text-align: center;
	padding: 1.5em 0;
} /* for ajax loading... use /img/ajax-loader.gif */

.nav.navbar-nav li.leaf {
	padding: 0;
	margin: 0;
	list-style: none;
} /* remove padding, margin, bullets on .leaf items in nav */

#toolbar {
	z-index: 2000; /* reposition admin toolbar above bootstrap navbar */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; /* remove ugly dropshadow from admin toolbar */
	position: relative; /* removed fixed position so it no longer hides top of the website */
	margin: 0;
	padding: 0; /* fix overflow horizontal scroll */
}

/* browse happy */

.browsehappy {
	text-align: center;
}

/* box shadow/border */

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.box-border {
	border: 1px solid #ddd;
}

/* fades */

.bg-top-fade {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.bg-bottom-fade {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	background: -moz-linear-gradient(top, #0d477773 0%, #214a6d1c 100%);
	background: -webkit-linear-gradient(top, #0d477773 0%, #214a6d1c 100%);
	background: linear-gradient(to bottom, #0d477773 0%, #214a6d1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.bg-top-bottom-fade {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.4) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.4) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.4) 0%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.4) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 );
}

.bg-left-fade {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	background: -moz-linear-gradient(
		left,
		rgba(0, 0, 0, 0.6) 0%,
		rgba(0, 0, 0, 0.6) 25%,
		rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 0) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(0, 0, 0, 0.6) 0%,
		rgba(0, 0, 0, 0.6) 25%,
		rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 0) 100%
	);
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.6) 0%,
		rgba(0, 0, 0, 0.6) 25%,
		rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );
}

.bg-right-fade {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	background: -moz-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, 0.6) 75%,
		rgba(0, 0, 0, 0.6) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, 0.6) 75%,
		rgba(0, 0, 0, 0.6) 100%
	);
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, 0.6) 75%,
		rgba(0, 0, 0, 0.6) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=1 );
}

/* error pages */

.error-page-block {
	width: auto;
	max-width: 600px;
	min-width: 300px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #ddd;

	padding: 1em;
}

.error-page-block .oops {
	width: 200px;
	margin: 30px auto;
}

.border-ars {
	border-top: 3px solid #014885;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.border-msu {
	border-top: 3px solid #640d0d;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.org-ars {
	background-color: #014885;
	color: #fff;
	padding-bottom: 4px;
	font-size: 0.7em;
}

.org-msu {
	background-color: #640d0d;
	color: #fff;
	padding-bottom: 4px;
	font-size: 0.7em;
}

.people-img {
	/* float: left;
    padding: 10px 10px 10px 10px;
    margin-bottom: 14px;*/
	/* padding: 50px; */
	background: #f9f9f9;
}

.people-title {
	color: #797979;
}

.list-group img {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background: #f3f1ec;
}

.alumni-title {
	color: #797979;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  User Login Topbar  
 */

#topbar {
	/* default font styles from body to prevent overrides */
	font-family: "Source Sans Pro", "Open Sans", "HelveticaNeue-Light",
		"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
}

#topbar .navbar {
	margin-bottom: 0;
	min-height: 0;
}

#topbar .navbar.navbar-inverse {
	background-color: #000;
}

#topbar .navbar-nav > li > a {
	font-size: 0.75em;
	padding-top: 7px;
	padding-bottom: 7px;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Alter Bootstrap Dropdown  
 */

.alter-bootstrap-dropdown .dropdown-submenu > a:after {
	border: none;
}
.alter-bootstrap-dropdown .dropdown-menu {
	display: block;
	display: none !important;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Disable Dropdown  
 */

.disable-dropdown .dropdown > ul {
	display: none !important;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Mobile Menu  
 */

#mobile-menu {
	/* default font styles from body to prevent overrides */
	font-family: "Source Sans Pro", "Open Sans", "HelveticaNeue-Light",
		"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
}

#mobile-menu .dropdown-backdrop {
	position: static;
} /* fix for mobile menu not working with touch */
#mobile-menu ul li a {
	white-space: normal;
} /* force long titles to wrap */

#mobile-menu .navbar {
	margin-bottom: 0;
	border: none;
	background-color: #fff;
	color: #fff;
}

#mobile-menu .navbar .navbar-header .navbar-toggle,
#mobile-menu .navbar .navbar-header .navbar-toggle:focus {
	border-color: #fff;
	background-color: #fff;
}
#mobile-menu .navbar .navbar-header .navbar-toggle .icon-bar-text,
#mobile-menu .navbar .navbar-header .navbar-toggle:focus .icon-bar-text {
	color: #660000;
}
#mobile-menu .navbar .navbar-header .navbar-toggle .icon-bar,
#mobile-menu .navbar .navbar-header .navbar-toggle:focus .icon-bar {
	background-color: #660000;
}

#mobile-menu .navbar .navbar-header .navbar-toggle:hover {
	border-color: #fff;
	background-color: #fff;
}
#mobile-menu .navbar .navbar-header .navbar-toggle:hover .icon-bar-text {
	color: #000;
}
#mobile-menu .navbar .navbar-header .navbar-toggle:hover .icon-bar {
	background-color: #000;
}

#mobile-menu .navbar-collapse {
	max-height: none;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	box-shadow: none;
	padding: 0;
}

#mobile-menu .navbar-collapse .menu.nav > li {
	border-bottom: 1px solid #c5c5c5;
}

#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon {
	border-bottom: 1px solid #110000;
}

#mobile-menu .navbar-collapse .menu.nav > li:last-child {
	border: none;
}

#mobile-menu .navbar-collapse .menu.nav li,
#mobile-menu .navbar-collapse .menu.nav li.expanded,
#mobile-menu .navbar-collapse .menu.nav li.leaf {
	list-style: none;
}

#mobile-menu .navbar-collapse > .menu.nav.navbar-nav > li > a {
	text-transform: uppercase;
	padding: 15px 20px;
	font-size: 1em;
}

#mobile-menu .navbar-collapse .menu.nav li a {
	padding: 10px 20px;
	color: #660000;
	font-size: 0.9em;
	text-decoration: none;
}
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon a {
	background-color: #220000;
	color: #fff;
}

#mobile-menu .navbar-collapse .menu.nav li > a > .caret {
	display: none;
}

#mobile-menu .navbar-collapse .menu.nav li > a {
	padding: 10px 20px 10px 20px;
}
#mobile-menu .navbar-collapse .menu.nav li li > a {
	padding: 10px 20px 10px 35px;
}
#mobile-menu .navbar-collapse .menu.nav li li li > a {
	padding: 10px 20px 10px 50px;
}
#mobile-menu .navbar-collapse .menu.nav li li li li > a {
	padding: 10px 20px 10px 65px;
}
#mobile-menu .navbar-collapse .menu.nav li li li li li > a {
	padding: 10px 20px 10px 80px;
}
#mobile-menu .navbar-collapse .menu.nav li li li li li li > a {
	padding: 10px 20px 10px 95px;
}
#mobile-menu .navbar-collapse .menu.nav li li li li li li li > a {
	padding: 10px 20px 10px 110px;
}

#mobile-menu .navbar-collapse .menu.nav li > a:hover,
#mobile-menu .navbar-collapse .menu.nav li:hover > a {
	color: #fff;
	background-color: #220000;
}
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon:hover > a,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon li > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon li:hover > a {
	background-color: #440000;
}

#mobile-menu .navbar-collapse .menu.nav li.active > a,
#mobile-menu .navbar-collapse .menu.nav li.active > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.active > a:focus,
#mobile-menu .navbar-collapse .menu.nav li.open > a,
#mobile-menu .navbar-collapse .menu.nav li.open > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.open > a:focus {
	color: #fff;
	background-color: #222;
}
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.active > a,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.active > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.active > a:focus,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.open > a,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.open > a:hover,
#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon.open > a:focus {
	background-color: #440000;
}

#mobile-menu .navbar-collapse .menu.nav li li:hover > .dropdown-menu {
	margin: 5px 0 15px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#mobile-menu .navbar-collapse .menu.nav .dropdown-submenu {
	position: relative;
}

#mobile-menu .navbar-collapse .menu.nav .dropdown-submenu > .dropdown-menu {
	top: 0;
	margin: 0;
	padding: 0;
}

#mobile-menu
	.navbar-collapse
	.menu.nav
	.dropdown-submenu:hover
	> .dropdown-menu {
	display: block;
}

#mobile-menu .navbar-collapse .menu.nav .dropdown > a:after,
#mobile-menu .navbar-collapse .menu.nav .dropdown-submenu > a:after {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin-right: 10px;
	content: "+";
}

/* #mobile-menu .navbar-collapse .menu.nav .dropdown-submenu:hover > a:after {  } */

#mobile-menu .navbar-collapse .menu.nav .dropdown-submenu.pull-left {
	float: none;
}
#mobile-menu
	.navbar-collapse
	.menu.nav
	.dropdown-submenu.pull-left
	> .dropdown-menu {
	left: -100%;
	margin-left: 10px;
}

#mobile-menu .navbar-collapse .menu.nav .dropdown-menu {
	margin: 0;
	padding: 0;
	border-radius: 0;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  User Login Form
 *  
 *  (page--user.tpl.php)
 *  Only used when CAS is turned off.
 */

#user-login-title {
	max-width: 425px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#user-login {
	max-width: 375px;
	margin: 0 auto;
	background-color: #eee;
	padding: 25px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
}

#user-login .form-item input {
	max-width: 100%;
}

#user-login .cas-links {
	margin: 0;
	padding: 0;
}

#user-login .cas-links .cas-link {
	margin-bottom: 10px;
}

#user-login .cas-links .cas-link a {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 5px 10px;
	color: #333;
	text-transform: uppercase;
	font-size: 0.8em;
}

#user-login .form-actions {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	border-top: none;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Layout Blocks and Elements  
 */

/* wrappers and containers */

.wrapper {
	width: 100%;
	position: relative;
}

.container-fluid {
	max-width: 1200px;
}

/* header#msu-header */

header#msu-header {
	/* default font styles from body to prevent overrides */
	font-family: "Source Sans Pro", "Open Sans", "HelveticaNeue-Light",
		"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	height: auto;
	position: relative;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}
@media (min-width: 768px) {
	header#msu-header {
		height: auto;
	}
}

header#msu-header.msu-header-white {
	background-color: #fff;
	background-image: url(../img/background/bg_header_white.jpg);

	border-bottom: 4px solid #880000;
}

header#msu-header .logo {
	padding-top: 0px;
	padding-bottom: 10px;
	height: auto;
}
@media (min-width: 768px) {
	header#msu-header .logo {
		height: auto;
	}
}

header#msu-header .usda {
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}
@media (min-width: 768px) {
	header#msu-header .usda {
		height: auto;
	}
}

header#msu-header .logo .links-container {
	position: relative;
	height: 100%;
	width: 100%;
}

header#msu-header .logo .links-container a {
	display: block;
	position: relative;
	z-index: 1;
}

header#msu-header .logo .links-container a.msu-link {
	position: absolute;
	z-index: 2;
	width: 100px;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0;
	display: none;
}

@media (min-width: 768px) {
	header#msu-header .logo .links-container a.msu-link {
		display: block;
	}
}

header#msu-header .logo img {
	margin-top: 10px;
	max-width: 100%;
}

@media (min-width: 768px) {
	header#msu-header .logo img {
		max-width: 70%;
		max-height: 90px;
	}
}

header#msu-header .usda img {
	margin-top: 7px;
	max-width: 100%;
	float: right;
}

@media (min-width: 768px) {
	header#msu-header .usda img {
		max-width: 70%;
		max-height: 90px;
	}
}

header#msu-header .secondary {
	height: 60px;
	padding-bottom: 30px;
}

/* top menu */

header#msu-header .secondary .top-menu-row .nav {
	margin-bottom: 0;
	min-height: 0;
	float: right;
	font-size: 90%;
}

header#msu-header .secondary .top-menu-row .nav > li {
	float: left;
}
header#msu-header .secondary .top-menu-row .nav > li.space {
	margin-right: 10px;
}

header#msu-header .secondary .top-menu-row .nav > li > a {
	font-size: 0.6em;
	padding: 5px 7px;
	color: #fff;

	background: rgb(71, 8, 9);
	background: -moz-linear-gradient(
		left,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470809', endColorstr='#3c0809',GradientType=1 );
}
header#msu-header .secondary .top-menu-row .nav > li:first-child a {
	border-left: none;
}
header#msu-header .secondary .top-menu-row .nav > li:last-child a {
	border-right: none;
}

header#msu-header .secondary .top-menu-row .nav > li > a:hover,
header#msu-header .secondary .top-menu-row .nav > li > a:focus {
	background: #fff;
	color: #880000;
}

/* university */
header#msu-header .secondary .top-menu-row .nav > li.level-university > a {
	background: rgb(71, 8, 9);
	background: -moz-linear-gradient(
		left,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(71, 8, 9, 1) 0%,
		rgba(60, 8, 9, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470809', endColorstr='#3c0809',GradientType=1 );
}
header#msu-header .secondary .top-menu-row .nav > li.level-university > a:hover,
header#msu-header
	.secondary
	.top-menu-row
	.nav
	> li.level-university
	> a:focus {
	background: #fff;
	color: #880000;
}

/* site - black */
header#msu-header
	.secondary
	.top-menu-row.color-black
	.nav
	> li.level-site
	> a {
	background: rgb(22, 22, 22);
	background: -moz-linear-gradient(
		left,
		rgba(22, 22, 22, 1) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(22, 22, 22, 1) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(22, 22, 22, 1) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#000000',GradientType=1 );
}
header#msu-header
	.secondary
	.top-menu-row.color-black
	.nav
	> li.level-site
	> a:hover,
header#msu-header
	.secondary
	.top-menu-row.color-black
	.nav
	> li.level-site
	> a:focus {
	background: #222;
	color: #fff;
}

/* site - white */
header#msu-header
	.secondary
	.top-menu-row.color-white
	.nav
	> li.level-site
	> a {
	color: #880000;

	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
}
header#msu-header
	.secondary
	.top-menu-row.color-white
	.nav
	> li.level-site
	> a:hover,
header#msu-header
	.secondary
	.top-menu-row.color-white
	.nav
	> li.level-site
	> a:focus {
	background: #660000;
	color: #fff;
}

/* site - gray */
header#msu-header .secondary .top-menu-row.color-gray .nav > li.level-site > a {
	color: #880000;

	background: rgb(238, 238, 238);
	background: -moz-linear-gradient(
		left,
		rgba(238, 238, 238, 1) 0%,
		rgba(230, 230, 230, 1) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgba(238, 238, 238, 1) 0%,
		rgba(230, 230, 230, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(238, 238, 238, 1) 0%,
		rgba(230, 230, 230, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e6e6e6',GradientType=1 );
}
header#msu-header
	.secondary
	.top-menu-row.color-gray
	.nav
	> li.level-site
	> a:hover,
header#msu-header
	.secondary
	.top-menu-row.color-gray
	.nav
	> li.level-site
	> a:focus {
	background: #fff;
	color: #000;
}

@media (min-width: 840px) {
	header#msu-header .secondary .top-menu-row .nav > li > a {
		padding: 5px 10px;
	}
}

@media (min-width: 1024px) {
	header#msu-header .secondary .top-menu-row .nav > li > a {
		font-size: 0.7em;
		padding: 7px 15px;
	}
}

/* concentration menu */

header#msu-header .secondary .concentration-icon {
	width: 40px;
	height: 40px;
	display: block;
	box-sizing: border-box;
	padding: 8px;
	line-height: 1;
	font-size: 20px;
	background-color: #3c0809;
	color: #fff;
}
header#msu-header .secondary .concentration-icon:hover,
header#msu-header .secondary .concentration-icon:active,
header#msu-header .secondary .concentration-icon:focus {
	background-color: #280405;
	color: #fff;
}

header#msu-header .secondary .concentration-icon-row {
	display: block;
}
header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container {
	padding: 0;
}

header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container
	ul {
	display: inline-block;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container
	li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #370708;
	border-right: 1px solid #1e0304;
}

header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container
	li:first-child {
	border-left: none;
}
header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container
	li:last-child {
	border-right: none;
}

header#msu-header
	.secondary
	.concentration-icon-row
	.concentration-icon-container
	li
	a
	img {
	vertical-align: initial;
}

/* search */

/* header#msu-header .search {
    
    }    */

header#msu-header .search .search-form {
	width: 60%;
	float: right;
}

/* header#msu-header .search .search-form.focus { } */

header#msu-header .search .search-form .form-control {
	padding: 5px 12px;
	margin: 0;
	background-color: #fff;
	color: #555;
	font-size: 0.8em;
	line-height: 1.42857;
	border: none;
	height: auto;

	float: right;
	width: auto;
	vertical-align: middle;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

header#msu-header.msu-header-white .search .search-form .form-control {
	border: 1px solid #ddd;
}

header#msu-header .search .search-form.focus .form-control {
	color: #333;
	background-color: #fff;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

header#msu-header .search .search-form input.form-control {
	width: 80%;
	padding-right: 0;
}
header#msu-header.msu-header-white .search .search-form input.form-control {
	border-right: none;
}

/* header#msu-header .search .search-form input.form-control:focus {
                    
                } */

header#msu-header .search .search-form div.form-control {
	padding-left: 4px;
}
header#msu-header.msu-header-white .search .search-form div.form-control {
	border-left: none;
}

/* menu general */

nav#main-menu.navbar {
	/* default font styles from body to prevent overrides */
	font-family: "Source Sans Pro", "Open Sans", "HelveticaNeue-Light",
		"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	list-style: none;

	position: relative;
	z-index: 10;
	background-color: #000;
	border: none;
	min-height: 0;

	margin-bottom: 0;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
nav#main-menu.navbar,
nav#main-menu.navbar > .container-fluid,
nav#main-menu.navbar > .container-fluid > .row,
nav#main-menu.navbar > .container-fluid > .row > .col-sm-12,
nav#main-menu.navbar > .container-fluid > .row > .col-sm-12 > .menu-container {
	height: /*40px*/ 40px;
}

/* use this if you have disable-bootstrap-dropdowns for your main menu. it will hide submenus and carets. */
nav#main-menu.navbar .navbar-nav > li > ul,
nav#main-menu.navbar .navbar-nav > li > .nav {
	display: block;
}
nav#main-menu.navbar .navbar-nav > li > ul ul,
nav#main-menu.navbar .navbar-nav > li > .nav .nav {
	display: none !important;
}
nav#main-menu.navbar .nav li .caret {
	display: none;
}

nav#main-menu.navbar .menu-container {
	/*position: absolute;*/
	width: 100%;
}

nav#main-menu.navbar .navbar-nav {
	width: 100%;
}

nav#main-menu.navbar .navbar-nav > li,
nav#main-menu.navbar .navbar-nav > li.leaf {
	font-size: 1em;
	line-height: 2;
	width: 16.66666666666667%;
	padding: 0;
	margin: 0;

	position: relative;
	list-style: none;

	/*height: 40px;*/
	/*overflow: hidden;*/
	/*transition: height .15s ease-in-out;
        transition-delay: .3s;*/
}

nav#main-menu.navbar .navbar-nav > li > a,
nav#main-menu.navbar .navbar-nav > li.leaf > a {
	display: block;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	padding: /*8px 10px*/ 4px 10px;
	height: /*40px*/ 40px;
	color: #fff;
	line-height: inherit;
	font-size: inherit;

	position: relative;
	z-index: 2;

	transition: background 0.15s ease-in-out;
}

nav#main-menu.navbar .navbar-nav > li > a:hover,
nav#main-menu.navbar .navbar-nav > li.leaf > a:hover,
nav#main-menu.navbar .navbar-nav > li:hover > a,
nav#main-menu.navbar .navbar-nav > li:hover.leaf > a,
nav#main-menu.navbar .navbar-nav > li.hover > a,
nav#main-menu.navbar .navbar-nav > li.hover.leaf > a {
	background-color: #222;
	color: #fff;
}

nav#main-menu.navbar .navbar-nav > li.active > a,
nav#main-menu.navbar .navbar-nav > li.active.leaf > a {
	background-color: #111;
	color: #fff;
}

nav#main-menu.navbar .navbar-nav > li.active > a:hover,
nav#main-menu.navbar .navbar-nav > li.active.leaf > a:hover,
nav#main-menu.navbar .navbar-nav > li:hover.active > a,
nav#main-menu.navbar .navbar-nav > li:hover.active.leaf > a,
nav#main-menu.navbar .navbar-nav > li.hover.active > a,
nav#main-menu.navbar .navbar-nav > li.hover.active.leaf > a {
	background-color: #222;
	color: #fff;
	text-decoration: underline;
}

nav#main-menu.navbar .navbar-nav > li.expanded > ul {
	display: none;
	padding: 0;
	position: 0;
	top: 0;
	left: 0;

	z-index: 1;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

/* nav#main-menu.navbar .navbar-nav > li.expanded:hover > ul {
                display: block !important;
            }    */

nav#main-menu.navbar .navbar-nav > li.expanded > ul > li {
	width: auto;
	float: none;
	border: none;
}

nav#main-menu.navbar .navbar-nav > li.expanded > ul > li > a,
nav#main-menu.navbar .navbar-nav > li.expanded > ul > li.leaf > a {
	display: block;
	padding: 10px 12px;
	font-size: 0.85em;
	line-height: 1.4;
	border-bottom: none;
	text-align: left;
	height: auto;
	box-shadow: none;
	margin-top: 0;
	background-color: #222;
	color: #fff;

	/* transition: background .2s ease-in-out; */
}

nav#main-menu.navbar .navbar-nav > li.expanded > ul > li > a:hover,
nav#main-menu.navbar .navbar-nav > li.expanded > ul > li > a:focus {
	width: auto;
	position: relative;
	height: auto;
	background-color: #333;
	color: #fff;
}

/* menu color-black */

nav#main-menu.navbar.color-black {
	background-color: /*#000*/ #080808;
}

nav#main-menu.navbar.color-black .navbar-nav > li > a,
nav#main-menu.navbar.color-black .navbar-nav > li.leaf > a {
	color: #fff;
}

nav#main-menu.navbar.color-black .navbar-nav > li > a:hover,
nav#main-menu.navbar.color-black .navbar-nav > li.leaf > a:hover,
nav#main-menu.navbar.color-black .navbar-nav > li:hover > a,
nav#main-menu.navbar.color-black .navbar-nav > li:hover.leaf > a,
nav#main-menu.navbar.color-black .navbar-nav > li.hover > a,
nav#main-menu.navbar.color-black .navbar-nav > li.hover.leaf > a {
	background-color: #eee;
	color: #000;
}

nav#main-menu.navbar.color-black .navbar-nav > li.active > a,
nav#main-menu.navbar.color-black .navbar-nav > li.active.leaf > a {
	background-color: #222;
	color: #fff;
}

nav#main-menu.navbar.color-black .navbar-nav > li.active > a:hover,
nav#main-menu.navbar.color-black .navbar-nav > li.active.leaf > a:hover,
nav#main-menu.navbar.color-black .navbar-nav > li:hover.active > a,
nav#main-menu.navbar.color-black .navbar-nav > li:hover.active.leaf > a,
nav#main-menu.navbar.color-black .navbar-nav > li.hover.active > a,
nav#main-menu.navbar.color-black .navbar-nav > li.hover.active.leaf > a {
	background-color: #eee;
	color: #000;
}

nav#main-menu.navbar.color-black .navbar-nav > li.expanded > ul > li > a,
nav#main-menu.navbar.color-black .navbar-nav > li.expanded > ul > li.leaf > a {
	background-color: #eee;
	color: #000;
}

nav#main-menu.navbar.color-black .navbar-nav > li.expanded > ul > li > a:hover,
nav#main-menu.navbar.color-black .navbar-nav > li.expanded > ul > li > a:focus {
	background-color: #ddd;
	color: #000;
}

/* menu color-gray */

nav#main-menu.navbar.color-gray {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

nav#main-menu.navbar.color-gray .navbar-nav > li > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.leaf > a {
	color: #000;
}

nav#main-menu.navbar.color-gray .navbar-nav > li > a:hover,
nav#main-menu.navbar.color-gray .navbar-nav > li.leaf > a:hover,
nav#main-menu.navbar.color-gray .navbar-nav > li:hover > a,
nav#main-menu.navbar.color-gray .navbar-nav > li:hover.leaf > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.hover > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.hover.leaf > a {
	background-color: #fff;
	color: #000;
}

nav#main-menu.navbar.color-gray .navbar-nav > li.active > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.active.leaf > a {
	background-color: #e1e1e1;
	color: #000;
}

nav#main-menu.navbar.color-gray .navbar-nav > li.active > a:hover,
nav#main-menu.navbar.color-gray .navbar-nav > li.active.leaf > a:hover,
nav#main-menu.navbar.color-gray .navbar-nav > li:hover.active > a,
nav#main-menu.navbar.color-gray .navbar-nav > li:hover.active.leaf > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.hover.active > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.hover.active.leaf > a {
	background-color: #fff;
	color: #000;
}

nav#main-menu.navbar.color-gray .navbar-nav > li.expanded > ul > li > a,
nav#main-menu.navbar.color-gray .navbar-nav > li.expanded > ul > li.leaf > a {
	background-color: #fff;
	color: #000;
}

nav#main-menu.navbar.color-gray .navbar-nav > li.expanded > ul > li > a:hover,
nav#main-menu.navbar.color-gray .navbar-nav > li.expanded > ul > li > a:focus {
	background-color: #eee;
	color: #000;
}

/* menu color-white */

nav#main-menu.navbar.color-white {
	/*background-color: #fff;*/
	border-bottom: 1px solid #ddd;
	background: linear-gradient(to top, #ffffff, #f9f9f9, #ffffff);
}

nav#main-menu.navbar.color-white .navbar-nav > li > a,
nav#main-menu.navbar.color-white .navbar-nav > li.leaf > a {
	color: #000;
	border-right: 1px solid rgba(0, 0, 0, 0.09) !important;
}

nav#main-menu.navbar.color-white .navbar-nav > li:first-child > a {
	border-left: 1px solid rgba(0, 0, 0, 0.09) !important;
}

nav#main-menu.navbar.color-white .navbar-nav > li > a:hover,
nav#main-menu.navbar.color-white .navbar-nav > li.leaf > a:hover,
nav#main-menu.navbar.color-white .navbar-nav > li:hover > a,
nav#main-menu.navbar.color-white .navbar-nav > li:hover.leaf > a,
nav#main-menu.navbar.color-white .navbar-nav > li.hover > a,
nav#main-menu.navbar.color-white .navbar-nav > li.hover.leaf > a {
	background-color: #141414;
	color: #fff;
}

nav#main-menu.navbar.color-white .navbar-nav > li.active > a,
nav#main-menu.navbar.color-white .navbar-nav > li.active.leaf > a {
	background-color: #eee;
	color: #777;
}

nav#main-menu.navbar.color-white .navbar-nav > li.active > a:hover,
nav#main-menu.navbar.color-white .navbar-nav > li.active.leaf > a:hover,
nav#main-menu.navbar.color-white .navbar-nav > li:hover.active > a,
nav#main-menu.navbar.color-white .navbar-nav > li:hover.active.leaf > a,
nav#main-menu.navbar.color-white .navbar-nav > li.hover.active > a,
nav#main-menu.navbar.color-white .navbar-nav > li.hover.active.leaf > a {
	background-color: #660000;
	color: #fff;
}

nav#main-menu.navbar.color-white .navbar-nav > li.expanded > ul > li > a,
nav#main-menu.navbar.color-white .navbar-nav > li.expanded > ul > li.leaf > a {
	background-color: #660000;
	color: #fff;
}

nav#main-menu.navbar.color-white .navbar-nav > li.expanded > ul > li > a:hover,
nav#main-menu.navbar.color-white .navbar-nav > li.expanded > ul > li > a:focus {
	background-color: #440000;
	color: #fff;
}

/* page */

.page {
	padding-top: 2em;
	padding-bottom: 4em;
	position: relative;
	background: #fff;
}

.page .tabs > ul {
	margin-bottom: 2em;
}
.page .content-body .node-page {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.page .row > div {
		margin-bottom: 2em;
	}
}

/* page elements */

.box {
	padding: 1.5em;
	background-color: #fff;
	margin-bottom: 2em;
	font-size: 14px;
}

.box p {
	margin: 0 0 5px 0;
}

/* section {

} */

section.box,
.section-box {
}

/* article {

} */

article.box,
.article-box {
}

date,
.date {
	font-style: italic;
	color: #999;
}
a:hover date,
a:hover .date {
	color: inherit;
}

/* social-footer */

.social-footer {
	text-align: center;
	margin-bottom: 2px;
	max-height: 50px;
	overflow: hidden;
}

@media (max-width: 767px) {
	.social-footer {
		display: block !important;
	}
}

/* footer#msu-footer */

footer#msu-footer {
	/* default font styles from body to prevent overrides */
	font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;

	padding-top: 4em;
	padding-bottom: 4em;
	color: #fff;
	font-size: 0.85em;

	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 1) 0%,
		rgba(34, 34, 34, 1) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 1) 0%,
		rgba(34, 34, 34, 1) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 1) 0%,
		rgba(34, 34, 34, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 );
}

@media (max-width: 767px) {
	footer#msu-footer .col-sm-3,
	footer#msu-footer .col-sm-4,
	footer#msu-footer .col-sm-5,
	footer#msu-footer .col-sm-6,
	footer#msu-footer .col-sm-7,
	footer#msu-footer .col-sm-8,
	footer#msu-footer .col-sm-9,
	footer#msu-footer .col-sm-12 {
		margin-bottom: 2em;
	}
}

footer#msu-footer h1,
footer#msu-footer h2,
footer#msu-footer h3,
footer#msu-footer h4,
footer#msu-footer h5,
footer#msu-footer h6,
footer#msu-footer p,
footer#msu-footer li,
footer#msu-footer a,
footer#msu-footer a:hover,
footer#msu-footer a:active {
	color: #fff;
	margin-top: 0;
}

footer#msu-footer a {
	text-decoration: underline;
}

footer#msu-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer#msu-footer .address {
}

footer#msu-footer .address .logo {
	width: 20%;
	padding-bottom: 1em;
	float: none;
	margin: 0 auto;
}

footer#msu-footer .address .line {
	width: 80%;
	margin: 0 auto;
	float: none;
	text-align: center;
	padding-left: 0;
}

footer#msu-footer .address .line .darker {
	color: #999;
}

@media (min-width: 767px) {
	footer#msu-footer .address .logo {
		width: 20%;
		float: left;
		padding-bottom: 0;
		margin: 0;
	}

	footer#msu-footer .address .line {
		width: 80%;
		text-align: left;
		float: left;
		padding-left: 5%;
		margin: 0;
	}
}

footer#msu-footer .links li a {
	font-weight: normal;
}

footer#msu-footer .links {
}
@media (max-width: 767px) {
	footer#msu-footer .links li,
	footer#msu-footer .links p {
		text-align: center;
	}
}

footer#msu-footer .disclosure {
	margin-top: 2em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #202020;
	font-size: 0.8em;
}

footer#msu-footer .disclosure p {
	margin-bottom: 0;
	color: #999;
}

footer#msu-footer .disclosure a {
	color: #999;
	white-space: nowrap;
}
footer#msu-footer .disclosure a:hover {
	color: #fff;
}

footer#msu-footer .disclosure .copyright {
	text-align: center;
}
@media (min-width: 768px) {
	footer#msu-footer .disclosure .copyright {
		text-align: left;
	}
}

footer#msu-footer .disclosure .equal {
	line-height: 1.2;
	text-align: center;
}
@media (min-width: 768px) {
	footer#msu-footer .disclosure .equal {
		text-align: right;
	}
}

footer#msu-footer .problems {
	font-size: 0.8em;
}

footer#msu-footer .problems p {
	margin-bottom: 0;
	color: #999;
}

footer#msu-footer .problems a {
	color: #999;
}
footer#msu-footer .problems a:hover {
	color: #fff;
}

footer#msu-footer .logo-footer {
	text-align: center;
}

footer#msu-footer .logo-footer > a > img {
	max-height: 80px;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Feature and Page Hero
 */

/* general display */

.feature,
.page-hero {
	margin-bottom: 0;
	overflow: hidden;
}

.feature .item,
.page-hero .item {
	height: 400px;
	padding: 150px 0;
	position: relative;

	background: transparent;
	background-size: cover;
	background-position: bottom center;
}
.feature .item .container-fluid,
.page-hero .item .container-fluid {
	position: relative;
	z-index: 2;
}

.feature .item h1,
.page-hero .item h1 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.feature .item h1 a,
.page-hero .item h1 a {
	color: #fff;
}

.feature .item h1 a:hover,
.page-hero .item h1 a:hover,
.feature .item h1 a:focus,
.page-hero .item h1 a:focus {
	text-decoration: none;
	color: #f5f5f5;
	outline: none;
}

@media (max-width: 768px) {
	.feature .itemn h1,
	.page-hero .itemn h1 {
		margin-top: 2em;
	}
}

@media (min-width: 567px) {
	.feature .item h1,
	.page-hero .item h1 {
		font-size: 3em;
	}
}

@media (min-width: 867px) {
	.feature .item h1,
	.page-hero .item h1 {
		font-size: 4em;
	}
}

@media (min-width: 967px) {
	.feature .item h1,
	.page-hero .item h1 {
		font-size: 5em;
		font-weight: bold;
	}
}

/* slick next/prev */

.feature .slick-prev,
.feature .slick-next {
	width: 100px;
	height: 100px;
	/* margin-top: -50px;*/ /* half of height */
}

.feature .slick-prev {
	left: 50px;
}
.feature .slick-next {
	right: 50px;
}

.feature .slick-next:before,
.feature .slick-prev:before {
	opacity: 0.3;
	font-family: inherit;

	color: #fff;
	background-color: #000;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: table-cell;
	vertical-align: middle;

	transition: opacity 0.3s;
}

.feature .slick-next:hover:before,
.feature .slick-prev:hover:before {
	opacity: 0.5;
}

.feature .slick-prev {
	display: none !important;
}
.feature .slick-next {
	display: none !important;
}

@media (min-width: 768px) {
	.feature .slick-next {
		display: block !important;
	}
}

@media (min-width: 1500px) {
	.feature .slick-prev {
		display: block !important;
	}
}

/* slick dots */

.feature .slick-dots {
	bottom: 30px;
	margin-bottom: 0;
}

.feature .slick-dots li button:before {
	color: #fff;
	transition: opacity 0.3s;
}

/* show elements on hover */

.feature .slick-prev,
.feature .slick-next,
.feature .slick-dots {
	opacity: 0;

	transition: opacity 0.3s;
}

.feature:hover .slick-prev,
.feature:hover .slick-next,
.feature:hover .slick-dots {
	opacity: 1;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Sidebar Navigation 
 */

/* general */

.webdev-sidebar {
	padding: 0;
	margin: 0 0 2em;
}

.webdev-sidebar .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
}
.webdev-sidebar .menu .menu {
	border: none;
}

.webdev-sidebar .menu li,
.webdev-sidebar .menu li.leaf {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.webdev-sidebar .menu li:last-child,
.webdev-sidebar .menu li.leaf:last-child {
	border: none;
}

.webdev-sidebar .menu li a:link,
.webdev-sidebar .menu li a:visited {
	display: block;
	padding: 1em 8%;
	background-color: #fff;
	color: #666;
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;

	transition: background 0.2s ease-in-out;
}

.webdev-sidebar .menu li a:hover,
.webdev-sidebar .menu li a:active {
	background-color: #eee;
	color: #880000;
}

.webdev-sidebar .menu li.active-trail a:link,
.webdev-sidebar .menu li.active-trail a:visited {
	background-color: #660000;
	color: #fff;
	text-decoration: none;
}

.webdev-sidebar .menu li.active-trail > a:link,
.webdev-sidebar .menu li.active-trail > a:visited {
	background-color: #770000;
	border-bottom: 2px solid #550000;
}

.webdev-sidebar .menu li.active-trail a:hover,
.webdev-sidebar .menu li.active-trail a:active {
	text-decoration: none;
}

/** 
     *  multi level nav defaults 
     *  - you probably won't see these colors unless you are doing click toggles to show non 'active-trail' menus)
     */

.webdev-sidebar .menu .menu {
	display: none;
	border-top: 1px solid #ddd;
}

.webdev-sidebar .menu .menu li,
.webdev-sidebar .menu .menu li.leaf {
	border-bottom: 1px solid #ddd;
}

.webdev-sidebar .menu .menu li:last-child,
.webdev-sidebar .menu .menu li.leaf:last-child {
	border-bottom: none;
}

.webdev-sidebar .menu .menu li a:link,
.webdev-sidebar .menu .menu li a:visited {
	padding: 0.6em 8% 0.6em 8%;
	background-color: #fff;
	color: #999;
	font-size: 0.8em;
	font-weight: 400;
	text-decoration: none;
}
.webdev-sidebar .menu .menu .menu li a:link,
.webdev-sidebar .menu .menu .menu li a:visited {
	padding-left: 16%;
	font-weight: 300;
}

.webdev-sidebar .menu .menu .menu .menu li a:link,
.webdev-sidebar .menu .menu .menu .menu li a:visited {
	padding-left: 24%;
}

.webdev-sidebar .menu .menu .menu .menu .menu li a:link,
.webdev-sidebar .menu .menu .menu .menu .menu li a:visited {
	padding-left: 32%;
}

.webdev-sidebar .menu .menu li a:hover,
.webdev-sidebar .menu .menu li a:active {
	background-color: #eee;
	color: #880000;
}

/**
     *  multi level nav active
     *  - all the 'active-trail' ul menu colors below
     */

.webdev-sidebar li.active-trail > .menu {
	display: block;
	border-top: none;
}

.webdev-sidebar li.active-trail > .menu li,
.webdev-sidebar li.active-trail > .menu li.leaf {
	border: none;
}

.webdev-sidebar li.active-trail > .menu li a:link,
.webdev-sidebar li.active-trail > .menu li a:visited,
.webdev-sidebar li.active-trail > .menu li.active-trail > a:link,
.webdev-sidebar li.active-trail > .menu li.active-trail > li a:visited {
	background-color: #660000;
	color: #fff;
	border-bottom: none;
}

.webdev-sidebar li.active-trail > .menu li a:hover,
.webdev-sidebar li.active-trail > .menu li a:active {
	background-color: #550000 !important;
	color: #fff !important;
}

.webdev-sidebar li.active-trail > .menu li.active a:link,
.webdev-sidebar li.active-trail > .menu li.active a:visited {
	background-color: #440000;
	color: #fff;
}

.webdev-sidebar li.active-trail > .menu li.active a:hover,
.webdev-sidebar li.active-trail > .menu li.active a:active {
}

.webdev-sidebar li.active-trail > .menu li.active > a.active:link,
.webdev-sidebar li.active-trail > .menu li.active > a.active:visited {
	background-color: #440000;
	color: #fff;
}

/* nested down 3 */

.webdev-sidebar li.active-trail > .menu li.active-trail > a:link,
.webdev-sidebar li.active-trail > .menu li.active-trail > a:visited,
.webdev-sidebar li.active-trail > .menu li.active-trail > .menu li a:link,
.webdev-sidebar li.active-trail > .menu li.active-trail > .menu li a:visited,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active-trail
	> a:link,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active-trail
	> li
	a:visited {
	background-color: #440000;
	color: #fff;
}

.webdev-sidebar li.active-trail > .menu li.active-trail > .menu li a:hover,
.webdev-sidebar li.active-trail > .menu li.active-trail > .menu li a:active,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active-trail
	> a:hover,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active-trail
	> li
	a:active {
	background-color: #220000 !important;
	color: #fff !important;
}

.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active
	a:link,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active
	a:visited {
	background-color: #220000;
	color: #fff;
}

.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active
	a:hover,
.webdev-sidebar
	li.active-trail
	> .menu
	li.active-trail
	> .menu
	li.active
	a:active {
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Iframes for Mobile
 *  
 *  includes common ratios 
 */

.google-maps {
	position: relative;
	padding-bottom: 90%; /* (450h / 500w = 0.9 = 90%) */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container-4x3 {
	position: relative;
	padding-bottom: 75%; /* (600h / 800w = 0.75 = 75%) ... aka 4:3 ratio */
	height: 0;
	overflow: hidden;
}

.container-4x3 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container-16x9 {
	position: relative;
	padding-bottom: 56.25%; /* (1600h / 900w = 0.5625 = 56.25%) ... aka 16:9 ratio ... this is good for youtube videos */
	height: 0;
	overflow: hidden;
}

.container-16x9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Video JS  
 * 
 *  fix for auto height/width
 */

/*
.videos video, 
.videos object, 
.videos embed, 
.videos .video-js, 
.videos iframe {
    width: 100% !important;
    height: 100% !important;
    z-index: 0;
}

.videos .video-js, 
.videos iframe {
    position: absolute;
    top: 0;
    left: 0;
}

.videos {
    margin-top: 10px;
    max-width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
*/

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Specific Mobile Only CSS For Responsive Tables
 * 
 *  DO NOT CHANGE THIS BLOCK
 *  If you need to change things, copy and paste into your local stylesheet.
 *  Look at app.js/main.js in your theme for the script for responsive tables.
 *
 *  .. screens and < 767 
 *  .. handheld and < 767 
 *  .. projections and < 767 
 *  .. tv and < 767 
 *  .. tty
 */

@media screen and (max-width: 767px),
	handheld and (max-width: 767px),
	projection and (max-width: 767px),
	tv and (max-width: 767px),
	tty {
	/* make tables mobile friendly */
	table.table-webdev-mobile,
	table.table-webdev-mobile thead,
	table.table-webdev-mobile tbody,
	table.table-webdev-mobile th,
	table.table-webdev-mobile td,
	table.table-webdev-mobile tr {
		display: block !important;
	}

	table.table-webdev-mobile.table-bordered {
		border: none;
	}

	/* hide table headers (but not display: none;, for accessibility) */
	table.table-webdev-mobile thead tr {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	table.table-webdev-mobile tr {
		border: 1px solid #ccc !important;
		margin-bottom: 0.5em !important;
	}

	table.table-webdev-mobile td {
		/* behave  like a row */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
	}

	table.table-webdev-mobile td::before {
		padding-top: 5px !important;
		white-space: nowrap !important;
		display: block !important;
		font-weight: bold !important;
	}

	/* data-th is inserted via jquery */
	table.table-webdev-mobile td::before {
		content: attr(data-th) !important;
	}

	/* simulate th in front/above of each td */
	/* this is done through jquery, left here as example */
	/*
    table.table-webdev-mobile td:nth-of-type(1)::before { content: "Subject"; }
    table.table-webdev-mobile td:nth-of-type(2)::before { content: "Course"; }
    table.table-webdev-mobile td:nth-of-type(3)::before { content: "Title"; }
    table.table-webdev-mobile td:nth-of-type(4)::before { content: "Course Description"; }
    */
} /* end @media */

/** ------------------------------------------------------------------------------------------------------- */
/**
 *  Specific Print Only CSS
 * 
 *  DO NOT CHANGE THIS BLOCK
 *  If you need to change things, copy and paste into your local stylesheet.
 */

@media print {
	/*  print   */

	/**
 *  Things to force hide.
 */

	header,
	.header,
	footer,
	.footer,
	#feature,
	.feature,
	#page-hero,
	.page-hero,
	#hero,
	.hero,
	#breadcrumb,
	.breadcrumb,
	#mobile-menu,
	.mobile-menu,
	#main-menu,
	.main-menu,
	nav,
	#nav,
	.nav,
	#sidebar,
	.sidebar,
	#sidebar-first,
	.sidebar-first,
	#sidebar-second,
	.sidebar-second,
	#page-tools,
	.page-tools,
	#browsehappy,
	.browsehappy,
	#toolbar,
	.toolbar,
	#topbar,
	.topbar {
		display: none !important;
	}
} /* end @media */

/*header#msu-header .secondary .top-menu-row .nav {
    margin-bottom: 0;
    min-height: 0;
    float: right;
    background-color: #111;
    font-size: 90%;
}

header#msu-header .secondary .top-menu-row .nav > li {
    float: left;
    border-left: 1px solid #222;
    border-right: 1px solid #111;
}

header#msu-header .secondary .top-menu-row .nav > li > a {
    background:#343434;
}

header#msu-header .logo .links-container a {
    display: block;
    position: relative;
    z-index: 1;
    color:#fff;
    text-transform: uppercase;
    font-size: 32px;
    text-shadow:2px 1px 5px rgba(0,0,0,1);
    font-family: 'Playfair Display SC', serif;
    padding-top:10px;
    /*border-top:1px solid #444;
    border-bottom:1px solid #444;*/
/*padding-top:0px;
    padding-bottom:5px;
    margin-top: 0px;

}*/

/*header#msu-header .logo .links-container a:hover {
    text-decoration: none;
}

header#msu-header .logo .links-container a span {
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    text-transform: none;
    text-shadow:none;
    color:#fff;
}

header#msu-header .search img {
    width:60%;
    height:60%;  
    float:right;
}*/

/*header#msu-header .secondary {
    height: 55px;
    padding-bottom: 20px;
}

nav#main-menu.navbar.color-white .navbar-nav > li.active > a, nav#main-menu.navbar.color-white .navbar-nav > li.active.leaf > a {
    background-color: #550000;
    color: #fff;
}

@media (max-width:792px) {
    header#msu-header .logo .links-container a {
        font-size:30px;
    }
}*/

footer#msu-footer {
	font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	padding-top: 4em;
	padding-bottom: 4em;
	color: #fff;
	font-size: 0.85em;
	background: #181818;
}

/*.faculty p {
   padding-top:10px;
}*/

/*.faculty h2 {
	margin-bottom:0.2em;
	font-size: 26px;
	font-weight: normal;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid #fafafa;
    border-bottom:1px solid #ddd;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.00);
}

#block-system-main .field-name-field-research-image {float:left; padding:0 20px 20px 0;}
#block-views-latest-news-block h2, #block-views-research-block h2, #block-views-student-list-block h2, #block-views-clone-of-latest-news-block h2 {color:#444; font-size: 26px;}
#block-views-clone-of-latest-news-block h2 {margin-top:10px;}

.sidebar h2, .research-header {color:#444; font-size: 26px;}


#page-title {color:#444; font-size: 30px; border-bottom:1px solid #ddd; padding-bottom:5px;}

.research-table-style {border-bottom:1px solid #ddd; padding-bottom:30px;}
.research-table-style h3 {font-size:20px;}
.research-list-image {padding-left:0px;}

.article-image {float:left; margin:0 15px 5px 0px;}*/

/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	ADJUSTMENTS AND MINOR ADDITIONS 
 */

/* buttons */

/*.faculty .page .btn {

}*/

/*.faculty .page .btn-primary {

}
	.faculty .page .btn-primary:hover, 
	.faculty .page .btn-primary:focus, 
	.faculty .page .btn-primary:active, 
	.faculty .page .btn-primary.active, 
	.faculty .page .open > .dropdown-toggle.btn-primary {

	}

.feature .carousel-control .glyphicon-chevron-left, .feature .carousel-control .icon-prev {
    background: -moz-linear-gradient(left, rgba(102,0,0,0) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(102,0,0,0) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(102,0,0,0) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(102,0,0,0) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(102,0,0,0) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.feature .carousel-control .glyphicon-chevron-right, .feature .carousel-control .icon-next {
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(102,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(102,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(102,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(102,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(102,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(102,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

.login-user {margin-top:20px;}

@media (max-width: 767px) {
    tr {
        border:none;
    }
}

#user-login-title {display:none;}*/

/************************************************ Custom ******************************************/

#goals-section {
	background: #eee;
}
.thumbnail {
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 4px solid #fff;
	border-radius: 1rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	min-height: 290px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
}

/* .thumbnail:hover {
  -webkit-filter: brightness(1.04);
  -moz-filter: brightness(1.04);
  -o-filter: brightness(1.04);
  -ms-filter: brightness(1.04);
  filter: brightness(1.04);
} */

.thumbnail .glyphicon {
	color: #000;
	font-size: 65px;
	margin-top: 20px;
	margin-left: -5px;
	padding-left: 0px;
}

.thumbnail .caption {
	padding-top: 15px;
	color: #333;
	min-height: 155px;
	line-height: 20px;
}

.thumbnail .caption p {
	border-bottom: none;
	padding-bottom: 0px;
}

.thumbnail .caption h3 {
	color: #660000;
	margin: 0 0 0px 0;
	border-bottom: none;
	position: absolute;
	top: 0px;
	background: #fff;
	padding: 15px 40px;
	font-size: 24px;
	left: 0px;
}

.thumbnail ul li a {
	cursor: pointer;
	color: #080808 !important;
}

.thumbnail ul li a:hover {
	text-decoration: underline !important;
}

.side-link {
	display: block;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 4px solid #fff;
	border-radius: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	min-height: 0px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.side-link h4 {
	font-size: 18px;
	margin: 10px;
}

.side-link:hover {
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
}

.side-link .glyphicon {
	color: #000;
	font-size: 65px;
	margin-top: 20px;
	margin-left: -5px;
	padding-left: 0px;
}

.side-link .caption {
	padding-top: 15px;
	color: #333;
	min-height: 155px;
	line-height: 20px;
}

.side-link .caption p {
	border-bottom: none;
	padding-bottom: 0px;
}

.side-link .caption h3 {
	color: #660000;
	margin: 0 0 0px 0;
	border-bottom: none;
	position: absolute;
	top: 0px;
	background: #fff;
	padding: 15px 40px;
	font-size: 24px;
	left: 0px;
}

.custom-container {
	width: 85%;
	margin: 0 auto;
}

.init {
	padding: 30px 0px;
}

.bs-callout-warning {
	border-left-color: #aa6708;
}
.bs-callout {
	padding: 30px;
	margin: 30px;
	border: 1px solid #ddd;
	border-left: 5px solid #000;
	border-radius: 1rem;
}

.flexlist {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}
.flexlist-item {
	width: calc(100% / 4 - 5px);
	float: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.types li:after {
	content: ", ";
}

.types li:last-child:after,
.types li:first-child:after {
	content: "";
}

.btn-dark {
	color: #fff;
	background-color: #640d0d;
	border-color: #640d0d;
	border-radius: 0.2rem;
	font-size: 16px;
	padding: 0.5rem 1.5rem;
}

.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(52, 58, 64, 1);
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.flexlist-item {
		width: calc(100% / 2 - 5px);
	}
}

@media screen and (max-width: 620px) {
	.flexlist-item {
		width: calc(100% / 1 - 5px);
	}
}

.qlinks {
	padding: 30px;
	margin: 30px;
}

.qlinks .thumbnail {
	min-height: 0px;
}

.qlinks .thumbnail h4 {
	font-size: 1.1em;
}

table.dataTable.dtr-inline.collapsed
	> tbody
	> tr[role="row"]
	> td:first-child:before {
	background: #640d0d !important;
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #640d0d !important;
	border-color: #640d0d !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.02) !important;
}

#outreach li a.nav-link {
	border: 1px solid #ddd;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: #640d0d;
}

@media (max-width: 767px) {
	.nav-pills > li + li {
		margin-left: 0px;
	}
	#outreach li {
		margin-bottom: 4px;
	}
}

.showcase-links li.nav-item {
	margin-left: 0px;
	margin-bottom: 20px;
}

.showcase-links li a.nav-link {
	background: #640d0d;
	color: #fff;
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 0rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	border-radius: 0.25rem;
}

/*MITOOL CSS*/

.hidden-options {
	display: none;
	width: 50%;
	justify-content: center;
	align-items: center;
}

.rdo-btn{
	margin-left: 5px;
	margin-right: 5px;
}

.tool-tip:hover {
	cursor: pointer;
}

.description {
	display: none;
	padding: 25px;
}

.Mitool-title {
	text-align: center;
}

.form-section {
	margin-bottom: 5px;
}

.form-section h2 {
	margin-top: 25px;
}

.input-style {
	width: 55%;
	display: grid;
	grid-template-columns: 70% 22.5% 7.5%;
	margin-top: 10px;
}

#counties{
	margin-top: 10px;
}

#warning{
	padding: 25px;
	background-color: #ffc107;
	font-weight: bold;
	color: #495057;
	display: none;
	border: 1px solid silver;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.forecast-addi-info, .result-addi-info{
	text-align: center; 
	margin-top: 25px;
	margin-bottom: 25px; 
	background-color: #17a2b8; 
	color: white; 
	padding: 25px;
	font-size: bold;
	font-size: 1.25rem;
}

.result-addi-info{
	background-color: #198754;
	text-align: left;
}

.result{
	width: 100%;
}


.input-style label{
	cursor: pointer;
}

#area-selected{
	display: grid;
	grid-template-columns: 30% 70%;
}

.weather{
	display: grid;
	grid-template-columns: auto auto auto auto;
	
	margin-bottom: 200px;
}



@media only screen and (max-width: 600px) {
	.weather{
		display: flex;
		flex-direction: column;
	}
	.weather-card{
		border: 1px solid silver;
		margin-bottom: 5px;
	}
	.input-style{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.input-style input{
		width: 100% !important;
	}
	.result-addi-info{
		font-size: 16px;
	}
}

/* Newsletter */

.input-group2{
	display: grid;
	grid-template-columns: 15% 85%;
	margin-top: 15px;
}

.form-style{
	margin-left: 15%;
	margin-right: 15%;
}

.mg-top{
	margin-top: 15px;
}