html {
	font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
}

html.wide,
.desktop #wrapper {
    background-color: #dce1e6;
}

/* =============================================================================
= Custom Link Tiles ===================================================================
================================================================================ */

.quick-links-widget.type-tiles li a:hover {
    color: #e10019;
    text-decoration: none;
}

/* =============================================================================
= App Header ===================================================================
================================================================================ */
.desktop .app-header a.notification-bell .notifications__unseen-count {
    background-color: #dce1e6;
    color: #000000;
}

.header-right-container .we-icon.header-button-sidebar::before,
.header-left-container .we-icon.header-button-sidebar::before {
    background-color: #e10019;
}

/* =============================================================================
= Content ======================================================================
================================================================================ */

/* Heading colors  ================================= */
.page .page-content .content-widget-wrapper>h2.content-widget-title{
    color: #788287;
}

.page .page-content .content-widget-wrapper .news-feed-post-headline {
    color: #46505a;
    text-decoration: none;
}

/* Newspost teaser ================================= */

.news-feed-post-teaser span.read-more.branch-colored {
    background-color: #e10019;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 4px 8px;
    color: #fff;
    border-radius: 2px;
    font-style: notmal;
    white-space: nowrap;
}

.news-feed-post-teaser a:focus, html.mouse .news-feed-post-teaser a:hover {
    text-decoration: none;
}

.news-feed-post-teaser span.read-more.branch-colored::after {
    display: none;
}

.news-feed-post .news-feed-post-teaser > span {
    color: #788287;
}


/* NewsStage Widget  =========================================== */
.page .page-content .content-widget-wrapper .news-slider-layout-gradient .news-feed-post-headline {
    color: #fff;
    text-decoration: none;
}

.page .news-slider-layout-gradient .news-feed-post-image::after,
.page .news-slider-layout-gradient .news-feed-post-media-dummy::after,
.page .news-slider-layout-gradient .news-feed-post-video .staffbase-video-player > .video-placeholder::after {
    background: linear-gradient(0deg, rgb(0, 0, 0) 0.5%, transparent 45%) !important;
}

/* Accordion Widget  =========================================== */
.accordion-widget.content-widget [role="heading"] {
    color: #46505a !important;
}

/* Portfolio Widget  ============================================== */
a.ui-commons__portfolio-widget__panel-link:hover .ui-commons__portfolio-widget__panel-text-wrapper .ui-commons__portfolio-widget__panel-title{
   color: #e10019;
}

html.mouse a.ui-commons__portfolio-widget__panel-link:hover {
    text-decoration: none;
}

.ui-commons__portfolio-widget__panel-link svg {
    fill: #e46505a;
}

.touch a.ui-commons__portfolio-widget__panel-link.active .ui-commons__portfolio-widget__panel-text-wrapper .ui-commons__portfolio-widget__panel-title,
.mouse a.ui-commons__portfolio-widget__panel-link:focus .ui-commons__portfolio-widget__panel-text-wrapper .ui-commons__portfolio-widget__panel-title {
    color: #e10019 !important;
}

body.using-mouse :focus  {
     text-decoration: none !important;
}
/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */

.signin .logo {
    margin: 20px auto;
    display: block;
    background: url(https://my.gebhardt-group.com/api/media/secure/external/v2/image/upload/63d297d3f0f6f04892b76ad1.png) no-repeat center center;
    background-size: 100%;
}

.dialog.signin .logo{
    width: 100% !important; 
}

.signin .logo{
    background-color: #ffffff;
    margin: 0;
    background-size: cover;
}

.page.signin .logo{
     margin: 0 auto;
}

.dialog.signin .dialog-inner,
.signin .page-content{
    background-color: #ffffff;
}

.page.signin .logo{
    width: 100%;
}

@media screen and (min-width: 515px){
    .page.signin .logo {
         margin: 70px auto 0 auto;
         width: 400px;     
    }
} 

.signin .help-link-container a {
    color: #b4bec3;
}

/* login buttons ===================================================== */
.signin-view button, 
.signin-view button:focus {
    background-color: rgba(225,0,25);
    color: #fff;
}

.mouse .signin-view button:hover, 
.mouse .signin-view .button:hover, 
.mouse .signin-view a.button:hover, 
.touch .signin-view button.active, 
.touch .signin-view .button.active, 
.touch .signin-view a.button.active{
    background-color: rgba(200,0,25);
}

/* =============================================================================
= Buttons ======================================================================
================================================================================ */
/*  BUTTON (PUBLIC HINT) ========================================== */

.public-login-hint button,
.page-content .blank-slate .positive {
    background-color: rgba(225,0,25);
}

.public-login-hint button.positive:hover, 
.public-login-hint button.positive:focus, 
.touch .public-login-hint button.positive.active,
.page-content .blank-slate .positive:hover, 
.page-content .blank-slate .positive:focus,
.touch .page-content .blank-slate .positive.active {
    background-color: rgba(200,0,25);
} 


/* save button in profile ======================================= */
.page.profile .page-content .information button[type="submit"] {
    background-color: #e10019;
}

.page.profile .page-content .information button[type="submit"]:hover,
.page.profile .page-content .information button[type="submit"].active,
.page.profile .page-content .information button[type="submit"]:focus {
    background-color: rgba(200,0,25);
}
/* Header button (Edit) ======================================= */
.desktop .header-right-container.actions button,
.header-right-container.actions a.header-button {
    background-color: #dce1e6;
    color: #000000;
}

.desktop .header-right-container.actions button:hover, 
.desktop .header-right-container.actions button:focus {
    background: rgba(220,225,230,.8) !important;
}

.mobile .header-body button.header-button {
    color: #dce1e6;
}

/* News Badges ======================================= */
.news-feed-post-badges .news-feed-post-badge.type-highlighted {
    background-color: #e10019 !important;
}

.news-feed-post-badges .news-feed-post-badge.type-acknowledged  {
    background-color: #788287 !important;
}

.page.feed-post-page button.action-acknowledge {
    background-color: #dce1e6;
    color: #000000;
}

.mouse button.light.no-styles:hover, .touch button.light.no-styles.active, button.light.no-styles:focus {
    background-color: #dce1e6;
}
/* =============================================================================
= Setting Page =================================================================
================================================================================ */
/* Notification Toggle ======================================= */
.page.settings.user-settings.settings-notifications .switch.on .handle {
    background-color: #e10019;
}
.page.settings.user-settings.settings-notifications .switch.off .handle {
    background-color: #b4bec3;
}

/* =============================================================================
= Menu | Sidebar | Toolbar =====================================================
================================================================================ */
.desktop #sidebar a.item ,
.desktop #sidebar a.item span {
    color: #46505a;
}

.touch.desktop #sidebar a.item.active , 
.touch.desktop #sidebar a.item span.active,
.mouse.desktop #sidebar a.item:focus,
.mouse.desktop #sidebar a.item span:focus, 
.desktop #sidebar a.item.selected {
    color: #e10019;
    font-weight: 600;
}