/* CSS Document */

.bg-dark-70 {
  background-color: rgba(0,0,0,.7);
}
.bg-dark-50 {
  background-color: rgba(0,0,0,.5);
}

.text-highlight {
  color: #0175a5;
}

main h1,
.feed-title {
  border-bottom: 1px solid #6B6B6B;
}

main h1,
/*main h2,*/
main h3,
main h4,
main h5,
main h6,
.feed-title {
  color: #800000;
}

main h2 {
  color: #da3420;
}

* {
  margin: 0;
}
html, body {
  height: 100%;
  width: 100%;
  font-family: 'Questrial', sans-serif;
}
strong {
  font-family: 'Lato', sans-serif;
}

a, a:hover, a:active, a:focus, a:visited {
  color: #149cad;
}

a.btn {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

main {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -135px; 
/*  color: #006699;*/
}

main:after {
  content: "";
  display: block;
}

#footer, main:after {
  /* .push must be the same height as footer */
  height: 135px; 
}

body {
  background-color: #ededed;
}

header a:hover,
#research-areas a:hover {
  color: #ffffff;
  text-decoration: underline;
}

header {
  background: url(../images/layout/Octahedron_Fractal_Lattice_blue.jpg) #0d2236 no-repeat center center;
  background-size: cover;
  color: #ffffff;
}
header a {
  color: #ffffff;
}
header a:hover,
header a:active,
header a:focus,
header a:visited {
  color: #ffffff;
  text-decoration: underline;
}
header h1 a:hover,
header h1 a:active,
header h1 a:focus {
  text-decoration: none;
}

/*
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,1);
}
*/

header .navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
header .nav-link, .navbar-nav .nav-link  {
  border-bottom: 2px solid transparent;
  padding: 0 !important;
  margin-bottom: 1rem !important; 
  color: #ffffff;
  text-transform: uppercase;
}
header .nav-link:focus,
header .nav-link:hover,
header .nav-link:active,
header .nav-link.active {
  border-bottom: 2px solid #fff;
}

/* Group */
#group-gallery a > .caption h4{
  font-size: 1rem;
  color: #777;
}

/* Research */

#research-areas .research-area > div {
  height: 225px;
  background-color: dimgray;
}
#research-areas .research-area span {
  font-size: 1.5rem;
  color: #fff;
  text-transform: uppercase;
}

#research-areas .research-area .biomedical-materials {
  background: url(../images/layout/nhs-fluorescein-func-3d-structure-600x600.jpg) no-repeat center center;
  background-size: cover;
}

#research-areas .research-area .multi-functional-materials-and-devices {
  background: url(../images/layout/electrical-mechanical-coupling-600x600.jpg) no-repeat center center;
  background-size: cover;
}

#research-areas .research-area .mechanics-of-hierarchical-architectures {
  background: url(../images/layout/woven-600x600.jpg) no-repeat center center;
  background-size: cover;
}

#research-areas .research-area .energy-storage {
  background: url(../images/layout/lithium-peroxide-battery-600x600.jpg) no-repeat center center;
  background-size: cover;
}

#research-areas .research-area .additive-nano-manufacturing {
  background: url(../images/layout/truss-600x600.jpg) no-repeat center center;
  background-size: cover;
}

#research-areas .research-area .mechanics-and-physics-of-nanomaterials {
  background: url(../images/layout/nano-mushrooms-600x600.jpg) no-repeat center center;
  background-size: cover;
}



/* SM */
@media (min-width: 576px) {
  
  .w-sm-25 {
    max-width: 25%;
  }
  .w-sm-30 {
    max-width: 30%;
  }
  .w-sm-40 {
    max-width: 40%;
  }
  .w-sm-50 {
    max-width: 50%;
  }
  .w-sm-75 {
    max-width: 75%;
  }
  .w-sm-100 {
    max-width: 100%;
  }
  
  #research-areas .research-area > div {
    height: 275px;
  }
  
  #research-areas .research-area span {
    font-size: 1.6rem;
  }
}

/* MD */
@media (min-width: 768px) {
  
  .w-md-25 {
    max-width: 25%;
  }
  .w-md-30 {
    max-width: 30%;
  }
  .w-md-40 {
    max-width: 40%;
  }
  .w-md-50 {
    max-width: 50%;
  }
  .w-md-75 {
    max-width: 75%;
  }
  .w-md-100 {
    max-width: 100%;
  }
  
  #research-areas .research-area > div {
    height: 275px;
  }
  
  #research-areas .research-area span {
    font-size: 1.6rem;
  }
}

/* LG */

@media (min-width: 992px) {
  .w-lg-25 {
    max-width: 25%;
  }
  .w-lg-30 {
    max-width: 30%;
  }
  .w-lg-40 {
    max-width: 40%;
  }
  .w-lg-50 {
    max-width: 50%;
  }
  .w-lg-75 {
    max-width: 75%;
  }
  .w-lg-100 {
    max-width: 100%;
  }
  
  #research-areas .research-area > div {
/*    height: 200px;*/
    height: 300px;
  }
  
  #research-areas .research-area span {
    font-size: 2rem;
  }
}

#news-feed span.date,
#videos span.date {
  display: block;
  color: #666666;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  font-size: 0.8rem;
}

#news-feed {
  color: #006699;
}

#publications div p a em {
  font-weight: bold;
  font-family: 'Lato', sans-serif;
}
ol.publications a {
  font-weight: bold;
  font-style: italic;
  font-family: 'Lato', sans-serif;
}


footer#footer {
  background-color: #1d1d1d;
  color: #ffffff;
  font-size: 0.8rem;
}
footer#footer a {
  color: #ffffff;
}
footer#footer #eas-logo {
  max-height: 1rem;
}
footer#footer #caltech-logo {
  max-height: 2rem;
}