/* 
** bar_1 >> have box border, limit width
** bar_2 >> don't have box border, full screen width */

/* MARQUEE */
.simple-marquee-box {
    position: relative;
    margin: 1rem 0 10px;
    padding: 1rem 10px;
    overflow: hidden;
    border-radius: 5px;
    color: #fff;
    border: 2px solid #ea464f;
    background-color: #171717
}

.simple-marquee-box.unlogin {
	margin: 2rem 0 10px
}

.simple-marquee-box .marquee-sibling {
    height: 100%;
	padding: 5px 10px 5px 10px;
    font-size: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    z-index: 1;
    background-color: #171717
}

.simple-marquee-box .marquee,
*[class^="marquee"] {
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.simple-marquee-box .marquee-content-items {
    position: relative;
	display: flex;
    margin: 0;
    padding: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.simple-marquee-box .marquee-content-items li:after {
	content: "|";
	margin: 0 1rem
}