#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #f0ede4;
            background: -moz-linear-gradient(top, #f0ede4 0%, #f0ede4 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ede4), color-stop(100%,#f0ede4));
            background: -webkit-linear-gradient(top, #f0ede4 0%,#f0ede4 100%);
            background: -o-linear-gradient(top, #f0ede4 0%,#f0ede4 100%);
            background: -ms-linear-gradient(top, #f0ede4 0%,#f0ede4 100%);
            background: linear-gradient(to bottom, #f0ede4 0%, #f0ede4 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ede4', endColorstr='#f0ede4',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: #00b7ea;
            background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
            background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',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://verzekerdbijblauw.nl/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://verzekerdbijblauw.nl/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: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* ===== Desktop (jouw huidige stijl) ===== */ #wpfront-notification-bar td:first-child { padding-left: 0 !important; position: relative; left: -105px; /* Speel eventueel nog met deze waarde */ } #wpfront-notification-bar td:last-child { padding-right: 0 !important; position: relative; right: -550px; /* Speel met deze waarde – bijvoorbeeld -70px of -100px */ } #wpfront-notification-bar a.active { color: #e84e0f; /* Oranje */ font-weight: bold; border-bottom: 3px solid #e84e0f; } #wpfront-notification-bar { font-family: 'Poppins', sans-serif !important; font-size: 14px; letter-spacing: 0.3px; } /* ===== Mobiel fixes ===== */ @media (max-width: 768px) { /* reset alle “schuiftrucs” */ #wpfront-notification-bar td:first-child, #wpfront-notification-bar td:last-child { position: static !important; left: auto !important; right: auto !important; transform: none !important; padding-left: 12px !important; padding-right: 12px !important; } /* cellen onder elkaar en centreren */ #wpfront-notification-bar td { display: block !important; width: 100% !important; text-align: center !important; padding-top: 8px !important; padding-bottom: 8px !important; } /* links: marge en afbreken */ #wpfront-notification-bar a { display: inline-block !important; margin: 6px 10px !important; white-space: normal !important; text-decoration: none !important; } /* iets kleinere tekst */ #wpfront-notification-bar { font-size: 13px !important; } /* tabelbreedte fix */ #wpfront-notification-bar table { width: 100% !important; max-width: 100% !important; table-layout: auto !important; } }