#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #FFE05C;
            background: -moz-linear-gradient(top, #FFE05C 0%, #FFE05C 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE05C), color-stop(100%,#FFE05C));
            background: -webkit-linear-gradient(top, #FFE05C 0%,#FFE05C 100%);
            background: -o-linear-gradient(top, #FFE05C 0%,#FFE05C 100%);
            background: -ms-linear-gradient(top, #FFE05C 0%,#FFE05C 100%);
            background: linear-gradient(to bottom, #FFE05C 0%, #FFE05C 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE05C', endColorstr='#FFE05C',GradientType=0 );
            background-repeat: no-repeat;
                            flex-direction: column;
                            }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #000000;
                            width: 100%
                            }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #3B205E;
            background: -moz-linear-gradient(top, #3B205E 0%, #3B205E 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B205E), color-stop(100%,#3B205E));
            background: -webkit-linear-gradient(top, #3B205E 0%,#3B205E 100%);
            background: -o-linear-gradient(top, #3B205E 0%,#3B205E 100%);
            background: -ms-linear-gradient(top, #3B205E 0%,#3B205E 100%);
            background: linear-gradient(to bottom, #3B205E 0%, #3B205E 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B205E', endColorstr='#3B205E',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(https://schoolsforadvancedstudies.org/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://schoolsforadvancedstudies.org/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                            width: 100%
                            }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }.wpfront-notification-bar-spacer { z-index: 10000 !important; } #wpfront-notification-bar div.wpfront-message { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px 0px 10px; } #wpfront-notification-bar div.wpfront-message h3 { margin: 0px 20px 0px 0px; font-family: "figtree" !important; font-weight: 600; font-size: 18px; letter-spacing: 1.2px; } #wpfront-notification-bar div.wpfront-message a { padding: 10px 30px 9px 30px; border: 2px #3B205E solid; font-weight: 600; border-radius: 30px; } #wpfront-notification-bar div.wpfront-message a:hover { background: transparent; color: #3B205E; } #wpfront-notification-bar div.wpfront-close { border: none; background-color: unset; } .wpfront-notification-bar div.wpfront-close { font-size: 20px; top: 15px; right: 15px; } .wpfront-notification-bar a.wpfront-button { font-family: "figtree" !important; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin-left: 25px; box-shadow: none; text-shadow: none; } .wpfront-notification-bar div.wpfront-div { padding: 0px; } @media (max-width: 768px) { #wpfront-notification-bar div.wpfront-message { padding: 20px 10px 0px; flex-direction: column; } .wpfront-message h3 { font-size: 20px; margin: 0; line-height: 24px; } .wpfront-notification-bar a.wpfront-button { font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-top: 10px; } }