/*
 * Common CSS for all webinar types
 * Shared styles between VS, BO, and SC
 */

/* Common back button styles */
.back_spark {
    font-size: 12px;
    margin-bottom: 30px;
}

.back_spark span:not(.c-icon) {
    order: 2;
}

.back_spark span.c-icon {
    order: 1;
    padding-left: 0;
    padding-right: 0.5em;
}

/* Common register section styles */
#register {
    border: none;
}

/* Common slider styles */
.bw-tns-slider.tns-subpixel {
    display: flex;
    align-content: space-around;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

#tns1 > .tns-item {
    height: 100%;
}

.slide-link > div {
    height: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

/* Common client nav wrapper styles */
#x-client-nav-wrapper .color-bg-grey-2 {
    background-color: #2a282e;
}

#x-client-nav-wrapper .color-border-grey-3 {
    border-color: #404040;
}

/* Common heading styles */
h5 span {
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #868690;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

/* Common avatar guest styles */
.avatar-guest p {
    color: #b4b4b4;
}

/* Common dark mode body styles */

/* Common logo styles for dark mode */
.c-navsite--logo .color-fill-grey-10 {
    fill: #ffffff;
}

/* Common form styles */
form {
    background-color: #ffffff;
    padding: 20px;
}

/* Common border styles */
.c-blocktone-border {
    border: 1px solid #404040;
}

/* Common watch now styles */
#watch-now > div {
    background-color: #2a282f;
}

/* Common button white styles */
.btn-white div span {
    color: #ffffff;
}

/* Common content list styles */
.c-content ul {
    color: #a0a0a0;
}

/* Common navigation border styles */
.c-nav--border-on {
    border-color: #555;
}