#wpfront-notification-bar,
#wpfront-notification-bar-editor {
    background: #242f1e;
    background: -moz-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #242f1e), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #242f1e 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242f1e', endColorstr='#ffffff', GradientType=0);
    background-repeat: no-repeat;
}

#wpfront-notification-bar div.wpfront-message,
#wpfront-notification-bar-editor li,
#wpfront-notification-bar-editor p {
    color: #d0c8c3;
}

#wpfront-notification-bar a.wpfront-button,
#wpfront-notification-bar-editor a.wpfront-button {
    background: #242f1e;
    background: -moz-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #242f1e), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #242f1e 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #242f1e 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242f1e', endColorstr='#ffffff', GradientType=0);

    color: #d0c8c3;
}

#wpfront-notification-bar-open-button {
    background-color: #00b7ea;
    right: 10px;
}

#wpfront-notification-bar-open-button.top {
    background-image: url(/img/arrow_down.png);
}

#wpfront-notification-bar-open-button.bottom {
    background-image: url(/img/arrow_up.png);
}

#wpfront-notification-bar-table,
.wpfront-notification-bar tbody,
.wpfront-notification-bar tr {}

#wpfront-notification-bar div.wpfront-close {
    border: 1px solid #878287;
    background-color: #878287;
    color: #000000;
}

#wpfront-notification-bar div.wpfront-close:hover {
    border: 1px solid #aaaaaa;
    background-color: #aaaaaa;
}

@media screen and (max-device-width: 640px) {
    #wpfront-notification-bar-spacer {
        display: none;
    }
}

#wpfront-notification-bar,
#wpfront-notification-bar-editor {
    background: #242f1e;
    color: #d0c8c3;
    font-size: 22px;
}

#wpfront-notification-bar a.wpfront-button,
#wpfront-notification-bar-editor a.wpfront-button {
    color: #d0c8c3;
    padding: 0 40px;
    margin-left: 3%;
    border: 1px solid #d0c8c3;
    background: #242f1e;
}

.wpfront-notification-bar div.wpfront-div {
    padding: 15px 0;
}