/* CSS file for BetterFriends widget
 * designed for twenty-twenty theme
 */
@media (min-width: 1000px) {
    .menu-item-type-yspl_win
    {
        margin: 0 !important;
    }
    .menu-item .widget-area
    {
        display: inline;
        margin:0;
        padding:0;
    }
    .bfwidget-unseen-num
    {
        height: 24px;
        width: 24px;
        border-radius: 12px;
        background: #F00;
        color: #FFF;
        font-size: 10pt;
        font-weight: bold;
        margin: 6px 0 0 6px !important;
        text-align: center;
        line-height: 24px;
    }
}
@media (max-width: 999px) {
    .menu-item-type-yspl_win
    {
        display: inline;
        width: 24px;
        position: absolute !important;
        margin: -43px 0 0 125px !important;
        border: none !important;
    }
    .menu-item .widget-area
    {
        margin:0;
        padding:0;
    }
    .bfwidget-unseen-num
    {
        height: 24px;
        width: 24px;
        border-radius: 12px;
        background: #F00;
        color: #FFF;
        font-size: 10pt;
        font-weight: bold;
        margin: 0 0 0 -12px !important;
        text-align: center;
        line-height: 24px;
    }
}