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

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

.talk-box {
    // position: absolute;
    position: relative;
    top: 950px;
    left: 50px;

    width: auto;
    max-width: 1400px;
}

.talk {
    background-color: $color-bg-medium;

    border-width: 0 0 0 10px;
    border-style: solid;
    border-color: $color-orange-strong;

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

    padding: 10px 15px;
    padding-left: 20px;

    font-family: 'Open Sans';
    font-weight: 400;
}

.talk .title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    box-orient: vertical;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 28px;

    color: $color-talk;

    &:before {
        content: "«";
        padding: 0;
    }

    &:after {
        content: "»";
        padding: 0;
    }
}

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

    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 24px;
    font-style: italic;

    color: $color-speaker;
}

.type-0 {
    display: none;
}

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