/*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.cover-container {
  max-width: 42em;
}

a {
  text-decoration: none;
  color: inherit;
}


/*
 * Background Video
 */

.bg-video
{
    position: absolute !important;
    top: 0;
    left: 0;

    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 815px;

    pointer-events: none;

    object-fit: cover;
    object-position: center; /* Center the video horizontally */
}

.video-wrapper {
  position: absolute;
  top: 0;
  left: 50%; /* Center the video horizontally */
  transform: translateX(-50%); /* Center the video horizontally */
  width: auto;
  height: 100%;
  overflow: hidden; /* Hide any overflowing content */
}

.author-list {  
  margin-top: 4rem;  
  margin-bottom: 0.5rem;  
  font-size: 1.4rem;
}  

.institution-list {  
  margin-top: 1rem;  
  margin-bottom: 1.2rem;  
  font-size: 1.2rem;
}  

.hover-card {
  position: relative;
}

.hover-card .hover-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; 
  transition: opacity 0.3s;
}

.hover-card:hover .hover-text {
  opacity: 1; 
}


[data-item]:nth-child(n+10) {
  display: none;
}


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

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

/* Declare heights because of positioning of img element */
.carousel-item {
  /* height: 32rem; */
  height: 20rem;
}