﻿           .MIT-FullWidthNav {
                width: 100%;
                display:block;
                position:fixed;
                top:130px;
                /*right:40px;*/
                z-index:2;
                background:#282828 !important;
                transition: ease-in-out all !important;
                -moz-transition: ease-in-out all !important;
                -webkit-transition: ease-in-out all !important;
                max-height:500px;
                box-shadow: 0px 2px 5px #333;
                min-width: 929px !important;
            }

            .MIT-FullWidthNav.small {
                top:100px;
                
            }
            .MIT-FullWidthNav.smaller {
                top:80px;
                
            }
            .MIT-NavContainer {
                /*width:calc(100% - 80px);*/
                
                margin:0 auto;
                padding-top:20px;
            }
            .MIT-FullWidthNav h3 {
                margin-bottom:5px !important; 
                color:#ffd800 !important;
            }
            .MIT-FullWidthNav a {
                color:#ddd;
                text-decoration:none;
                font-size:1.2em;
            }
            .MIT-FullWidthNav a:hover {
                color:#fcc403;
                text-decoration:underline;
                
            }
    
    .navswitch{
    
        background: #fcc403 !important;
        width: 100%;
        padding-top: 10px;
        border-bottom: solid 1px #282828;
        box-sizing: border-box;
    }
    .navswitch ul{
    
     width:auto;
     float:right;
     margin-right:20px;
    }
    .navswitch li{
        width:auto;
        display:block;
        float:left;
        box-sizing:border-box;
   }
    .navswitch li>a{
        font-size:1.2em;
        font-weight:400 !important;
        color:#282828;
        width:auto !important;
        /*white-space: nowrap;*/
        height:100%;
        display:block;
        line-height:1.3em;
        padding:10px;
    }
    .navswitch a:hover{
        text-decoration:none;
        box-shadow: 0px 1px 1px #202020;
    }
    .navswitch li.active, .navswitch li:hover{
        background:#282828;
        color:#fcc403;         
    }
    .navswitch li.active a{
        text-decoration:none;
        color:#fcc403;
    }
    .navswitch li:hover .subnav {
        display:block;
    }
    .mdl-navigation__link {
        opacity:1 !important;
    }
    .subcontainer {
        /*padding-left:10px;*/
        height:auto;
        max-height:430px;
        overflow:hidden;
        position:relative;
        background:#282828;
    }
    .subcontainer ul {
        /*padding-left:10px;*/
       width:auto;
       float:right;
       margin-right:20px;
    }
    .subcontainer li{
        padding:10px;
        /*width:25%;*/
        
    }
    .subcontainer ul.too-long {
        /*padding-left:10px;*/
       width:calc(100% - 40px);
       
       margin-right:20px;
    }
    .subcontainer ul.too-long li{
        width: 25%;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .subcontainer ul.too-long li:hover{
        text-overflow:initial;
        overflow:visible;
        white-space: nowrap;
        z-index: 999;
        position: relative;
    }
    .subcontainer ul.too-long li:hover a {
    background: #282828;
    padding-right: 10px;
    }
    .subcontainer ul.too-long li:nth-child(4n+4):hover a {  
      
      /*white-space:normal;*/
      /*float:right;*/
      
    }
   
    
    .subcontainer li a{
       color:#ddd;
    }

    .subcontainer li:hover a{
       
        color:#fcc403 !important;
    }
    #MIT_search_bar_mobile .mdl-textfield__expandable-holder {
    width: 100% !important;
    background:#fff;
    }

        
    .mobile-btn {
        width:48px !important;
        height:48px !important;
        margin:1px !important;
    }
    .mobile-logo {
            width: 60px;
            height: 60px;
            position: fixed;
            left: calc(50% - 30px);
            background: #fff;
            border-radius: 30px;
            box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
            z-index:99;
    }
    .mit-pseudo-header .mobile-logo {
        top:-60px;
        opacity:0;
    }
    .mit-pseudo-header.opaque .mobile-logo {
        top:0;
        opacity:1;
    }
    #MIT_search_bar_mobile {
           height:0 !important;
           position:fixed;
           left:0;
           top:50px;
    }
    #MIT_search_bar_mobile button{
     display:none;
    }
    #MIT_search_bar_mobile.is-focused button{
     display:inline-block;
    }
    #MIT_search_bar_mobile.is-focused {
        height:auto !important;
        width:100%;
        padding: 15px 20px;
        background:#c1213d !important;
    }
    #MIT_search_bar_mobile.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
        max-width:calc(100% - 30px) !important;
    }
    #MIT-Drawer .hidden {
        
    }
    .show {
        display:block;
    }