/**
 * @file
 * Subtheme specific CSS.
 */

/* Please keep this as simple as possible. Less is more */

/* Universal Styles */
* {
    font-family:"Georgia";
}
p, li {
    text-align:justify;
}
/* Header */
.navbar-brand img {
}
#navbar-main {
    box-shadow:0 1px 1px #182b49;

}

@media (min-width:768px) {
    #navbar-main {

    }
    #navbar-main .container {
        flex-wrap:wrap;
        padding-left:0;
    }
    #navbar-main img {
        max-width:70px;
        margin-right:5px;
    }
    #navbar-main .navbar-collapse {
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    #navbar-main .navbar-nav {
        justify-content: flex-start;
    }
    #navbar-main .nav-item {

        text-align:center;
    }
    #navbar-main .nav-item .nav-link {
        font-size: 1.2em;
        padding: 5px 15px;
    }
    #navbar-main .nav-item.dropdown .dropdown-menu {
        text-align:left;
    }
    #navbar-main nav {
        width:100%;

        border-radius:0 0 3px 3px;

    }
    nav#navbar-main {
        padding:0;
    }
}
@media (min-width:1600px) {
    #navbar-main .navbar-nav {
        justify-content: center;
    }
}
@media (max-width:767px) {
    .navbar-brand {
        font-size:24px !important;
        display:flex;
        align-items:center;

    }
    .navbar-brand img {
        max-width:75px !important;
    }
    #block-searchbutton {
        margin-top:20px !important;
    }
    #block-searchbutton p > span {
        display:none;
    }
    nav#navbar-main {

    }
    .path-frontpage h1, main.main-content .content .title {
        font-size:18px !important;
    }

    .path-frontpage h1 + span.h4 {
        font-size: 15px !important;
    }

    #navbar-main ul {
        padding-left: 15px;
    }

}





.region-top-header {
    display:flex;
    justify-content:space-between;
    width:100%;
}
.search-block-form {
    margin-top:7px;
}
.search-block-form .btn {
    background-color:#D6231E;
    border-color:#D6231E;
}
.search-block-form .btn:hover {
    background-color:#f02822;
    border-color:#f02822;
}
.region-top-header #block-searchbutton {
    margin-top:30px;
}
.region-top-header #block-searchbutton {
    /* color:#1f2cdb; */
}
header .navbar .navbar-brand {
    color:#333;
    font-weight:700;
    font-size:36px;
    letter-spacing:-1px;
    margin-right:0;
    display:flex;
    align-items:center;
}
header .navbar .navbar-brand:hover {
    color:#1f2cdb;
    transition:all .5s ease-in-out;
}
.navbar-brand img {
    max-width:3.0em;
    margin-right:15px;
}
.navbar-brand:hover {
    color:#000;
}
.navbar-nav {

}
#navbar-main .nav-item {

}
#navbar-main .nav-item .dropdown-item a {
    display: block;
    padding: 3px;
}
#navbar-main .nav-item .nav-link {
    color:#FFF;
    font-weight:700;
}
#navbar-main .navbar-collapse {
    margin-top:0;
}
.img-responsive img {
    width:100%;
    height:auto;
}
#main {
}
.row table {
    margin-top:0;
}
.row td {
    padding:0;
    background-color:#FFF;
    font-size:16px;
}
#navbar-main {
    padding:0;
    /* border-top:1px solid #CCC;
    border-bottom:1px solid #CCC; */
    background-color:#182b49 !important;
}
#navbar-top .container {
}
.research-photo {
    max-width:300px;
}
.research-photo > div {
    margin-right:15px;
}
.path-frontpage table td {
    padding-top:10px;
    font-size:12px;
    font-family:Georgia;
    font-weight:700;
}
.region-featured-top > div {
    width:100%;
}
.featured-top h1 {
    width:100%;
    text-align:center;
}
.path-frontpage .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/homepage-bg.jpg);
    background-attachment:fixed;
    background-size:cover;
    height:50vh;
    display:flex;
    align-items:center;
}
.featured-top {
    height:50vh;
    display:flex;
    align-items:center;
    background-color:#182b49;
    background-attachment:fixed;
    background-size:cover;
}
.page-node-8 .featured-top {

}
.page-node-10 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/1-edited.jpg);
}
.page-node-15 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/15-edited.jpg);
}
.page-node-11 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/10-edited.jpg);
}
.page-node-1 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/4-edited.jpg);
}
.page-node-2 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/9-edited.jpg);
}
.page-node-3 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/7-edited.jpg);
    background-position:center;
}
.page-node-4 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/3-edited.jpg);
}
.page-node-5 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/5-edited.jpg);
}
.page-node-7 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/8-edited.jpg);
    background-position:center;
}
.page-node-6 .featured-top {
    background-image:url(/sites/klemkelab.ucsd.edu/files/2.jpg);
    background-position:center;
}
.bg-container {
  width:100%;
  height:50vh;
  margin:30px 0;
  background-position:center;
  background-attachment:fixed;
  background-size:cover;
}
.bg-7 {
    background-image:url(/sites/klemkelab.ucsd.edu/files/7-edited.jpg);
}
.bg-8 {
    background-image:url(/sites/klemkelab.ucsd.edu/files/8-edited.jpg);
}
.featured-top h1 {
    color:#FFF;
    font-weight:900;
    text-shadow:0 1px 1px #182b49;
}
.path-frontpage .main-content .row a {
}
.path-frontpage h1 {
    text-align:center;
    font-weight:900;
    text-transform:uppercase;
    font-size:48px;
    letter-spacing:3px;
    color:#333;
    /* margin-top:5%;
    margin-bottom:5%; */
    color:#FFF;
    text-shadow:0 1px 1px #182b49;
    /* color:#FFF;
    padding-top:120px;
    padding-bottom:120px;
    text-shadow:0 1px 2px #000;
    background-image: url(/sites/klemkelab.ucsd.edu/files/inline-images/shrunken-logo.jpg);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat; */
}
.path-frontpage div.homepage-title {
    margin-top: 5%;
    margin-bottom: 5%;
}

.path-frontpage div.homepage-title span.h4  {
    padding-left: 30%;
    padding-right: 30%;
    display: block;
    text-align: center;
    color: #ffeb3b;
    font-weight: 900;
    text-shadow: 0 1px 1px #999;
}

.path-frontpage h1 strong {
    display:block;
}
.path-frontpage .btn-primary {
    color:#FFF;
}

main.main-content .content .title {
    text-align:center;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:900;
    margin-top:5%;
    margin-bottom:5%;
}
#block-searchbutton {
    color:#111;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    cursor:pointer;
}
.search-block-form {
    display:none;
    position:absolute;
    right:60px;
    flex-wrap:nowrap !important;
    margin-top:0;
}
.region-top-header .fa-search {
    color:#D6231E;
    cursor:pointer;
    margin-left:10px;
}

/* Footer */
footer .nav-item {
    display:block;
    width:100%;
}
footer.site-footer section nav h2 {
    border-bottom:none; /* Overwriting default */
    color:#4E98C7;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:20px;
}
footer .nav-link {
    color:#FFF;
    padding:.3125rem 1rem;
    padding-left:0;
}

/* Lab News */
.lab-news h1 {
  margin: 25px 0;
}
.lab-news img {
  height: auto;
  width: 100%;
}
.view-id-lab_news .row {
  padding-bottom: 2em;
  margin-bottom: 1em;
  border-bottom: 1px solid #6c757d2e;
}

/* Lab Members View */

.lab-members .col-md-3 {
  text-align: center;
}
.lab-members img {
  width: 80%;
  height: auto;
  padding: 10px;
}

/* Elements */
.view-frontpage {
    display:none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: white !important;
}


#block-spotlight  {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}

#block-spotlight h4, #block-principalinvestigator h4 {
    color: white;
    font-weight: 900;
    background-color: #182b49;
    padding: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}


#block-spotlight ul li {
    padding: 5px;
    text-align: left;
}
#block-spotlight ul {
    padding: 20px;
    margin-left: 40px;

}


#block-principalinvestigator {
    border-radius: 5px;
    background-color: white;
    border-color: #f1f1f1;
    padding: 0px;
}
#block-principalinvestigator .pi-content {
    padding: 15px;
}


@media (max-width: 766px) {
    .ucsd-logo {
        display: none;
    }

    .path-frontpage h1 {
        font-size: 50%;
    }
}

.homepage-carousel {
    display: flex;
    justify-content: center;
    margin-top: 1vw;
}

div#views-bootstrap-homepage-carousel-block-1 {
    width: 100% !important;
}

.path-frontpage div.homepage-title div.donate-btn {
    display: flex;
    justify-content: flex-end;
    padding-right: 15%;
}

.homepage-carousel .row {
    width: 100% !important;
}


.homepage-carousel img {
    width: 100% !important;
    height: 100% !important;
}

.homepage-carousel .carousel-control-prev-icon, .homepage-carousel .carousel-control-next-icon {
    border-radius: 30%;
    border: 2px solid white;
    background-color: #182b49;
    padding: 1vw;
}

.path-frontpage div.homepage-title div.donate-btn a{
    color: white !important;
    font-weight: 900;
}

h1.research-projects {
    background-color: #182b49;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    color: white;
    padding: 5px;
    font-weight: 900;
}

.page-node-10 .container hr {
    border: 3px solid #006A96;
}