#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #17a2b8;
            background: -moz-linear-gradient(top, #17a2b8 0%, #20c997 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17a2b8), color-stop(100%,#20c997));
            background: -webkit-linear-gradient(top, #17a2b8 0%,#20c997 100%);
            background: -o-linear-gradient(top, #17a2b8 0%,#20c997 100%);
            background: -ms-linear-gradient(top, #17a2b8 0%,#20c997 100%);
            background: linear-gradient(to bottom, #17a2b8 0%, #20c997 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8', endColorstr='#20c997',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor li, #wpfront-notification-bar-editor p            {
            color: #ffffff;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #6f42c1;
            background: -moz-linear-gradient(top, #6f42c1 0%, #7c4dff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f42c1), color-stop(100%,#7c4dff));
            background: -webkit-linear-gradient(top, #6f42c1 0%,#7c4dff 100%);
            background: -o-linear-gradient(top, #6f42c1 0%,#7c4dff 100%);
            background: -ms-linear-gradient(top, #6f42c1 0%,#7c4dff 100%);
            background: linear-gradient(to bottom, #6f42c1 0%, #7c4dff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f42c1', endColorstr='#7c4dff',GradientType=0 );

            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #6f42c1;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://divi-den.com/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://divi-den.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 #6f42c1;
            background-color: #6f42c1;
            color: #ffffff;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #6f42c1;
            background-color: #6f42c1;
            }
             #wpfront-notification-bar-spacer { display:block; }.wpfront-message {font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; font-size: 24px !important;} .wpfront-button { padding: 12px 25px 10px 25px!important; text-shadow: none !important; border-radius: 6px !important; margin-left: 10px !important; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; font-size: 18px !important; font-weight: 450 !important; cursor: pointer; text-transform: uppercase;} body #wpfront-notification-bar a.wpfront-button:hover { background-image: none !important; background-color: #fff !important; color: #000!important;} #wpfront-notification-bar div.wpfront-close { padding: 14px 8px 14px; font-size: 19px; border-radius: 100%; top: 10px; right: 10px; } #wpfront-notification-bar div.wpfront-close:hover { background: #fff; border-color: #fff; color: #000; } /*Sticky bar*/ @media all and (max-width: 1100px) { .wpfront-message { font-size: 18px !important; } } @media all and (max-width: 820px){ #wpfront-notification-bar {height: 50px !important} } @media all and (max-width: 800px) { #wpfront-notification-bar, #wpfront-notification-bar-spacer { display: none !important; } }