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

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

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://mijnconstructeur.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 #F0F3FA;
            background-color: #F0F3FA;
            color: #F0F3FA;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #F0F3FA;
            background-color: #F0F3FA;
            }
             #wpfront-notification-bar-spacer { display:none; }@media screen and (max-device-width:768px) { #wpfront-notification-bar-spacer { display:block; } }/* ===================================================== */ /* MOBILE + TABLET - NOTIFICATION BAR + HEADER FIX */ /* ===================================================== */ @media (max-width: 768px) { /* ============================= */ /* ✅ NOTIFICATION BAR (FIXED) */ /* ============================= */ .cg-topbar-slider { position: fixed; top: 0; left: 0; width: 100%; height: 42px; background: #002266; z-index: 999999; display: block; /* ✅ FIX: geen flex meer */ overflow: hidden; /* ✅ voorkomt glitches */ } /* ============================= */ /* ✅ SLIDES (FIXED) */ /* ============================= */ .cg-slide { opacity: 0; visibility: hidden; width: 100%; height: 42px; display: flex; align-items: center; justify-content: center; color: #F0F3FA; font-size: 14px; font-weight: 600; position: absolute; /* ✅ blijft nodig */ left: 0; top: 0; text-align: center; /* ✅ betere leesbaarheid */ padding: 0 10px; transition: opacity 0.4s ease; } .cg-slide.active { opacity: 1 !important; visibility: visible !important; } /* ============================= */ /* BODY SHIFT FIX */ /* ============================= */ body { padding-top: 42px !important; } /* ============================= */ /* HEADER FIX */ /* ============================= */ .site-header.sticky-header, .site-header.sticky-header.scrolled { top: 42px !important; z-index: 999998; } /* ============================= */ /* ICON SPACING */ /* ============================= */ .cg-icon { margin-right: 6px; display: inline-flex; align-items: center; } /* ============================= */ /* BANNER FIX */ /* ============================= */ .banner { position: relative; z-index: 999997 !important; margin-top: 0; } } /* ============================= */ /* GOOGLE REVIEW (TRUSTINDEX) */ /* ============================= */ .cg-review-inner { display: flex; align-items: center; justify-content: center; width: 100%; } .cg-review { padding: 0 8px; overflow: hidden; } .cg-review iframe { height: 42px !important; max-height: 42px !important; transform: scale(0.85); transform-origin: center; } /* Desktop widget NIET beïnvloeden */ @media (min-width: 1025px) { #ti-widget-mobile { display: none; } } /* ============================= */ /* EXTRA: kleine schermen (telefoon) */ /* ============================= */ @media (max-width: 768px) { .cg-slide { font-size: 13px; padding: 0 12px; } }