@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-fg-accent;

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

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

    box-shadow: 10px 10px 0px 0px rgba($colod-fg, 0.2);
    // vertical-align: middle;
    white-space: normal;

    // padding: 10px 15px;
    padding: 25px 20px 0px 20px;

    font-family: "uroob";
    font-weight: 700;
    font-size: 80px;
}

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

.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;
}