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

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

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://canoeracing.org.nz/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; }/* 1. IMPORT MONTSERRAT FROM GOOGLE */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap'); /* ========================= GLOBAL BANNER STYLES ========================= */ .nb-cta-montserrat { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; z-index: 99999; /* Higher z-index to stay on top */ overflow: visible !important; /* Force Montserrat globally on the banner */ font-family: 'Montserrat', sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Force font on all nested elements */ .nb-cta-montserrat *, .nb-cta-montserrat .nb-message-text, .nb-cta-montserrat a, .nb-cta-montserrat button { font-family: 'Montserrat', sans-serif !important; } /* ========================= MOBILE (CRITICAL FIX) ========================= */ @media (max-width: 768px) { .nb-cta-montserrat { height: auto !important; min-height: unset !important; padding: 12px 14px 16px !important; text-align: center; display: block !important; /* Stack elements on mobile */ } .nb-cta-montserrat .nb-message-text { font-weight: 700 !important; /* Unified Weight */ font-size: 15px !important; line-height: 1.4; margin-bottom: 12px !important; padding-right: 30px; display: block; } .nb-cta-montserrat a, .nb-cta-montserrat button { display: inline-block !important; font-size: 14px !important; font-weight: 700 !important; /* Unified Weight */ padding: 8px 18px !important; margin: 0 auto !important; text-decoration: none; border-radius: 4px; } } /* ========================= DESKTOP (CLEAN & SPACED) ========================= */ @media (min-width: 769px) { .nb-cta-montserrat { display: flex !important; align-items: center; justify-content: center; gap: 20px; padding: 12px 60px 12px 20px !important; } .nb-cta-montserrat .nb-message-text { font-size: 18px !important; font-weight: 700 !important; /* Match the button */ white-space: nowrap; margin: 0 !important; } .nb-cta-montserrat a, .nb-cta-montserrat button { font-weight: 700 !important; font-size: 16px !important; padding: 10px 20px !important; text-decoration: none; margin-left: 10px !important; } }