/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.jumbotron {
    margin-bottom: 0px;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;

    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #24404b;
}

/* @media screen and (min-width: 768px) { */
div#news {
    background-image: url(img/selfie6.png);
}

div#talks {
    background-image: url(img/talks2.png);
}

div#papers {
    background-image: url(img/papers.png);
}

div#software {
    background-image: url(img/code2.png);
}

div#positions {
    background-image: url(img/nyhavn.png);
}

div#people {
    background-image: url(img/people.png);
    background-color: #606e6c;
}

div#contact {
    background-image: url(img/letter.png);
}

div#CV {
    background-image: url(img/CV2.png);
}
/* } */

img.teaser {
    width: 200px;
    padding-bottom: 1em;
}

img#gbutton {
    height: 30px;
}

pre {
    line-height: 110%;
}

#topCarousel .item {
  min-height: 280px;      /* tune so the tallest slide fits with padding */
  padding: 30px 60px;    /* room for text + the chevron controls */
  background-size: cover;
  background-position: center;
}

/* small arrows, no big hit-areas */
#topCarousel .carousel-nav a {
  width: auto; height: auto;
  margin: 0 4px;
  opacity: 1;
  font-size: 14px;
  text-decoration: none;
  filter: none;
}
#topCarousel .carousel-nav a .glyphicon {
  font-size: 14px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

/* dots: static inside the flex row, not absolute-centered */
#topCarousel .carousel-nav {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;            /* span the full slide width */
  display: flex;
  align-items: center;
  justify-content: center;   /* children centered, no math needed */
  z-index: 15;
}

#topCarousel .carousel-indicators {
  position: static;
  display: flex;
  width: auto;
  margin: 0 6px;
}
#topCarousel .carousel-indicators li {
  margin: 0 3px;
}

#topCarousel .item .btn {
  text-shadow: none;
}


.slide-about    { background-image: url('img/selfie6.jpg'); }
.slide-book     { background-image: url('img/book.jpg'); }
.slide-papers   { background-image: url('img/papers.jpg'); }
.slide-software { background-image: url('img/code2.jpg'); }

@media (max-width: 768px) {
  .slide-about    { background-image: url('img/selfie6_phone.jpg'); }
  .slide-book     { background-image: url('img/book.jpg'); } 
  .slide-papers   { background-image: url('img/papers_phone.jpg'); }
  .slide-software { background-image: url('img/code2_phone.jpg'); }
  #topCarousel .item { padding: 20px 20px 50px 20px; }  /* extra bottom clears the nav bar */
}


/* keep panel headings on one visual line with the body text */
.panel-heading h4 { margin: 0; }

/* keep boxes in the same row visually equal in height (optional) */
.panel { height: 100%; }

.row-eq {
  display: flex;
  flex-wrap: wrap;
}
.row-eq > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.row-eq .panel {
  width: 100%;
  height: 100%;   /* now works: panels stretch to match the taller sibling */
}

.soft-grid { margin-top: 30px; }