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

html,
html.simulated {
	font-family: Inter, 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
}

/* =============================================================================
= HEADERS ======================================================================
================================================================================ */

h1, h2, h3, h4,
.staticPage .page-content h1,
.rich-text h1,
.page-content h2,
.staticPage .page-content h3,
html .page .rich-text h3,
.wide .page .page-content .content-widget-wrapper>h2.content-widget-title,
.news-feed-list .news-feed-channel-headline a {
    font-weight: 700 !important;
}

/* BRANDING: NOTIFICATION TOGGLE ================================================================= */

.clientapp .switch.on .handle {
	background-color: #CE112D;
}

/* BRANDING: Important Badge ===================================================================== */
.news-feed-post-badges .news-feed-post-badge.type-highlighted {
    background-color: #CE112D !important;
}

/* BRANDING: To Acknowledge Badge ================================================================ */

.news-feed-post-badge.type-acknowledged,
.action-acknowledge{
    background: #27255f !important; 
}

/* BRANDING: Notification Bubble ================================================================= */
span.unread-count, 
#menu a.notification-bell .notifications__unseen-count,
.profile-header a.notification-bell .notifications__unseen-count {
    background: #CE112D;
    color: #FFFFFF; 
}

/* BRANDING: Bottom Quick Link Navigation Background Color ===================================================================== */
div#mobile-quicklinks ul {
    background-color: #CE112D; 
}

/* BRANDING: Bottom Quick Link Navigation Text Color ===================================================================== */

div#mobile-quicklinks ul li a span{
    color: #FFFFFF; 
}

/* =============================================================================
= BRANDING: Login Logo background color + Mask ==================================================================
================================================================================ */
.dialog.signin .dialog-inner,
.signin .page-content,
.mobile.wide .signin .page-content{
    background-color: #FFFFFF; 
}

.signin-view button.type-uncollapse.clickable {
    background-color: #27255f !important;
}