/*
|===========================================================================================================
| faculty.css
|===========================================================================================================
|
| faculty THEME
| 
| - Nest and indent your styles
| - Keep styles organized (use headings and comments)
| - Prefix your styles with a theme class (see example below)
| 
| 
| Usage: 
|
| Create a class for your theme and place it on the body tag.
| 
| Use the class that you placed on the body tag to define all your styles within common containers so
| as not to override default page styles in the header and footer.
| 
| The most common containers will be ".page" and ".feature" but you might have others in a unique template.
| 
| Do not use just ".faculty" because it will override the msu-header and msu-footer styles. You must target
| the inner page container.
| 
| For example, your css rules would be prefixed with ".faculty .page" or ".faculty .feature" and etc.
| Check out Chevron and True Bulldog for further examples.
|
*/

/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	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);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@font-face {font-family: FuturaStd; src: url('../fonts/FuturaStd-Heavy.otf');}

body {
    background: none;
}

a {
    color: #660000;
}

a:focus {
    outline: 1px solid blue; 
    text-decoration: none;   
}

p a {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

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

small {color:#640d0d;}

header#msu-header {
    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.0;
    height: 180px;
    position: relative;
    background-color: transparent;
    background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: none;
    /*background: #8E0E00; 
    background: -webkit-linear-gradient(to right, #440000, #8E0E00);
    background: linear-gradient(to right, #440000, #8E0E00); */
    position:absolute;
    z-index:100;
    width:100%;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;


}

/*header#msu-header:hover {
    background-color:#00000078;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}*/


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

@media (max-width:950px) {
    header#msu-header .secondary .top-menu-row .nav {
        margin-left:-50px;
    }
}

header#msu-header .secondary .top-menu-row .nav > li {
    float: left;
    border-left: none;
    border-right: none;
}

header#msu-header .secondary .top-menu-row .nav > li.first {
    border-left:none;
}

header#msu-header .secondary .top-menu-row .nav > li.last {
    border-right:none;
}

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

header#msu-header .logo .links-container a {
    display: block;
    position: relative;
    z-index: 1;
    color:#fff;
    text-transform: uppercase;
    font-size: 32px;
    text-shadow:none;
    font-family: 'Oswald';
    padding-top:0px;
    /*border-top:1px solid #444;
    border-bottom:1px solid #444;*/
    padding-bottom:5px;
    margin-top: 30px;
    letter-spacing: .1em;

}

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: #fff;
    color: #660000;
    text-decoration: none;
    border-top: 1px solid #ddd;
}

nav#main-menu.navbar.color-white {
    background-color: #000;
    border-bottom: none;
    /*border-top: 1px solid #ddd;*/
}

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

header#sec-header {
    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.0;
    min-height: 195px;
    position: relative;
    background-image: none;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom: none;
    background-size: cover;
    background-image: radial-gradient(circle, rgba(41,41,41,0.5) 0%, rgba(0,0,0,1.5) 100%), url(../img/sec_bg.jpg) !important;

}

header#sec-header .secondary .top-menu-row .nav {
    margin-bottom: 0;
    min-height: 0;
    float: right;
    background-color: transparent;
    font-size: .6em;
}

@media (max-width:950px) {
    header#sec-header .secondary .top-menu-row .nav {
        margin-left:-50px;
    }
}

header#sec-header .secondary .top-menu-row .nav > li {
    float: left;
    /*border-left: 1px solid #545454;
    border-right: 1px solid #323232;*/
}

header#sec-header .secondary .top-menu-row .nav > li.first {
    border-left:none;
}

header#sec-header .secondary .top-menu-row .nav > li.last {
    border-right:none;
}

header#sec-header .secondary .top-menu-row .nav > li > a {
    background: transparent;  /* fallback for old browsers */
    color: #fff;
}

header#sec-header .secondary .top-menu-row .nav > li > a:hover {
    background: #640d0d;  /* fallback for old browsers */
    color: #fff;
}

header#sec-header .logo .links-container a {
    display: block;
    position: relative;
    z-index: 1;
    color:#fff;
    text-transform: uppercase;
    font-size: 32px;
    text-shadow:none;
    font-family: 'Oswald';
    padding-top:0px;
    /*border-top:1px solid #444;
    border-bottom:1px solid #444;*/
    padding-bottom:5px;
    margin-top: 30px;
    letter-spacing: .1em;

}

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

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

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

header#sec-header .secondary {
    height: 55px;
    padding-bottom: 20px;
}

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

header#sec-header nav#main-menu.navbar.color-black {
    margin-top:15px;
}

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

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


/**************************************************************************************************************/

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: 8em;
    padding-bottom: 8em;
    color: #575757;
    font-size: .85em;
    background: #fff;    
}

footer#msu-footer a {
    color:#575757;
}

footer#msu-footer a:focus {color: #660000 !important;}

footer#msu-footer .disclosure a {color: #000000;}

footer#msu-footer .disclosure p {color: #575757;}

footer#msu-footer .problems a {color: #000000;}

footer#msu-footer .problems p {color: #575757;}

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

.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: #f9f9f9;
    border: 0px solid #fafafa;
    border-bottom:1px solid #eee;
    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:#660000; font-size: 20px; border-bottom:0px solid #660000; padding-bottom:10px;}


#page-title {
    color: #640d0d;
    font-size: 1.5em;
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin-top:25px;
}

.media-list li.research-table-style:last-child {border-bottom:none;}

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

.feature .carousel-inner > .item {
    -webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.feature .carousel-inner > .item  img {
    position: absolute;
}

.feature .carousel-inner > .item .carousel-caption {
    text-shadow: none;
}

.feature .carousel-inner > .item .carousel-caption h1 {
    4em;
}

/*****************************************************************************************************************/

.home-carousel-caption {
    margin-top:0px;
}

.home-carousel-caption a {
  color: #fff;
  padding: 0.1em calc(0.7em * 1.2);
  display: inline-block;
  border: 2px solid transparent;
  position: relative;
  font-size: 5em;
  cursor: pointer;
  letter-spacing: 0.0em;
}

.home-carousel-caption a:hover {
    text-decoration: none;
}

.home-carousel-caption a .text {
  font-family: 'Oswald', sans-serif;
  transform: translate3d(0, 0.7em, 0);
  /*display: block;*/
  text-transform: uppercase;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.home-carousel-caption a:after {
  position: absolute;
  content: '';
  bottom: -2px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 2px;
  background: #860000;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
}
.home-carousel-caption .line {
  position: absolute;
  background: #fff;
}
.home-carousel-caption .line.-right, .home-carousel-caption .line.-left {
  width: 2px;
  bottom: -2px;
  top: -2px;
  transform: scale3d(1, 0, 1);
}
.home-carousel-caption .line.-top, .home-carousel-caption .line.-bottom {
  height: 2px;
  left: -2px;
  right: -2px;
  transform: scale3d(0, 1, 1);
}
.home-carousel-caption .line.-right {
  right: -2px;
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
  transform-origin: top;
}
.home-carousel-caption .line.-top {
  top: -2px;
  transition: transform 0.08s linear 0.43s;
  transform-origin: left;
}
.home-carousel-caption .line.-left {
  left: -2px;
  transition: transform 0.08s linear 0.51s;
  transform-origin: bottom;
}
.home-carousel-caption .line.-bottom {
  bottom: -2px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}
.home-carousel-caption a:hover .text,
.home-carousel-caption a:active .text {
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.home-carousel-caption a:hover:after,
.home-carousel-caption a:active:after {
  transform: scale3d(0, 1, 1);
  right: -2px;
  left: -2px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.home-carousel-caption a:hover .line,
.home-carousel-caption a:active .line {
  transform: scale3d(1, 1, 1);
}
.home-carousel-caption a:hover .line.-right,
.home-carousel-caption a:active .line.-right {
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
  transform-origin: bottom;
}
.home-carousel-caption a:hover .line.-top,
.home-carousel-caption a:active .line.-top {
  transition: transform 0.08s linear 0.4s;
  transform-origin: right;
}
.home-carousel-caption a:hover .line.-left,
.home-carousel-caption a:active .line.-left {
  transition: transform 0.08s linear 0.48s;
  transform-origin: top;
}
.home-carousel-caption a:hover .line.-bottom,
.home-carousel-caption a:active .line.-bottom {
  transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
  transform-origin: left;
}


/*****************************************************************************************************************/

.feature .carousel-inner > .item .carousel-caption h1 a:hover {
    text-decoration: none;
    color:#660000;
    transition: color 1s ease-in-out;
}

.feature .carousel-inner > .item:nth-child(1) {
    background-image: radial-gradient(circle, rgba(41,41,41,0.1) 0%, rgba(0,0,0,1.5) 100%), url(../imgs/test.jpg) !important;   
}

.feature .carousel-inner > .item:nth-child(2) {
    background-image: radial-gradient(circle, rgba(41,41,41,0.1) 0%, rgba(0,0,0,1.5) 100%), url(../imgs/test2.jpg) !important;   
}

/*.feature .carousel-inner > .item:nth-child(1):hover {
    background-image: radial-gradient(circle, rgba(41,41,41,0.5046393557422969) 0%, rgba(0,0,0,0.7959558823529411) 100%), url(../img/test.jpg) !important;
    -webkit-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
}*/

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

@media (max-width: 767px) {
    tr {
        border:none;
    }
    .feature .carousel-control .glyphicon-chevron-left, .feature .carousel-control .glyphicon-chevron-right, .feature .carousel-control .icon-next, .feature .carousel-control .icon-prev {
        width: 70px;
        height: auto;
        padding: 0 20px;
        margin: 0;
        margin-bottom: 15px;
        top: 50%;
        bottom: 0;
    }

    .middle {
        top:28% !important;
    }

    header#msu-header {
        background-color:#500000;
    }

    header#msu-header .logo .links-container a {
        font-size: 32px;
        text-align: center;
        color:#fff;
    }

    #mobile-menu .navbar .navbar-header .navbar-toggle, #mobile-menu .navbar .navbar-header .navbar-toggle:focus {
        border-color: #000000;
        background-color: #000;
    }

    #mobile-menu .navbar .navbar-header .navbar-toggle:hover {
        border-color: #450000;
        background-color: #450000;
    }
    .people-spotlight {
        text-align: center;
        background: #F9F9F9;
        padding: 15px;
    }

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

@media (max-width: 567px) {
    .middle {
        top:36% !important;
    }
    header#msu-header .logo .links-container a {
        padding-top:20px;
    }    
}

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

.people-list-image {padding-bottom:5px;}

#main-top {padding-bottom:100px;}
#main-content {padding-top:40px;}

/*****************************************************************************************************/


@media (min-width: 768px) {
    .feature .carousel {
        height: 80vh;
    }

   /* .feature .carousel::after {
        display: block;
        position: relative;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 3%, rgba(0,0,0,0.35) 29%, rgba(0,0,0,0) 100%); 
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 3%,rgba(0,0,0,0.35) 29%,rgba(0,0,0,0) 100%); 
        background: linear-gradient(to bottom, rgba(0,0,0,0.35) 3%,rgba(0,0,0,0.35) 29%,rgba(0,0,0,0) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); 
        margin-top: -80vh;
        height: 40vh;
        width: 100%;
        content: '';
        z-index: 10;
    }*/
    
    .feature .carousel-inner {
        height: 80vh;
    }

    .feature .carousel-inner > .item .middle-parent {
        height: 80vh;
    }

    header#msu-header .logo {
        height: auto;    
    }

    header#msu-header .logo {
        padding-top: 0px;
        padding-bottom: 25px;
        height: auto;
    }
}

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

.list-group-item {
    position: relative;
    display: block;
    padding: 35px 25px 5px 25px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: none;
    border-top: 1px solid #ececec;
    margin-bottom: 15px;
    min-height: 115px;
}

.list-group-item span {
    color:#640d0d;
}

.more-link a {
    color:#000;
}

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

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: transparent;
    color: #fff;
    border: 1px solid #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: #640d0d;
    color: #fff;
}

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

.glyphicon-chevron-right:before {
    content: "\e080";
    opacity: 1;
    font-family: inherit;
    color: #fff;
    background-color: #0000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    transition: opacity .3s;
    border: 2px solid #fff;
}

.feature .carousel-control .glyphicon-chevron-left, .feature .carousel-control .glyphicon-chevron-right, .feature .carousel-control .icon-next, .feature .carousel-control .icon-prev {
    width: 150px;
    height: 150px;
    padding: 45px 20px;
    margin: 0;
    margin-top: -60px;
    top: 50%;
    bottom: auto;
}

.carousel-control.right {
    right: 40px;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.glyphicon-chevron-left:before {
    content: "\e079";
    opacity: 1;
    font-family: inherit;
    color: #fff;
    background-color: #0000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    transition: opacity .3s;
    border: 2px solid #fff;
}

.carousel-control.left {
    right: auto;
    left: 40px;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.research_areas {
    background-color: #fff;     
    height: 100px;
    min-width: 200px;
    padding: 35px 0px 0px 0px;
    text-align: center;
    margin:-55px 20px 0px 25px;    
    -webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
   /* border: 1px solid rgba(0,0,0,0.4);*/
    box-shadow: 0 2px 4px rgba(18,44,80,.33);
    border-top: 2px solid #0b3254;
    color: #5a5a5a;    
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

.research_areas:hover {
    box-shadow: 0px 1px 20px rgba(0,0,0,0.4);
    -webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
}

.research_block {
    background-color: #fff;
    min-height: 165px;
    width: 100%;
    padding: 25px;
    /* text-align: center; */
    margin-bottom: 30px;
    -webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
    /* border: 1px solid rgba(0,0,0,0.4); */
    box-shadow: 0 2px 4px rgba(18,44,80,.33);
    border-top: 2px solid #0b3254;
    color: #525252;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

.research_block:hover {
    box-shadow: 0px 1px 20px rgba(0,0,0,0.4);
    -webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
}

.research_block p {
    margin:0px;
}

.spotlight {
    /*background: #f9f7f6;*/

    background: #fafafa;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;  
}


.spotlight-title {
    margin: -10px 0px 0px 36px;
    position: absolute;
}

.jumbotron {
    margin-top: 0px;
    border-top: 2px solid #660000;
    background: #fff;
    box-shadow: 0 2px 4px rgba(18,44,80,.33);
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 1.5em;
    margin-bottom: .4em;
}

.feature:hover .carousel-control {
    opacity: 1;
}

.spar-title {
    color: #660000;
    font-size: 22px;
}

.main-top p {
    font-size:18px;
}

.research-areas-intro {
    /*border-bottom: 1px solid #660000;*/
    padding-bottom: 5px;
    width: 61%;
    margin: 0 auto;
}

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 0px;
    margin: 50px 0px;
}

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

footer#msu-footer .disclosure a:hover {
    color: #000;
}

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

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

footer#msu-footer .links li a:hover {
    color:#000 !important;
}

footer#msu-footer a:hover {
    color:#000 !important;
}

footer#msu-footer .address .line strong {
    font-weight:normal;
    color:#000;
}

.rep_btn.white .rep_btn_inner::before {
    background-color: #fff;
}

.rep_btn .rep_btn_inner::before {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
}

.rep_btn.white {
    color: #000;
    background-color: #fff;
}

.rep_btn.white:hover {
    color: #fff;
    background-color: #000;
}

.rep_btn {
    position: relative;
    color: #0b3254;
    border: none;
    background-color: #fff;
    font-size: .9375rem;
    text-transform: uppercase;
    font-family: 'Oswald',sans-serif;
    display: inline-block;
}

.rep_btn.white .rep_btn_inner {
    color: #000; 
	background-color: #fff;
}

.rep_btn .rep_btn_inner {
    width: 100%;
    padding: 15px 78px 15px 25px;
    position: relative;
    color: #fff;
    z-index: 1;
    border: none;
    font-size: inherit;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.rep_btn.white::after {
    border-top: 2px solid #660000;
    border-right: 2px solid #660000;
}

.rep_btn::after {
    content: '';
    top: 0;
    margin: auto 0;
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 3.3s;
    z-index: 1;
}

/***********************************************************************************/

.cr-container{
    width: 100%;
    min-height: 550px;
    border: none;
    position: relative;
    z-index: 100;
}
.cr-content-wrapper{
    width:100%;
    height:100%;
    overflow:hidden;
}
.cr-content-container{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
    overflow:hidden;
}
.cr-img{
    position:absolute;
    top:0px;
    right:0px;
    width:50%;
    z-index:1;
}
.cr-content{
    position:relative;
    z-index:10;
    margin:30px 0px 0px 19px;
    height:360px;
}
.cr-content h2{
    font-size: 3em;
    line-height: 1.2em;
    width: 50%;
    color: #660000;
    text-shadow: none;
    font-family: 'Oswald', sans-serif;
    margin-bottom:0px;
}

hr.cr-content-break {
    position: relative;
    width: 59px;
    height: 3px;
    background-color: #000;
    margin-top: 1em;
    margin-bottom: 1em;
}

.cr-content h3{
    width:40%;
    color:#fff;
    padding:0px 0px;
    line-height:25px;
    margin: 0em 0em 1em 0em;
}
.cr-content h3 span {
    /* background: #000; */
    padding: 4px 0px;
    /* font-style: italic; */
    font-family: Roboto;
    /* letter-spacing: 3px; */
    font-size: 16px;
    color: #4c4c4c;
}
.cr-more-link{
    text-transform:uppercase;
    color:#000;
    font-size:11px;
    padding:0px 5px;
}
.cr-more-link:hover{
    text-shadow: 1px -1px 1px rgba(0,0,0,0.5);
    color:#fff;
}
.cr-content-text{
    color:#000;
    background:transparent url(../images/bg_content.png) repeat top left;
    font-size: 14px;
    font-family: Georgia;
    font-style: italic;
    line-height: 24px;
    position:relative;
    display:none;
    z-index:999;
    clear:both;
}
.cr-content-text p{
    padding:10px;
}
.cr-thumbs{
    position:absolute;
    left:15px;
    height:125px;
    width:575px;
    bottom:0px;
    z-index:20;
    overflow:hidden;
}
.cr-thumbs div{
    float:left; /* Set to absolute each 150px*/
    cursor:pointer;
    position:relative;
    display:none;
    width: 125px;
    height: 110px;
}
.cr-thumbs img{
    display:block;
    margin:6px 5px 6px 0px;
    border:4px solid #fff;
    opacity:0.5;
}
.cr-thumbs h4{
    position: absolute;
    left: 4px;
    right: 15px; 
    bottom: 0px;
    /* font-family: 'Holtwood One SC', serif; */
    font-size: 13px;
    line-height: 14px;
    /* text-shadow: 0px 1px 1px rgba(0,0,0,0.5); */
    color: #000;
    background: #f9f9f9;
    padding: 5px;
}
.cr-thumbs div:hover h4{
    border-top:2px solid #660000;
}
.cr-thumbs div.cr-selected{
    border-color:#000;
    /*background:transparent url(../images/triangle.png) no-repeat 50% 0%;*/
}
.cr-thumbs div.cr-selected img{
    border-color:#fff;
    opacity:1;
}
.cr-nav span{
    display: none;
}
.cr-nav span.cr-nav-next{
    background-position:bottom left;
    right:-24px;
    left:auto;
}
.cr-nav span.cr-nav-prev:hover,
.cr-nav span.cr-nav-next:hover{
    bottom:34px;
}
.cr-hide, .cr-show{
    display: none;
}
.cr-show{
    background-position:bottom center;
}

/************************************************************************************************/

.index_options {
    background-color: #fff;   
    text-align: center;
    webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
    box-shadow: 0 2px 4px rgba(18,44,80,.33);
    color: #660000;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    margin: 40px 0px 0px 0px;
    padding: 20px 45px;
}

.index_options:hover {
    box-shadow: 0px 1px 20px rgba(0,0,0,0.4);
    -webkit-transition: box-shadow 500ms linear;
    -ms-transition: box-shadow 500ms linear;
    transition: box-shadow 500ms linear;
}

.index_options h2 {
    font-size:1.4em;
}

.options_link {
    margin-top:15px;
}

.options_link a {
  color: #000;
  padding: 0.1em calc(0.7em * 1.2);
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
  font-size: 1.2em;
  cursor: pointer;
  letter-spacing: 0.0em;
}

.options_link a:hover {
    text-decoration: none;
}

.options_link a .text {
  font-family: 'Oswald', sans-serif;
  transform: translate3d(0, 0.7em, 0);
  /*display: block;*/
  text-transform: uppercase;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.options_link a:after {
  position: absolute;
  content: '';
  bottom: -1px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 1px;
  background: #660000;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
}
.options_link .line {
  position: absolute;
  background: #afafaf;
}
.options_link .line.-right, .options_link .line.-left {
  width: 1px;
  bottom: -1px;
  top: -1px;
  transform: scale3d(1, 0, 1);
}
.options_link .line.-top, .options_link .line.-bottom {
  height: 1px;
  left: -1px;
  right: -1px;
  transform: scale3d(0, 1, 1);
}
.options_link .line.-right {
  right: -1px;
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
  transform-origin: top;
}
.options_link .line.-top {
  top: -1px;
  transition: transform 0.08s linear 0.43s;
  transform-origin: left;
}
.options_link .line.-left {
  left: -1px;
  transition: transform 0.08s linear 0.51s;
  transform-origin: bottom;
}
.options_link .line.-bottom {
  bottom: -1px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}
.options_link a:hover .text,
.options_link a:active .text {
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.options_link a:hover:after,
.options_link a:active:after {
  transform: scale3d(0, 1, 1);
  right: -1px;
  left: -1px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.options_link a:hover .line,
.options_link a:active .line {
  transform: scale3d(1, 1, 1);
}
.options_link a:hover .line.-right,
.options_link a:active .line.-right {
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
  transform-origin: bottom;
}
.options_link a:hover .line.-top,
.options_link a:active .line.-top {
  transition: transform 0.08s linear 0.4s;
  transform-origin: right;
}
.options_link a:hover .line.-left,
.options_link a:active .line.-left {
  transition: transform 0.08s linear 0.48s;
  transform-origin: top;
}
.options_link a:hover .line.-bottom,
.options_link a:active .line.-bottom {
  transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
  transform-origin: left;
}


/***********************************************************************************************/


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top:none;
    padding: 20px 15px;
}

td a {text-decoration: underline;}

.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 6px 1.5em;
    margin: 0;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    color: #333;
    border: none;
    border-right: none;
    border-bottom: none;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    background-color: #fff;
    border-top: 3px solid #fff;
}

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

.nav-tabs > li:last-child > a {
    border-right: none;
}

.tab-content>.active {
    display: block;
    padding: 10px 20px;
    border-top: 2px solid #640d0d;
    box-shadow: 0 2px 4px rgba(18,44,80,.33);
    margin-bottom: 10px;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer;
    color: #640d0d;
    background-color: #fff;
    border: none;
    border-right: none;
    border-top: 3px solid #640d0d;
    padding: 6px 1.5em;
}

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

.tab-pane h2 {
    margin-top:15px;
    color:#640d0d;
}

.tab-pane p {
    font-size:18px;
    line-height:2em;
}

.tab-pane p span {
    color:#640d0d;
    font-style:italic;
}

.tab-pane img {
    margin-top: 12px;
}

/***************************************************************************************************/

/* Responsive Queries */

@media (max-width: 1366px) {
    .research_areas {
        background-color: #fff;
        height: 100px;
        min-width: 200px;
        padding: 35px 0px 0px 0px;
        text-align: center;
        margin: -55px 15px 0px 25px;
        -webkit-transition: box-shadow 500ms linear;
        -ms-transition: box-shadow 500ms linear;
        transition: box-shadow 500ms linear;
        /* border: 1px solid rgba(0,0,0,0.4); */
        box-shadow: 0 2px 4px rgba(18,44,80,.33);
        border-top: 2px solid #0b3254;
        color: #525252;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
    }
}

@media (max-width: 1216px) {
    .research_areas {
        background-color: #fff;
        height: 100px;
        min-width: 120px;
        padding: 35px 0px 0px 0px;
        text-align: center;
        margin: -55px 10px 0px 0px;
        -webkit-transition: box-shadow 500ms linear;
        -ms-transition: box-shadow 500ms linear;
        transition: box-shadow 500ms linear;
        /* border: 1px solid rgba(0,0,0,0.4); */
        box-shadow: 0 2px 4px rgba(18,44,80,.33);
        border-top: 2px solid #0b3254;
        color: #525252;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
    }

    .first {margin-left:6%;}

    .glyphicon-chevron-right:before {
        content: "\e080";
        opacity: 1;
        font-family: inherit;
        color: #fff;
        background-color: #0000;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: table-cell;
        vertical-align: middle;
        transition: opacity .3s;
        border: 2px solid #fff;
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
        opacity: 1;
        font-family: inherit;
        color: #fff;
        background-color: #0000;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: table-cell;
        vertical-align: middle;
        transition: opacity .3s;
        border: 2px solid #fff;
    }

    .carousel-control.right {
        right: 0px;
    }

    .carousel-control.left {
        left: 7px;
    }
	
	
	.carousel-control.right:focus {
        outline:1px solid blue;
    }

    .carousel-control.left:focus {
       outline:1px solid blue;
    }
	
    .feature .carousel-control .glyphicon-chevron-left, .feature .carousel-control .glyphicon-chevron-right, .feature .carousel-control .icon-next, .feature .carousel-control .icon-prev {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 810px) {
    .cr-img {
        position: relative;
        top: 140px;
        right: 0px;
        width: 100%;
        z-index: 1;
    }

    .cr-container {
        width: 100%;
        min-height: 1000px;
        border: none;
        position: relative;
        z-index: 100;
    }

    .cr-content {
        position: relative;
        z-index: 10;
        margin: 150px 0px 0px 0px;
        height: 360px;
    }

    .cr-content h2 {
        font-size: 3em;
        line-height: 1.2em;
        width: 100%;
        color: #660000;
        text-shadow: none;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 0px;
    }

    .cr-content h3 {
        width: 100%;
        color: #fff;
        padding: 0px 0px;
        line-height: 25px;
        margin: 0em 0em 1em 0em;
    }

    .spotlight-title {
        margin: -10px 0px 0px 15px;
        position: absolute;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px;
        padding-left: 0px;
        margin: 50px 0px;
    }

    .cr-thumbs {
        position: relative;
        left: -4px;
        height: 125px;
        width: 575px;
        top: 20px;
        z-index: 20;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    header#msu-header {
        background-color: transparent;
    }

    header#msu-header .logo .links-container a {
        margin-top:0px;
    }

    

    .carousel-caption h2 {
        margin-top:25vh;
    }

    .research_areas {
        background-color: #fff;
        height: 100px;
        min-width: 120px;
        padding: 35px 0px 0px 0px;
        text-align: center;
        margin: -20px 10px 0px 10px;
        -webkit-transition: box-shadow 500ms linear;
        -ms-transition: box-shadow 500ms linear;
        transition: box-shadow 500ms linear;
        /* border: 1px solid rgba(0,0,0,0.4); */
        box-shadow: 0 2px 4px rgba(18,44,80,.33);
        border-top: 2px solid #0b3254;
        color: #5a5a5a;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
    }

    .first {margin-left:10px;}

    #main-top {
        padding-bottom: 0px;
    }

    header#sec-header .logo .links-container a {
        display: block;
        position: relative;
        z-index: 1;
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
        text-shadow: none;
        font-family: 'Oswald';
        padding-top: 0px;
        padding-bottom: 5px;
        margin-top: 50px;
        letter-spacing: .1em;
    }

    .tab-pane .pull-right {
        float:inherit;!important;
        width:100%;
        margin:0 auto;
        text-align: center;
    }

    .tab-pane h2 {
        margin-top: 15px;
        color: #640d0d;
        text-align: center;
    }

    .nav-tabs > li > a {
        position: relative;
        display: block;
        padding: 6px .8em;
        margin: 0;
        border: none;
        border-radius: 0;
        text-transform: uppercase;
        color: #333;
        border: none;
        border-right: none;
        border-bottom: none;
        font-family: "Open Sans Condensed";
        font-weight: 700;
        background-color: #fff;
        border-top: 3px solid #fff;
        font-size: 14px;
    }

    .cr-content h2 {
        font-size: 2em;
        line-height: 1.2em;
        width: 100%;
        color: #660000;
        text-shadow: none;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 0px;
    }


}

@media (max-width: 444px) {
    .cr-thumbs {
        position: relative;
        left: -4px;
        height: 90px;
        width: 575px;
        top: 30px;
        z-index: 20;
        overflow: hidden;
    }

    .cr-thumbs div {
        float: left;
        cursor: pointer;
        position: relative;
        display: none;
        width: 96px;
        height: 96px;
    }

    .cr-container {
        width: 100%;
        min-height: 800px;
        border: none;
        position: relative;
        z-index: 100;
    }

    

    header#sec-header .logo .links-container a {
        display: block;
        position: relative;
        z-index: 1;
        color: #fff;
        text-transform: uppercase;
        font-size: 32px;
        text-shadow: none;
        font-family: 'Oswald';
        padding-top: 0px;
        padding-bottom: 5px;
        margin-top: 65px;
        letter-spacing: .1em;
    }
}

h2.title {
	font-size: 1.1em;
    margin: 1.67em 0;
    text-transform: uppercase;
}

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