/* =============================================================================
= GLOBAL =======================================================================
================================================================================ */

html{
    font-family: "Avenir", "Open Sans", Arial, sans-serif ; 
}


/* =============================================================================
= MENU (SIDEBAR) ===============================================================
================================================================================ */

.mobile #sidebar{
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15); 
    background-color: #fff;
    border-right: 1px solid #E5E5E5; 
}

.mobile #sidebar .profile-header{
    background: #fff;
    color: #000;
}

.mobile.ios .profile-header .menu-list.items-4 {
    color: #54C3EF;
}

.ios #wrapper{
    border-right: 1px solid #E5E5E5; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; 
}

.mobile #sidebar .plugin-list{
    background: #fff !important;
    color: #000; 
}

.mobile #sidebar .plugin-list>.item:first-of-type{
    margin-top: 10px;   
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #fff;
}

.retina.mobile #sidebar .channel-list,
.mobile #sidebar .channel-list:not(.loading){
    background-color: #fff;
    border: none;
}

.retina.mobile #sidebar .plugin-list>.item:not(:first-of-type),
.mobile #sidebar .plugin-list>.item:not(:first-of-type) {
    border-top: 1px solid #fff;
    background: none; 
}

.retina.mobile #sidebar .channel-list .item+.item,
.retina.mobile #sidebar .channel-list, 
.mobile #sidebar .channel-list .item,
.mobile #sidebar .channel-list .item+.item {
    background: none; 
    border: none;
}

 #sidebar .channel-list .item:before,
.ios #sidebar .channel-list .item:before{
    background-color: #000;
    top: 20px; 
}

.mobile.touch #sidebar .channel-list .item.active,
.mobile.touch #sidebar .plugin-list>.item.active,
.mobile.touch #sidebar .actor.active, 
.mobile.touch #sidebar .profile-header .item.active, .mobile.touch #sidebar>.menu-list .item.active{
   background-color: #eeeeee;
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px
}

/* FIX for new_search on white background menu */ 
.mobile .no-header .plugin-list.scroller > div > div{
    background: #fff !important; 
}

/* SIDEBAR HEADER ==================================================================== */

.mobile #sidebar .profile-header .actor{
    background: #fff; 
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #eeeeee;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap span.we-icon.search{
    top: 15px; 
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input::placeholder{
    color: #666;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    height: 45px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);   
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px; 
}


/* BUTTONS ===================================================================== */
/* Login buttons =============================================================== */

button.positive {
    background-color: #D51317;
    color: #fff;
}

.mouse button.positive:active, .mouse button.positive:hover, .touch button.positive.active, button.positive:focus {
    background-color: rgba(213, 19, 23, .8);
    color: #fff;
}

button.neutral {
    background-color: #D51317;
    color: #fff;
}

/* =============================================================================
= NOTIFICATION =================================================================
================================================================================ */

a.notification-bell .notifications__unseen-count,
span.unread-count,
.mobile .header-container .header-body .we-icon.header-button-sidebar::before{
    color: #000 !important;
    background: #93bdc3 !important;
}

/* =============================================================================
= WIDGET =======================================================================
================================================================================ */

.swiper-pagination-bullet-active{
    background: #93bdc3;
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
#toolbar .toolbar-item{
    background-color: #D51317;
    color: #fff; 
}
 
#toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #000; 
    font-weight: 600;
}
 
#toolbar .toolbar-item .toolbar-item-title{
    text-transform: uppercase;
}
 
#toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
} 

/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */
 
/* PLEASE COMMENT WHAT YOU HIDE ================================================ */

/* HIDE "NEWSSTAGE HOMEPAGE" FROM SIDE MENU 
a.item[data-menu-item-id="5f21909377d66a548fc8e862"]{
    display: none !important;
}
*/

/* =============================================================================
= TERMINAL USER (GLOBAL GROUPS SET UP) =========================================
================================================================================ */

.group-5feb33b901d2a34054ba8102 .post .actions,
.group-5feb33b901d2a34054ba8102 .action-like,
.group-5feb33b901d2a34054ba8102 .comments-section .comments-list,
.group-5feb33b901d2a34054ba8102 .comments-section form,
.group-5feb33b901d2a34054ba8102 .comments-bethefirst,
.group-5feb33b901d2a34054ba8102 .comment-replying,
.group-5feb33b901d2a34054ba8102 .news-feed-post-social-actions,
.group-5feb33b901d2a34054ba8102 .comments-list .comment .comment-liking .action-like,
.group-5feb33b901d2a34054ba8102 .comments-list .comment .comment-liking .action-unlike,
.group-5feb33b901d2a34054ba8102 .comments-section form,
.group-5feb33b901d2a34054ba8102 .comments-bethefirst,
.group-5feb33b901d2a34054ba8102 .comment-replying,
.group-5feb33b901d2a34054ba8102 .profile .comments-section,
.group-5feb33b901d2a34054ba8102 span.published:before,
.group-5feb33b901d2a34054ba8102 .quick-links-widget.type-tiles li.chat,
.group-5feb33b901d2a34054ba8102 section > a[href*="content/chat"],
.group-5feb33b901d2a34054ba8102 a[href*="/notification"],
.group-5feb33b901d2a34054ba8102 a[href*="/setting"],
.group-5feb33b901d2a34054ba8102 a[data-menu-item-id="profile"],
.group-5feb33b901d2a34054ba8102 a[data-menu-item-id="groups"],
.group-5feb33b901d2a34054ba8102 a[data-menu-item-id="settings"],
.group-5feb33b901d2a34054ba8102 a[data-menu-item-id="bookmarks"],
.group-5feb33b901d2a34054ba8102 .chat#content,
.group-5feb33b901d2a34054ba8102 .page-header .actions,
.group-5feb33b901d2a34054ba8102 .page-header .create-link,
.group-5feb33b901d2a34054ba8102 .header-button,
.group-5feb33b901d2a34054ba8102 .mobile .header-container .header-button,
.group-5feb33b901d2a34054ba8102 .create-post-widget,
.group-5feb33b901d2a34054ba8102 button[class*="create-post"]{
    display: none !important;
}

/* CHAT TERMINAL USER FOR MOBILE AND SIDEBAR [DESKTOP], FOLDER [DESKTOP] ONLY === */ 
.group-5feb33b901d2a34054ba8102 #sidebar a[data-menu-item-id="5eeb8b64e4ce2718809cc3f5"],
.group-5feb33b901d2a34054ba8102.desktop .ma-list a[data-menu-item-id="#######"]{
    display: none !important;
}