/*
|===========================================================================================================
| 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: .9em;
    line-height: 1.5em;
}

.thumbnail p {
    line-height:2em;;
}

/* links */

a {
    color: #575342;
}

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

a:focus {
	outline:1px solid #640d0d;
}

.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; 
    line-height: 1.5; 

}

p a {text-decoration: underline;}
    
    .lead {
        font-size: 1.4em;
        line-height: 1.5;
        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 .75em ;
}

h2 {
    font-size: 1.8em;
    margin: 0 0 .83em;
}

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%; line-height:1.5; }
.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); }


.list-group-item-text {
    line-height: 1.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: .5em 0;
    margin-bottom: 0;
    border-radius: 0;
    font-size: .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;
    }

.breadcrumb > .active {color:#4F4F4F !important}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger { padding: .25em .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: .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 */
    
.table tr td a {text-decoration: underline;}
/* 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%;
    }

    .thumbnail .caption p {
        font-weight: normal;
        width: 100%;
        border-bottom:1px solid #ddd;
        padding-bottom:10px;
        margin: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:.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: .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: #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,  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;
}

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


.student-img {
    float: left;
    padding: 0px 30px 10px 0px;
}

.student-title {
    color:#595959;
}

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

h2.alumni-title {
    color:#595959;
	font-size:1.2em;
	border-bottom:1px solid #ccc;
	padding-bottom:5px; 
}



/** ------------------------------------------------------------------------------------------------------- */
/**
 *  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: .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: .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: .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: #490c0f;
    background-image: url(../img/bg_header.jpg);
    background-position: center top;
    background-repeat: no-repeat;    
    border-bottom: 0px solid #300607;
}
    @media (min-width: 768px) {
        header#msu-header {
            height: 140px;
        }
    }

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

            @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: #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: .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;
            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.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 {
                    outline:1px dotted #640d0d;
                }
        
            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;
    }

    /* 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: .8em;
        line-height: 2;
        width: 14.2857142857%;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        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;
            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.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; 
}           

    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: #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: #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: 2em;
    padding-bottom: 4em;
    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.4;

    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.2; 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, .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: .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: #595959;
                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: #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: .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: #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: .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: .85em;
    background: #202122;
    
}

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

/* FOOTER
__________________________________________________ */

footer {
  /*background:url(../img/global/topo.jpg) repeat;*/
  background:#202020;

  /*background: #000000;
  background: -moz-linear-gradient(top,#000000 0%,#222222 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#222222));
  background: -webkit-linear-gradient(top,#000000 0%,#222222 100%);
  background: -o-linear-gradient(top,#000000 0%,#222222 100%);
  background: -ms-linear-gradient(top,#000000 0%,#222222 100%);
  background: linear-gradient(to bottom,#000000 0%,#222222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#222222',GradientType=0);*/

  min-height:500px;
  margin-top:0px;
  color:#ABABAB;
  padding:30px 0 50px 0;
  height:auto;
}

footer a {
  color:#fff;
  outline:none;
}

footer a:focus {
	outline:1px dotted #640d0d;
	color:#fff;
}

footer a:hover {
  color:#bbb;
  text-decoration: none;
}

footer ul {
  padding-left:0px;
}

footer ul li {
  list-style-type: none;
}

footer h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color:#ABABAB;
  letter-spacing: 0.20em;
}

footer hr {
  margin-bottom:15px;
  border-top:1px solid #000;
  border-bottom:1px solid #333 /*#222*/;
}

footer .small-text {
  font-size: 12px;
  color:#ABABAB;
}

.hoverlight:hover {
  -webkit-filter: brightness(1.5);
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid #640d0d;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.slick-dots li button:focus {
    outline:1px dotted #640d0d;
}

p.news {
	font-size:1.2em;
    line-height:1.5; 
	border-bottom: 1px solid #ccc; 
	padding-bottom:5px; 
	color: #660000; 
	font-weight:700; 
	margin-top:20px; 
	margin-bottom:10px; 
}

p.newsitem {
    font-size: 1em;
    margin: 1.33em 0;
    color:#660000;
	margin-top:0;
	margin-bottom:5px;
	font-weight:700;
}


/*********************** Accessibiliy Updates **************************/

footer h2 {
    font-size: 1em;
}

footer .small-text {
    font-size: .75em;
}

blockquote {
    font-size: 1em;
}