body {
    padding-top: 50px;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}
.btn {
    font-family: Arial;
}
.container {
    font-family: Arial;
}



#sidebar.affix-top {
    position: static;
}

#sidebar.affix {
    position: fixed;
    top: 80px;
}

.browser-absent {
    color: red;
}



/* http://stackoverflow.com/a/13881860/881731 */
a[name] {
  padding-top: 40px;
  margin-top: -40px;
  display: inline-block; /* required for webkit browsers */
}


/* Make twitter bootstrap menu dropdown on hover rather than click
   http://stackoverflow.com/a/8878666/881731 */
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}


code.hljs {
    background-color: transparent;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
/*.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
*/

/*.carousel-inner*/ img {
    max-width: 100%;
}





/*
For videos
Reference: http://avexdesigns.com/responsive-youtube-embed/
*/

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* For the code history (d3.js) */
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.browser text {
    text-anchor: end;
}




.conference-title {
    text-align: center;
    color: #fff;
    text-shadow: #0007 0px 1px 2px;
}

.conference-title2 {
    text-align: center;
    color: #000;
    text-shadow: #0007 0px 1px 2px;
}


.conference-jumbotron {
    background-image: url("img/SartTilman.jpg");
    background-size: cover;  /* contain */
    background-repeat: no-repeat;
    background-position: center;
}

.conference-jumbotron-2022 {
    background-image: url("img/LasPalmasGranCanaria.jpg");
    background-size: cover;  /* contain */
    background-repeat: no-repeat;
    background-position: center;
}

.conference-jumbotron-2023 {
    background-image: url("img/LeibnizUniversityHannover.jpg");
    background-size: cover;  /* contain */
    background-repeat: no-repeat;
    background-position: center;
}

.conference-logo {
    background-color: #aaaa;
    padding: 20px;
}





table > tbody > tr > td {
    vertical-align: middle !important;
}