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

            background-repeat: no-repeat;
            color: #000000;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #cccccc;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://maxiblocks.com/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://maxiblocks.com/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #FFFFFF;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
            @media screen and (max-device-width: 750px) { #wpfront-notification-bar-spacer  { display:none; } }@media screen and (max-width: 750px) { #wpfront-notification-bar-spacer { display:none; } }/* WORKING NOTIFICATION BAR STYLES */ /* Message text styling */ .wpfront-message { font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; font-size: 22px !important; } /* Button styling */ .wpfront-button { padding: 12px 26px 12px 26px !important; text-shadow: none !important; border-radius: 28px !important; margin-left: 10px !important; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; font-size: 20px !important; font-weight: 550 !important; cursor: pointer; text-transform: uppercase; } /* Button hover state */ body #wpfront-notification-bar a.wpfront-button:hover { background-image: none !important; background-color: #fff !important; color: #000 !important; } /* Close button styling */ #wpfront-notification-bar div.wpfront-close { padding: 14px 8px 14px; font-size: 19px; border-radius: 100%; top: 10px; right: 10px; } /* Close button hover state */ #wpfront-notification-bar div.wpfront-close:hover { background: #fff; border-color: #fff; color: #000; } /* Responsive: Medium screens */ @media all and (max-width: 1100px) { .wpfront-message { font-size: 18px !important; } } /* Responsive: Tablet */ @media all and (max-width: 820px) { #wpfront-notification-bar { height: 50px !important; } } /* Responsive: Hide on mobile */ @media all and (max-width: 700px) { #wpfront-notification-bar, #wpfront-notification-bar-spacer { display: none !important; } }