.splash {
    height: 900px;
    position: relative;
    margin-bottom: var(--line-height-em);
}

@media only screen and (max-width: 1300px) {
    .splash {
      height: 700px;
    }
  }

@media only screen and (max-width: 1000px) {
    .splash {
      height: 500px;
    }
  }

.logo-wrapper {
    margin-top: var(--line-height-em);
    position: relative;
    height: 500px;
}

.splash__bg-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(oden-tree-shot.png);
    background-position: center;
    background-size: cover;   
    opacity: .2; 
}

.splash {
    padding-top: calc(2*var(--line-height-em));
    padding-bottom: calc(2*var(--line-height-em));
}

.splash__logo-container {
    position: relative;
    z-index: 2;
}

.splash__image {
    margin-top: calc(4*var(--line-height-em));
}

.lead {
    font-weight: var(--fw-light);
    display: block;
    width: 14em;
    margin: 0 auto calc(var(--line-height-em)) auto;
    border-bottom: 1px solid var(--burnt-orange);
}

.person__picture {
    max-width: 150px;
    max-height: 150px;
    /* width: 100%;
    height: 100%; */
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(var(--line-height-em)/2);
}

.person__name {
    text-align: center;
    font-weight: var(--fw-bold);
    margin-bottom: 0;
}

.person__info {
    text-align: center;
}

.person__title {
    
}

.person__affiliation {
    /* font-weight: var(--fw-light); */
    /* text-transform: uppercase; */
}


.collapsible__title {
    cursor: pointer;
    letter-spacing: 0.5px;
    display: flex;
    text-transform: uppercase;
    padding-bottom: calc(var(--line-height-em)/2);
    border-bottom: 1px solid var(--border-gray);
}

.collapsible__toggle {
    display: block;
    margin-left: 1em;
    padding-bottom: .5em;
    height: 2em;
}

.collapsible__title:hover {
    opacity: .8;
}

.schedule__item {
    margin-left: 0;
    padding-left: 0;
    display: flex;
    justify-content: left;
    align-items: start;
}

.schedule__time {
    width: 10em;
    flex-shrink: 0;
    display: block;
    font-weight: var(--fw-bold);
}

.schedule__title {
    display: block;
    font-weight: var(--fw-bold);
}

/* -------- slideshow ------- */
.slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fade-in-out {
    opacity: 0;
    animation: fade-in 5s ease-in forwards, fade-out 5s 5s ease-out forwards;
}

@keyframes fade-in {
    100% {
      opacity: 1;
    }
}
  
@keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}

.slideshow__image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;

    opacity: 0;
}

.slideshow__image.is-active {
    transition: opacity 2s ease-out;
    opacity: 1;
}