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

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

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://students.ubc.ca/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 #333333;
            background-color: #333333;
            color: #333333;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #333333;
            background-color: #333333;
            }
             #wpfront-notification-bar-spacer { display:block; }.wpfront-notification-bar-spacer { background-color: #fff; margin: 0; } .wpfront-notification-bar.wpfront-fixed { width: auto; } .wpfront-notification-bar { padding: 0.75rem 2rem; border: 2px solid #0aabe1; border-left-width: 24px; border-right-width: 24px; border-radius: 8px; background-color: #f8feff; color: #333333; text-align: center; } div.wpfront-message p { position: relative; margin: 4px 0; padding-left: 48px; text-align: left; } .wpfront-notification-bar div.wpfront-div p::before { content: url('/wp-content/themes/wp-hybrid-clf-2023/images/general-alert.svg'); width: 32px; height: 32px; margin-right: 16px; position: absolute; left: 0; top: -4px; } .wpfront-notification-bar div.wpfront-div { padding: 0; } @media only screen and (max-width: 980px) { .wpfront-notification-bar div.wpfront-div p::before { top: 0; } } @media only screen and (max-width: 576px) { .wpfront-notification-bar { padding: 0.75rem 1.5rem; } }