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

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

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

    width: auto;

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

.talk {
    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);

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

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

    font-family: 'Lato';
    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: 25px;

    // color: $color-ci-lightgreen;

    &: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: 23px;
    font-style: italic;
}

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