/* Fit the existing BuddyBoss widget into the Trifle header. */
.trifle-header.site-header{position:relative;height:auto;box-shadow:none}
.trifle-header .trifle-header-inner{position:relative}
.trifle-header #header-aside{padding:0;margin:0;display:block;float:none}
.trifle-header .header-aside-inner{display:flex;align-items:center}
.trifle-header .user-wrap{margin-left:12px}
.trifle-header .user-link{font-size:14px}
/* The private account menu identifies people by their display name and photo. */
.trifle-header #header-aside .user-wrap .user-mention{display:none}
.trifle-header .notification-dropdown h2{font:600 15px/1.4 Arial,sans-serif;letter-spacing:0;margin:0}
.trifle-header .notification-dropdown p{font-size:14px;margin:0}
.trifle-header .notification-dropdown{z-index:100}
.trifle-header .user-wrap .sub-menu{z-index:101}
.trifle-header .trifle-open>.sub-menu,.trifle-header .trifle-open>.notification-dropdown{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
.trifle-header .count[hidden]{display:none!important}
@media(max-width:1100px){.trifle-header .user-link>.user-name{display:none}}
@media(max-width:850px){.trifle-header .header-aside .user-wrap{display:block}.trifle-header #header-aside{display:block}}
@media(max-width:600px){.trifle-header .header-aside,.trifle-header .header-aside-inner,.trifle-header .notification-wrap{position:static}.trifle-header .header-aside .notification-wrap{display:block;margin-right:8px}.trifle-header .user-wrap{margin-left:0}.trifle-header .user-link>img{width:30px;height:30px}.trifle-header .user-link>.bb-icon-angle-down{display:none}.trifle-header .notification-dropdown{position:absolute;top:100%;left:0!important;right:0!important;width:100%!important;max-width:none}.trifle-header .user-wrap>.sub-menu{right:-28px;max-width:calc(100vw - 36px)}}