/* Slipchenko Lab Styling */

 @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
 
 body{
     overflow-x:hidden;
     font-family: 'Libre Baskerville', serif;
     line-height: 1.55;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height:1.25;
}

/* header */
header {
     background-color: #3D3D3D;
     height: 150px;
}

.headerText {
    position: absolute;
    width: 100%;
}

.headerText h1 {
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    letter-spacing: 1px;
}

.headerText h2 {
    color: #fff;
    font-size: 2em;
    font-weight: bold; 
    text-align: center;    
    text-shadow: 2px 2px 2px #000;     
    letter-spacing: 1px;    
}

@media (max-width: 767px) {
    
    header {
        height: 200px;
    }

    .headerText h1 {
        font-size: 2.5em;
    }
    
}

@media (max-width: 375px) {
    
    header {
        height: 250px;
    }
    
}    

/* Navigation section */

.navbar-default {
     background-color: #fff;
}

.navbar {
     border-radius: 0;
     margin:0;
}

.navbar .container-fluid {
     display: -ms-flexbox;
     display: -webkit-flex;
     display:flex;
     justify-content:center;
}

.navbar-default .navbar-brand {
     font-size: 14px;
     color: #333;
     text-decoration:none;
}

.navbar-default .navbar-brand:hover {
    color: #333;
    text-decoration:underline;
}

.first {
    padding-left:0;
}

nav .navbar-brand a {
    color: #333;
    text-decoration:none !important;
}

nav .navbar-brand a:hover, {
    text-decoration:underline !important;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
    text-decoration:none;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration:underline;
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav {
        float:none;
    }
    
    .first {
        padding: 15px 8px 15px 0;
    }

}

@media (max-width: 767px) {
    .navbar-header {
        float:none;
        display:block;
    }
    
    .first {
        padding-left:15px;
    }
    
    .nav>li>a {
        padding: 10px 15px;
    }

}

/* Hamburger menu toggle */

.navbar-toggle {
     border: none !important;
     color: #333 !important; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-toggle .icon-bar {
     clear: left;
     margin-right: 10px !important;
     height: 3px !important;
}

.navbar-toggle>.icon-bar:first-child {
     margin-top: 3px !important; 
}

.navbar-toggle:hover, .navbar-toggle:focus {
     color: #000 !important;
     background-color: transparent !important; 
}

.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
     background-color: #000 !important; 
}

 @media (max-width:600px){

    /* carousel */
     .carousel-caption {
         left:10px;
         bottom:10px;
         padding: 0px;
         width: 100% !important;
         border-top-left-radius: 0px !important;
         border-top-right-radius: 0px !important;
         color: #000;
         height: 100px;
    }
     .pubs h3 {
         text-align: left;
    }
     .pubs p span {
         color: #ff0000;
    }
     #pubsNav ul {
         list-style-type: none;
         margin: 5px;
         padding: 0;
    }
     #pubsNav li {
         display: inline;
         margin: 0 5px;
    }
}


/* Breadcrumbs */

.breadcrumb {
    width: 100%;
    margin-bottom: 0;
}

.breadcrumb a:link{
    font-weight:300;
    text-decoration:none; 
    color:#337ab7;
}

.breadcrumb a:visited{
    color:#337ab7;
    font-weight:300;
    text-decoration:none 
}

.breadcrumb a:hover{
    color:#337ab7;
    font-weight:300;
    text-decoration:underline; 
}

.breadcrumb a:active{
    color:#337ab7;
    font-weight:300;
    text-decoration:underline 
}

@media (max-width: 767px) {
    .breadcrumb {
        padding-left:0;
    }

}


/* Homepage styles: feature areas */

.featureContainer {
    margin-top:3%;
}

.featureContainer .row {
    margin-left: -30px;
    margin-right:-30px;
}

@media (max-width: 767px) {
    .featureContainer .row {
        margin-left: -15px;
        margin-right:-15px;
    }
}

.featureContainer img {
    border: 1px solid #000;
}

.feature-area-text h3 a {
    border-bottom: solid 2px transparent;
    transition: 0.1s ease-in-out;
}


/* Main Content Styles */
 #mainContent{
     background-color:#FFF;
}

 .table-responsive {
     text-align: center;
     font-size: 1.125em;
}

 .table-responsive img {
     display: inline-block;
}

.peopleRow {
    padding: 20px 0;
}

hr {
    border-top: 1px solid #949494;;
}

/* Publications page */
 #pubsNav {
     margin-left:30px;
}
 #pubsNav li {
     line-height:1.75em;
}

/* Group Photos page */

.groupPhotos {
    padding: 25px 0 50px 0;
}

.img-thumbnail {
    border: 1px solid #7d7b7b;
}


/* Footer styles */
footer{
     margin-top:20px;
     text-align: center;
     background: #4D4038;
     color: #fff;
     padding: 10px;
     border-radius: 0;
}

footer a {
     color:#fff;
     text-decoration:underline;
}

footer a:hover {
     font-weight:bold;
}


 .reset-box-sizing, .reset-box-sizing * {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 150px;
}
 .gsc-control-cse {
     padding:0px !important;
}

 .videos {
     width: 60%;
}

 @media (max-width:991px){
     .videos {
         width:100%;
    }
}

/* Print Stylesheet */
 @media print {
     @page {
         margin:1cm;
    }
     body {
         overflow: visible;
         width: 100%;
         margin: 0;
         padding: 0;
         color:#000;
         background:#fff;
    }
     #headerKais {
         background-image:none;
    }
     nav {
        display:none;
    }
     .breadcrumb {
        display:none;
    }
     h1, h2, h3 {
         page-break-after: avoid;
    }
     .content {
         word-wrap: break-word;
    }
     .content a {
         font-weight: bold;
         text-decoration: none;
    }
     .content a[href^="http://"]:after, .content a[href^="https://"]:after {
         content: " (" attr(href) ")" !important;
         font-size: 90%;
         word-wrap: break-word;
    }
     .content a[href^="#"]:after {
         display:none;
    }
     footer {
        display:none;
    }
}