#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #888888;
            background: -moz-linear-gradient(top, #888888 0%, #000000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#000000));
            background: -webkit-linear-gradient(top, #888888 0%,#000000 100%);
            background: -o-linear-gradient(top, #888888 0%,#000000 100%);
            background: -ms-linear-gradient(top, #888888 0%,#000000 100%);
            background: linear-gradient(to bottom, #888888 0%, #000000 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', 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: #FFFFFF;
            background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF));
            background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%);
            background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%);
            background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%);
            background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );

            background-repeat: no-repeat;
            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(/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 #FFFFFF;
            background-color: #FFFFFF;
            color: #FFFFFF;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #FFFFFF;
            background-color: #FFFFFF;
            }
             #wpfront-notification-bar-spacer { display:block; }/* Bar */ #wpfront-notification-bar { height: 40px !important; margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 14px !important; color: rgba(255,255,255,.8) !important; background: radial-gradient(ellipse 45% 160% at 50% 50%, rgba(14,122,181,.38) 0%, rgba(14,122,181,0) 100%), #0c1013 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; box-shadow: none !important; z-index: 100000 !important; } /* Keep the spacer in the page but give it no height, so it doesn't push the content down */ #wpfront-notification-bar-spacer { display: block !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* Message */ #wpfront-notification-bar div.wpfront-message { color: rgba(255,255,255,.8) !important; font-size: 14px !important; font-weight: 400 !important; text-shadow: none !important; } /* "New" pill before the message */ #wpfront-notification-bar div.wpfront-message::before { content: "NEW"; display: inline-block; margin-right: 10px; padding: 2px 8px; font-size: 10px; font-weight: 700; letter-spacing: .8px; line-height: 1.4; color: #7fd0f5; border: 1px solid rgba(79,179,232,.55); border-radius: 20px; vertical-align: middle; } /* Explore link - white */ #wpfront-notification-bar a.wpfront-button { margin-left: 12px !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; text-shadow: none !important; text-decoration: underline !important; text-underline-offset: 3px !important; } #wpfront-notification-bar a.wpfront-button:hover { color: #7fd0f5 !important; } /* No close button */ #wpfront-notification-bar div.wpfront-close, #wpfront-notification-bar-open-button { display: none !important; } /* Push the fixed nav down while the bar is showing */ body:has(#wpfront-notification-bar) .elementor-element-b3e3285 { transform: translateY(40px) !important; } /* Mobile */ @media (max-width: 767px) { #wpfront-notification-bar { height: 36px !important; } #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar a.wpfront-button { font-size: 12px !important; } body:has(#wpfront-notification-bar) .elementor-element-b3e3285 { transform: translateY(36px) !important; } }