/*
 * Template Name: Jung's Research Group Style Sheet
 *Author: Zane Gavin
*/

/*==================================================
=           Top Nav Formatting                     =
==================================================*/


.top-content .navbar-fixed-top .navbar-nav>li>a,
.top-content .navbar-fixed-top .navbar-justified>li>a {
    color: #444;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
}
.top-content .navbar-fixed-top .navbar-toggle .icon-bar {
    background-color: #1A4779;
}
.top-content .navbar-fixed-top .navbar-toggle {
    background-color: #FFFFFF;
    border: 1px solid #1A4779;
}
.top-content .navbar-fixed-top .navbar-toggle.collapsed:hover,
.top-content .navbar-fixed-top .navbar-toggle.collapsed:focus,
.top-content .navbar-fixed-top .navbar-toggle.collapsed:active {
    background-color: #FFFFFF;
    border: 1px solid #1A4779;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.top-content .navbar-fixed-top {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    padding-top: 0px;
}
.top-content .navbar .nav > li > a {
    color: black !important;
    text-shadow: none !important;
    background-color: #FFFFFF;
    padding: 2.5px;
}
.top-content .navbar .nav > li > a:hover,
.top-content .navbar .nav > li > a:focus {
    color: #1A4779 !important;
}
.top-content .navbar .nav .active > a:hover, 
.top-content .navbar .nav .active > a:focus {
    color: #1A4779 !important;
    box-shadow: none !important;
    background-color: #BCBCBC;
    -webkit-box-shadow: none !important;
}
.top-content .navbar-brand{
    padding-top: 5px;
    padding-bottom: 5px;
    height: 35px;
}
.top-content .navbar-brand img{
    height: 95px;
    width: auto;
}

/*.top-content .navbar-brand h4{
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
}*/
.top-content .navbar-brand h4,
.top-content .navbar-brand a,
.top-content .navbar-brand a:hover,
.top-content .navbar-brand a:focus {
    margin-bottom: 10px; 
    color: #FFFFFF;
    background-color: white;
    border: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none;
}
.top-content .navbar-fixed-top .navbar-toggle:hover, 
.top-content .navbar-fixed-top .navbar-toggle:focus{
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#navbar {
    background-color: white;
    border-top: 2px #1A4779 solid;
    border-bottom: 2px #1A4779 solid;
    margin-top: 66px;
}
/*On scroll down navbar shrinks, js*/
nav.shrink {
    background-image: none;
    background-color: white !important;
}
nav.shrink #navbar{
    margin-top: 20px;
}

nav.shrink .navbar-brand img{
    height: 50px;
}

/*==================================================
=            Jumbotron Formatting                  =
==================================================*/
.jumbotron {
    /*Background Image*/
    /*background-image: url('../images/background/Full3.png');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    padding: 50px;*/
}   

nav{
    background-image: url('../images/background/Full3.png');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0px!important;
}   
}


/*==================================================
=            Body Formatting                       =
==================================================*/
body {
    /*position:relative;
    background-color:white;
    color: #444; */
    min-width: 300px;
}
html,
body{
    height: 100%;
    position:relative;
    background-color:white;
    color: #444; /*default text color*/
    min-width: 300px;

}
.wrapper{
    min-height: 100%;
}            
        @media only screen and (min-width : 991px) {
            .wrapper .home,
            .wrapper .about,
            .wrapper .members-title,
            .wrapper .research,
            .wrapper .publications{
                width: 75%;

            }
            .members{
                width: 80%;
            }
        }





/*==================================================
=            Footer Formatting                     =
==================================================*/
.footer .footer-content{
    background: #BCBCBC;
    border-top: 1px solid black;
}
.sponsor-col{
    padding-top:5px;
    padding-bottom:5px
}
.img-sponsor{
    max-height: 100px;
    width: auto;
    max-width: 100px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-sponsor-big{
    max-width: 150px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sponsor-box{
    padding-top:10px;
    padding-bottom:10px;
}
.footer .bottom-bar{
    background: #000000;
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.footer .bottom-bar .small{
    color: #FFFFFF;
}
.sponsors-container{
    padding-left: 55px;
}

/*==================================================
=            General Text Formatting               =
==================================================*/
.blue-title{
    color: #1A4779;
}
.title-text{
    font-weight: bolder;
}
/*==================================================
=        General Padding/Margin Classses           =
==================================================*/
.padding-all{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom:15px;
}
.padding-bottom{
    padding-bottom: 20px;
}
.padding-top{
    padding-top: 20px;
}
.padding-top-bottom{
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-left{
    padding-left: 20px;
}
.margin-top-bottom{
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-bottom{
    margin-bottom: 10px;
}
.margin-left-right{
    margin-left: 15px;
    margin-right: 15px;
}
.padded-divider-10{
    margin-top: 5px;
    margin-bottom: 5px;
}
/*==================================================
=           General Border Classes                 =
==================================================*/
/*move to main style sheet*/
.horiz-border{
    border-top: 3px solid #000000;
}
.brdr-top{
    border-top: 3px solid #000000;
}
.brdr-bottom{
    border-bottom: 3px solid #000000;
}
.brdr-left{
    border-left: 3px solid #000000;
}
.brdr-right{
    border-right: 3px solid #000000;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
=      For custom screen size based classes        =
==================================================*/

    /*========= Non-Mobile First Method  =========*/

    /*reformats and hides menu and page top for small (sm) screens*/
        @media only screen and (max-width : 991px){
            .top-content .navbar-brand img{
                height: 70px;
            }
            .top-content .navbar-header{
                float: none;
                margin-right: -15px !important;
            }
            .top-content .navbar-toggle{
                display: block;
            }
            .top-content .navbar-collapse.collapse{
                display: none !important;
            }
            .top-content .navbar-nav{
                float: none !important;
                margin: 7.5px -15px;
                
            }
            .top-content .navbar-nav li{
                padding-top: 2px;
                padding-bottom: 2px;
            }
            .top-content .navbar-nav li a{
                
                margin: 0;
                padding: 10px 15px;

            }
            .top-content .justified li{
                float: none;
            }
            .top-content .navbar-collapse.collapse.in{
                display: block !important;
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
                padding: 0 15px;
                margin: 0 -15px;
            }
            .top-content .collapsing{
                overflow: hidden !important;
            }
            .top-content .neu-logo{
                visibility: hidden;
            }
            .top-content{
                
                box-sizing:inherit!important;
            }
        }
    /*==========  Mobile First Method  ==========*/

    /* Custom, 'xs' */ 
    @media only screen and (min-width : 1px) {
        .xs-brdr-bottom{
            border-bottom: 3px solid #000000;
        }
        .xs-brdr-top{
            border-top: 3px solid #000000;
        }
        .xs-padding-left-right{
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    /* Extra Small Devices, 'xs' */ 
    @media only screen and (min-width : 480px) {
    }

    /* Small Devices, 'sm' */
    @media only screen and (min-width : 768px) {
        /* excluding xs */
        .xs-brdr-bottom{
            border: 0;
        }
        .xs-brdr-top{
            border: 0;
        }
        .xs-padding-left-right{
            padding-left: 0px;
            padding-right: 0px;
        }
        /* sm classes */
        .sm-brdr-bottom{
            border-bottom: 3px solid #000000;
        }
        .sm-brdr-left{
            border-left: 3px solid #000000;
        }
        .sm-brdr-right{
            border-right: 3px solid #000000;
        }
        .sm-brdr-top{
            border-top: 3px solid #000000;
        }
    }

    /* Medium Devices, 'md' */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, 'lrg' */
    @media only screen and (min-width : 1200px) {

    }


/*==================================================
=            Style Sheet End                       =
==================================================*/