.wpToolbarProjectModeContainer > div.divider {
    display: block !important;
}
.wpToolbarProjectInfoBox > div {
    display: none;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled > div {
    display: block;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:link,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:active,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:focus,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:hover {
    display: none;
}
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:link,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:active,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:visited,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:hover {
    color: #fff;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarProjectLabel:hover,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarPublishedSiteLabel:hover,
.wpToolbarProjectInfoBox a {
    text-decoration: none !important;
}
.wpToolbarProjectInfoBox .wpToolbarProjectLabel,
.wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel {
    padding-right: 1px;
    font-size: 12px;
    font-family: "Helvetica Neue";
}    
.wpToolbarProjectInfoBox .wpToolbarProjectLabel:hover,
.wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel:hover {
    text-decoration: underline;
}    
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink img {
    width: 9px;
    height: 9px;
}
.lotus_rtl .wpToolbarProjectInfoBox .wpToolbarProjectLabel,
.lotus_rtl .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel {
    padding-left: 1px;
    padding-right: 0px;
}
/*
 * If the screen is smaller than 768 pixels,
 * we just want to display the label but not
 * let the user open the project menu.
 */
@media (max-width: 767px) {
    .wpToolbarProjectInfoBox > div {
        display: block !important;
    }
    .wpToolbarProjectInfoBox > a {
        display: none !important;
    }
}
/*
 * If the screen is smaller than 480 pixels,
 * we want to hide the entire UI control.
 */
@media (max-width: 479px) {
    .wpToolbarProjectInfoBox {
        display: none !important;
    }
}


.wpToolbarActionBarSVGPublishCaret {
    fill: currentColor;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    font-size: 1.5rem;
    vertical-align: middle;
}
.wpToolbarActionBarSVGFontSize{
    font-size: 1em;
}
