/*
|===========================================================================================================
| 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
|
*/


/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	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.5;
}

.img.alignright { display: inline; }
.img.alignleft { display: inline; }
.img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0px 0px 5px 25px; }
.alignleft { float: left; margin:25px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption-text {padding: 5px; font-size:75%; color: #444; font-style:italic; }


/* links */

a {
	color: #5d1725;
}

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: #5d1725;
	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: 2.25em;
    margin: 0 0 .83em;
}

h2 {
    font-size: 1.75em;
    margin: 1em 0;
}

h3 {
    font-size: 1.75em;
    margin: 1em 0;
}

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

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: #5d1725; }
.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; }



.breadcrumbs {
	padding: .5em 0;
	margin-bottom: 0;
	border-radius: 0;
	font-size: .85em;
	background-color: #f5f5f5;
}

	
.breadcrumbs li {   
    list-style: none !important;
    padding: 0;
    display:inline-block;
}

	.breadcrumbs li a {
		color: #5d1725;
        
	}
	
	.breadcrumbs li a:hover, 
	.breadcrumbs li a:active {
		color: #333333;
		text-decoration: underline;
	}

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

label {
	font-weight: bold;
}

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


/* 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: .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: #5d1725;
}

.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: #5d1725;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    border-right: none;
	    border-bottom: 3px solid #5d1725;
	}
	
		.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 */

	@media (max-width: 767px) { 
		table.table-bordered { border: none; } 
	}
	
	
/* 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: .5em;
	    border: 1px solid #ddd;
	}
	
	figure span {
	    color: #777;
	    display: block;
	    font-size: .85em;
	    text-align: center;
	}
	
	
	
	
	
	
	
/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Slick
 */

.slick-next:before,
.slick-prev:before {
    opacity: .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: .75em 1.25em;
		margin: 0;
		font-weight: 600;
		width: 100%;
	}
	


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

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

	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 {
	margin-bottom: inherit;
	font-size: 1.4em;
	font-weight: 200;
}

.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: .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: .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: .6em;
		    text-transform: uppercase;
		}
		
		.page-tools .nav-tabs > li > a:focus, 
		.page-tools .nav-tabs > li > a:hover {
		    background-color: #eee;
		    color: #5d1725;
		    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,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 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;
}







/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	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.5;
}

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

	#topbar .navbar.navbar-inverse {
		background-color: #000;
	}
	
	#topbar .navbar-nav > li > a {
		font-size: .75em;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	
	
	
	

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

.alter-bootstrap-dropdown .dropdown-submenu > a:after { border: none; !important; }
.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.5;
}

#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: #000;
	color: #fff;
}

#mobile-menu .navbar .navbar-header .navbar-toggle,
#mobile-menu .navbar .navbar-header .navbar-toggle:focus { 
	border-color: #666; 
	background-color: #000; 
}
	#mobile-menu .navbar .navbar-header .navbar-toggle .icon-bar-text,
	#mobile-menu .navbar .navbar-header .navbar-toggle:focus .icon-bar-text { color: #fff; }
	#mobile-menu .navbar .navbar-header .navbar-toggle .icon-bar,
	#mobile-menu .navbar .navbar-header .navbar-toggle:focus .icon-bar { background-color: #fff; }
	
#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 #333;
	border-bottom: 1px solid #333;
	box-shadow: none;
	padding: 0;
}

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

		#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: #fff; 
		font-size: .9em;
		text-decoration: none;
	}
		#mobile-menu .navbar-collapse .menu.nav li.mobile-maroon a { background-color: #220000; }
	
		#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: #333;
	}
		#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: .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.5;

	height: auto;

	position: relative;
	
	background-color: #4f131f;
	background-image: url(https://cdn01.its.msstate.edu/i/basedrupal/1.0.5/img/background/bg_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	
	border-bottom: 4px solid #300607;
}
	@media (min-width: 768px) {
		header#msu-header {
			height: 140px;
		}
	}

	header#msu-header.msu-header-white {
		background-color: #fff;
		background-image: url(https://cdn01.its.msstate.edu/i/basedrupal/1.0.5/img/background/bg_header_white.jpg);
	
		border-bottom: 4px solid #5d1725;
	}	
	

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

		header#msu-header .logo .links-container {
			position: relative;
			height: 100%;
			widows: 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 { 

		}

			@media (min-width: 768px) {
				header#msu-header .logo img { 
					max-width: 478.767px;
					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: .60em;
					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: #5d1725;
					}
					
					/* 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: #5d1725;
						}
					
					/* 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: #5d1725;

						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: #5d1725;

						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: .70em;
						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.5;
			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: .8em;
				line-height: 1.5;
			    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.5;
	list-style: none;
	position: relative;
	z-index: 9999;
	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;
	}

	/* 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: none; }
	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%;
	}
	
/* The percentage below controls the number of menubar items that display, 11% = 9, 12% = 8 */
	nav#main-menu.navbar .navbar-nav > li, 
	nav#main-menu.navbar .navbar-nav > li.leaf {
		font-size: .8em;
		line-height: 2;
		width: 12.5%;
        padding: 0;
		margin: 0;
		position: relative;
		list-style: none;
        /*text-transform: uppercase;*/
        
		/*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;
			height: 40px;
			color: #fff;
			line-height: inherit;
			font-size: inherit;
			position: relative;
			z-index: 2;
			
			transition: background .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.5;
					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 override css to the bootstrap.min.css so the dropdown doesn't have random blue links */

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: black; 
    text-decoration: none; 
     background-color: transparent; 
    outline: 0;}



/* menu color-black */

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

	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;
} 			

	nav#main-menu.navbar.color-white .navbar-nav > li > a,
	nav#main-menu.navbar.color-white .navbar-nav > li.leaf > a {
		color: #333;
	}
			
	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: #660000;
		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: #333;
	}
	
	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: 3em;
	position: relative;
}

	.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;
}	

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.5;

	padding-top: 4em;
	padding-bottom: 4em;
	color: #fff;
	font-size: .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 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: bold; }
		
	
	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 #555;
		border-bottom: 1px solid #555;
		font-size: .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.5; text-align: center; }
			@media (min-width: 768px) {
				footer#msu-footer .disclosure .equal { text-align: right; }
			}
	
	
	footer#msu-footer .problems {
		font-size: .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: 600px;
	padding: 150px 0;
	position: relative;

	background: transparent;
	background-size: cover;
	background-position: center 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;
			font-size: 2em;
		}
			.feature .item h1 a,
			.page-hero .item h1 a { 
				color: #fff; 
			}
			
			.feature .item h1 a:hover,
			.page-hero .item h1 a:hover { 
				text-decoration: underline; 
			}
		
			@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;
				}
			}


/* 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: .3;
	    font-family: inherit;
	    
	    color: #fff;
	    background-color: #000;
	    width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    display: table-cell;
	    vertical-align: middle;

		transition: opacity .3s;
	}

	.feature .slick-next:hover:before,
	.feature .slick-prev:hover:before {
		opacity: .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 .3s;
	}



/* show elements on hover */

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

	transition: opacity .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: #444;
				font-size: .9em;
				font-weight: 400;
				text-decoration: none;

				transition: background .2s ease-in-out;
			}
			
			.webdev-sidebar .menu li a:hover,
			.webdev-sidebar .menu li a:active {
				background-color: #eee;
				color: #5d1725;
			}
			
			.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: .6em 8% .6em 8%;
			background-color: #fff;
			color: #999;
			font-size: .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: #5d1725;
		}
	
	
	/**
	 * 	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
 *  Look at app.js/main.js in your theme for the script for responsive tables
 */

@media (max-width: 767px) {		/* 	767 and below 	*/

/* make tables mobile friendly */
table, thead, tbody, th, td, tr { 
    display: block !important; 
}

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

tr { border: 0px solid #ccc !important; margin-bottom: .5em !important; }

td { 
    /* behave  like a row */
    border: none !important;
    border-bottom: 0px solid #eee !important; 
    position: relative !important;
}
	
	td::before { 
		padding-top: 5px !important; 
		white-space: nowrap !important;
		display: block !important;
		font-weight: bold !important;
	}
	
	/* data-th is inserted via jquery */
	td::before {
		content: attr(data-th) !important;
	}
	
	/* simulate th in front/above of each td */
	/* this is done through jquery, left here as example */
	/*
	td:nth-of-type(1)::before { content: "Subject"; }
	td:nth-of-type(2)::before { content: "Course"; }
	td:nth-of-type(3)::before { content: "Title"; }
	td:nth-of-type(4)::before { content: "Course Description"; }
	*/

} /* end @media */


/** --------- Additional Side Menu Bar Style ----- */

.sidebarstyling ul {
    list-style: none !important;
	padding: 0;
}
.sidebarstyling ul li{
padding: 10px;
border-color: #DDDDDD;
border-bottom-style: solid;
border-width: thin;
}

/** --------- Additional Changes - Kristen Polk ----- */


.dropdown-menu>li>a{display:block;padding:5px 20px;clear:both;font-weight:400;line-height:1.5;color:#333;white-space:nowrap}

.col-sm-9 {	padding-left: 4%!important; padding-bottom: 4em;}

a {	font-weight: bold; }

a.srpw-title, .srpw-block a {font-weight: 500!important;}

/** ---------a:focus-visible	{border: #333333 solid 1px;}----- */		


	.btn-primary:focus { 
	border: #330000 solid 1px;
	}

	.btn-default:focus {
	border: #333 solid 1px;
	}
	
	header#msu-header .secondary .top-menu-row .nav > li > a:focus {
	border: #fff solid 1px;
	}
					
	header#msu-header .secondary .top-menu-row .nav > li.level-university > a:focus {
	border: #fff solid 1px;
	}
					
	header#msu-header .secondary .top-menu-row.color-black .nav > li.level-site > a:focus {
	border: #222 solid 1px;
	}
						
	header#msu-header .secondary .top-menu-row.color-white .nav > li.level-site > a:focus {
	border: #660000 solid 1px;
	}

	header#msu-header .secondary .top-menu-row.color-gray .nav > li.level-site > a:focus {
	border: #fff solid 1px;
	}

@media print {
   header nav, footer, .social-icon-container, .col-sm-3, .submit-container, .breadcrumbs, .msu-header  {display: none;}
   img {max-width: 500px;}
   @page {margin: 0.25in;}
   input {border:0px;}
   select {border:0px;}
    a[href]:after {content: none !important;}
}

COVID{
	background: #008fb4;
    margin-left: auto; margin-right: auto;
    color:#fff!important;    
}

/** ---------Events Calendar----- */
h1.tribe-events-page-title {
    margin-top: 2% !important;
}
main#tribe-events-pg-template {
    margin-bottom: 2% !important;
}
.tribe-events-gcal {
    margin-right: 0;
}

a.tribe-events-gcal.tribe-events-button, a.tribe-events-ical.tribe-events-button {
    background-color: #fff;
}

a.tribe-events-gcal, a.tribe-events-ical {
    color: #5d1725;
    font-size: .7em;
    font-weight: 600;
    float: none;
    border: 1px #5d1725;
    border-style: solid;
    border-radius: 0px;
    padding: 10px;
    margin: 2% 3% 2% 0;
}
    
.tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 1.5em;
}

.tribe-events-single-event-title {
    color: #000;
}

.event-tickets .tribe-tickets__rsvp-wrapper {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #5d1725 !important;
    max-width: 580px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all .3s ease;
    margin-top: 28px;
    float: right;
}

/** ---.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    float: left;
}--- **/

.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    /** ---float: left;--- **/
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: auto;
    zoom: 1;
}

span.tribe-events-cost {
    display: none;
}

.tribe-link-view-attendee {
    margin: 15px 0;
    /** ---float: right;--- **/
}

dt.tribe-events-event-categories-label {
    padding-top: 5%;
}

dt.tribe-events-event-cost-label {
    padding-top: 5%;
}

.tribe-events-meta-group.tribe-events-meta-group-venue {
    padding-left: 5%;
}

.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    /** ---width: 33%;--- **/
    zoom: 1;
    width: 25%;
}

dt.tribe-events-event-url-label {
    padding-top: 5%;
}

.tribe-events-back {
    margin: 1% 0 20px;
}
.tribe-events-event-image {
    margin-bottom: 1.25em;
    text-align: left;
    width: 30%;
}
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    flex: none;
    margin-bottom: 16px;
    width: 20%;
}

.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
    color: #141827;
    font-family: Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.62;
    font-weight: 400;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 0;
    text-decoration: none;
    width: auto;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    transition: background-color .2s ease;
    background-color: #5d1725;
    padding: 11px 20px;
    width: 100%;
    }
    
 div#tribe-events-view-selector-content {
	 display: none;
}   
    

@media screen and (max-width: 1240px) and (min-width: 768px) {
	main#tribe-events-pg-template {
    margin-bottom: 2% !important;
    margin-left: 5%;
    margin-right: 5%;
	}
.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
	display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    zoom: 1;
    width: 100%;
    float: none
	}
.event-tickets .tribe-tickets__rsvp-wrapper {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #5d1725 !important;
    max-width: 580px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all .3s ease;
    margin-top: 28px;
    float: none;
	}
dt.tribe-events-event-cost-label {
    padding-top: 2%;
	}
dt.tribe-events-event-categories-label {
    padding-top: 1%;
}
dt.tribe-events-event-url-label {
    padding-top: 2%;
}
}
  
@media (max-width: 767px) {	
.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    zoom: 1;
    width: 100%;
    float: none
	}
.event-tickets .tribe-tickets__rsvp-wrapper {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #5d1725 !important;
    max-width: 580px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all .3s ease;
    margin-top: 28px;
    float: none;
	}
.tribe-events-cal-links {
    padding: 4% 0 4% 0;
}
}