@charset "utf-8";
html[lang] {
    margin-top: 56px !important
}

/* Admin bar */
body button#responsive-menu-button,
.responsive-menu-open body button#responsive-menu-button {
    display: none;
    top: 0;
    right: 0;
    background: #0086cc;
}
body button#responsive-menu-button:hover,
.responsive-menu-open body button#responsive-menu-button:hover,
body button#responsive-menu-button:focus,
.responsive-menu-open body button#responsive-menu-button:focus {
    background: #0086cc;
}
body #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    padding: 12px 0px 12px 5% !important;
    height: auto;
    line-height: unset;
    border-bottom: 1px solid #3C3C3C !important;
    background: #43494C;
}
body #responsive-menu-container #responsive-menu-wrapper {
    background: #43494C;
}
body #wpadminbar {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    height: 54px;
}

body #wpadminbar #wp-admin-bar-myblogs-logo a{
    background: transparent url("../../../themes/top/images/logo.png") no-repeat scroll left center;
    display: inline-block;
    height: 54px;
    padding: 0;
    width: 143px;
}

body #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-logo{
    margin-left: 15px;
}

body #wpadminbar #wp-toolbar > ul#wp-admin-bar-top-secondary {
    margin-right: 10px;
    margin-top: 15px;
}
body #wpadminbar #wp-toolbar #wp-admin-bar-top-secondary li {
    margin-left: 10px;
}
body #wpadminbar #wp-toolbar #wp-admin-bar-top-secondary li.cache-clear {
    display: none;
}

body #wpadminbar li#wp-admin-bar-register a {
    background-color: #0086cc;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    text-align: center;
    width: 120px;
}
body #wpadminbar li#wp-admin-bar-login a {
    background-color: #a8bf0c;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    text-align: center;
    width: 120px;
}
body #wpadminbar li#wp-admin-bar-about_us {
    margin-right: 20px;
}
body #wpadminbar li#wp-admin-bar-about_us a {
    background: transparent url("../../../themes/top/images/blue-arrow-right.png") no-repeat scroll left center;
    color: #000;
    font-size: 86%;
    font-weight: bold;
    padding: 0 0 0 12px;
}

body #wpadminbar #wp-toolbar > ul > li
{
    display: block;
}
html body #wpadminbar
{
    height: 56px;
}

@media only screen and (max-width: 740px) {
    html body #wp-admin-bar-top-secondary {
        display: none;
    }
    body button#responsive-menu-button,
    .responsive-menu-open body button#responsive-menu-button {
        display: block;
    }
}

@media only screen and (max-width: 782px) {
    /* About Us link is broken layout when resize to less than 782, so I must remove height and line-height for this tag */
    #wpadminbar .quicklinks > ul > li#wp-admin-bar-about_us > a {
        height: inherit;
        line-height: inherit;
    }
}

/* /Admin bar */