@import "_variables";
@import "_base";

.slide {
    background-color: $color-bg;
}

.speaker-box {
    // position: absolute;
    position: relative;
    // top: 963px;
    // top: 975px;
    // top: 947px;
    top: 910px;

    // left: 50px;
    left: 150px;

    width: auto;

    // max-width: 1350px;
    // max-width: 1400px;
    max-width: 1600px;
}

.speaker {
    // background-color: $color-ci-gray;
    // background-color: $color-ci-lightgreen;
    background-color: $color-ci-darkgreen;

    // border-width: 5px;
    // border-style: solid;
    // border-color: $color-ci-lightgreen;

    // box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
    box-shadow: 8px 6px 0px $color-bg;

    // vertical-align: middle;
    white-space: normal;

    // padding: 10px 15px;
    padding: 5px 15px;

    font-family: 'Lato';
    font-weight: 700;
    font-size: 60px;
}

.speaker .title {
    // color: $color-ci-lightgreen;
}

.speaker .names {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    box-orient: vertical;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    white-space: normal;
}

img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}