/*!
 * Start Bootstrap - Small Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 60px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    background-color: #f3f5f7;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
}

@media(min-width:768px) {
    body {
        padding-top: 60px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

html, body { font-family: "Open Sans", sans-serif; }

.featured-content-row { background-color: #fff; border: solid 1px #e6e7ea; padding-top:25px; padding-bottom: 25px; margin-top: 30px;  }
.justified-text { text-align: justify; }
.gr-img-container img { margin:0px auto 30px; }
.single-page-content h1, .twocol-page-content h1 { text-align: center; font-size: 28px; }
.single-page-content h2, .twocol-page-content h2 { text-align: center; font-size: 24px; }

.navbar-default { background-color:#7543A1; color: #fff; border-color:#7543A1 ; }
.navbar-default .navbar-nav > li > a { color: #fff; border-bottom: 1px solid #7543A1;  margin-right: 1px; }
.navbar-default .navbar-nav > li > a:hover { color: #fff; /*background-color: #8B5B5B;*/ border-bottom: 1px solid #fff; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }

/*.navbar-default { background-color:#fff; color: #969696; border-color: #fff; }
.navbar-default .navbar-nav > li > a { color: #fff; background-color: #969696; margin-right: 1px; }
.navbar-default .navbar-nav > li > a:hover { color: #592829; background-color: #8B5B5B; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }*/

.row-logo { padding-top: 25px; }
.logo-container .col-md-2 { padding-left: 0px; padding-right: 0px; }
.logo-container .col-md-2 img { margin:0 auto; }
.logo-container .logo { padding-left: 0px; padding-right: 0px; display: table; }
.logo-container .logo h1 { display: block; text-align: center; }

.logo h1 { font-size: 18px; color: #592829; display: block; }
.logo h1 span.big-text { padding: 5px 0px; }
.logo h1 span.small-text {  }
.logo .logo-image { padding-top:15px; }

.logo-container img.kjp-logo{width: 161px;height: 161px;margin-top: 8px;}
.logo-container .kjp-title {font-weight: bold;font-size: 38px;color: #024A75;text-transform: uppercase;}
.logo-container .uom-title {font-weight: bold;color: #D82329;font-size: 30px;text-transform: uppercase;}
.social-media-strip { text-align: center; display: block;  }
.social-media-strip a { display: inline-block; padding: 5px 15px; color:#063;  background-color: #fff; }
.social-media-strip a:hover {  color: #fff; background-color: #063; text-decoration: none;  }

.row-slideshow { margin-top: 30px; margin-bottom: 20px; }
.carousel-caption p { background-color: rgba(89,40,41,.5); }

#degreeprogram_section { height: 50px; }
#row_degreeprogram_section {margin-top: 15px;}
#row_degreeprogram_section .description {  }
#row_degreeprogram_section .description p { vertical-align: middle; height: 100%; font-size: 17px;line-height: 2.5rem;}

.researchgroups-sidebar {}
.list-group-brown {}
.list-group-brown .list-group-item.header { background-color: #592829;  border-color: #592829; color: #fff }
.list-group-brown .list-group-item.active, .list-group-brown .list-group-item.active:focus, .list-group-brown .list-group-item.active:hover { background-color: #724242; border-color: #592829;}

#researchgroups_section { height: 50px; }
#row_researchgroups_section {}
#row_researchgroups_section .hero-feature h3 { font-size: 14px; font-weight: bold; height: 65px; text-align: center; }
#row_researchgroups_section .hero-feature p { text-align: center; }
#row_researchgroups_section .description-para { margin-bottom: 50px; }
#row_researchgroups_section .social-media-strip a { background-color: #592829; color: #fff; }

h1.page-header { margin: 10px 0 50px; color:#024A75; text-transform: uppercase; }
h2.page-header { margin: 50px 0 50px; color:#024A75; text-transform: uppercase; text-align: center }

h2#welcome-heading{ margin: 10px 0 50px; color:#024A75;}

#row_secretariat img{
    margin-bottom: 10px;
}

h3 a{
    color: #024A75;
    text-decoration: none;
}
.custom-para{font-size: 16px;}
.custom-para span{font-size: 18px;font-weight: bold;}

#faculty_section { height: 50px; }
#row_faculty_section {}
#row_faculty_section img{height:160px; width:160px; border-radius:50%;}
.row-faculty h3 small { display: block }
.row-faculty .img-center { margin: 0 auto; }
.row-faculty > div.col-lg-4 { margin-bottom: 20px; border-bottom: 1px solid #efefef; }
.row-faculty .img-circle { margin-top: 10px; border:2px solid #fff; -moz-box-shadow: 0 0 12px 3px #b0b2ab; -webkit-box-shadow: 0 0 12px 3px #b0b2ab; box-shadow: 0 0 12px 3px #b0b2ab;}
.row-faculty p { font-weight: bold; }
.row-faculty h3 a {  }
.row-faculty h3 a:hover { text-decoration: none; }

.hero-feature .thumbnail { -moz-box-shadow: 0 0 12px 3px #b0b2ab; -webkit-box-shadow: 0 0 12px 3px #b0b2ab; box-shadow: 0 0 12px 3px #b0b2ab; }

.carousel-control-strip { padding-top: 15px; padding-bottom: 15px; }
.carousel-control.right, .carousel-control.left { color: #592829; background-image: none; top: 100%; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 0;}
.slide-image img{width: 100%;height:400px;}
.slide-image-container, .slide-text-container { display: table; }
.slide-image, .slide-text { display: table-cell; vertical-align: middle; }
.slide-text h3 { margin-top: 0px; }
.carousel-control-strip a.btn-default{color: #063;}
/*.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { color: #592829; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 5%; color: #592829; }*/
.carousel-indicators { top: 105%;  }
.carousel-indicators li { border:1px solid #063; background: #fff; }
.carousel-indicators li.active { border:1px solid #063; background-color: #063; }

.download-item { padding: 5px; }
.download-item .description-box { background-color: #f3f5f7; border:1px solid #e6e7ea; text-align: center; }
.download-item .description-box i.fa { display: block; margin: 10px 0px; }
.download-item .description-box p { display: table; width: 100%; }
.download-item .description-box p span { height: 70px; display: table-cell; vertical-align: middle; text-align: center; }
.download-item .description-box a { display: block; margin:10px auto; }

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .social-media-strip a { display: block; background-color: #f3f5f7; color:#0FBDDE; border:none; }
    .social-media-strip a:hover { border:none; }
}


#row_objectives_section ul.objectives-list li{
    font-size: 16px;
    list-style: disc !important;
}

.custom_circle {
    color: #E7404A !important;
    display: inline-block;
    margin-right: 5px;
}

.custom-para-start-one, .custom-para-start-two {
    font-size: 16px;
    color: #063;
    font-weight: bold;
}

.custom-para-start-two{
    color: #E7404A;
}

ul.objectives-list li a{
    color: #024A75;
    font-size: 16px;
    text-decoration: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #063;
}

.navbar-dropdown ul.dropdown-menu li{
    padding: 10px 10px 10px 0;
}

.navbar-dropdown ul.dropdown-menu li a{
    color: #000;
    letter-spacing: 1px;
}

.navbar-dropdown ul.dropdown-menu li:hover, .navbar-dropdown ul.dropdown-menu li a:hover{
    background: #f4f4f4;
    color: #000;
}

.color-1 span{
    color: #063 !important;
}
.color-2 span{
    color: #024A75 !important;
}
.color-3 span{
    color: #E7404A !important;
}

#row_services_section img{
    width: 100%;
    height: 480px;
}

#education-tab blockquote, #employment-tab blockquote, #engagement-tab blockquote{
    font-size: 15px;
    border-left: 5px solid #ddd;
    padding: 10px 20px;
}

#education-tab .color-1 span, #employment-tab .color-2 span, #engagement-tab .color-3 span{
    color: #E7404A !important;
}