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

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

    box-shadow: 10px 10px 0px 0px rgba($colod-fg, 0.2);

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

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

    font-family: "uroob";
    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: 43px;

    // color: $color-ci-green;

    &: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;
    padding-top: 5px;
    font-size: 26.5px;
    //font-style: italic;
}

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