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


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


.header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}


.room-location {
    position: absolute;
    top: 260px;
    left: 1448px;

    z-index: 20;

    font-family: 'Source Code Pro';
    font-weight: 700;
    font-size: 40px;

    text-align: end;
    color: white;

    // box-align: center;
    // -moz-box-align: center;
    // -webkit-box-align: center;

    // background-color: purple;
}

.schedule {
    position: absolute;
    top: 240px;
    left: 65px;
    // left: 50px;

    /* 1920 - 2 * 65 */
    width: 1790px;
    /* 1920 - 2 * 50 */
    // width: 1820px;

    // background-color: orange;
}

.schedule .title {
    // position: static;

    font-family: 'Source Code Pro';
    font-weight: 700;
    font-size: 60px;

    //text-align: bottom;
}


.events {
    position: absolute;
    top: 340px;
    left: 65px;

    width: 1790px;
    // width: 1820px;
    // 5 * 110 + 4 * 25
    height: 650px;

    overflow: hidden;
    // background-color: red;
}

.event {
    position: relative;
    // left: 0px;

    margin-bottom: 25px;
    width: 100%;

    // overflow: hidden;
    // background-color: teal;
}

.event-time {
    position: absolute;
    // top: 0;
    left: 0px;

    font-family: 'Source Code Pro';
    font-weight: 400;
    font-size: 50px;

    // background-color: crimson;
    // max-width: 50px;
}

.event-location {
    position: absolute;
    left: 200px;

    font-family: 'Lato';
    font-weight: 400;
    font-size: 50px;

    // width: 100px;
    // max-width: 100px;
    // background-color: purple;
}

.this-room {
    font-style: italic;
    color: white;
}



.event-info {
    position: relative;
    // left: 550px;
    // width: 1240px;
    left: 520px;
    width: 1270px;
    // width: 1280px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

    // word-break: break-all;
    // overflow-wrap: break-word;

    font-family: 'Lato';
    font-weight: 400;
    font-size: 50px;

    // max-width: 100px;
    // background-color: dodgerblue;
}

.event-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    // -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
}

.event-speaker {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    // -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    font-style: italic;
    font-size: 40px;
}


.footer {
    position: absolute;
    left: 65px;
    bottom: 0px;

    width: 1790px;
    // height: 65px;
}

.track-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    // justify-content: space-around;

    margin-bottom: 10px;

    font-family: 'Source Code Pro';
    font-weight: 600;
    font-size: 22px;

    // background-color: chartreuse;
}

.track {
    // background-color: lightblue;
}

.track-0 {
    color: #bbbbbb;
}

.track-1 {
    color: #40a56a;
    // color: #119633;
}

.track-2 {
    color: #ffc91a;
    // color: #91800d;
}

.track-3 {
    color: #d92635;
    // color: #af0c0c;
}

.track-4 {
    color: #3caec3;
    // color: #145e9a;
}
