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

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://jennembroidery.com/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; }#wpfront-notification-bar, #wpfront-notification-bar div, #wpfront-notification-bar a, #wpfront-notification-bar table, #wpfront-notification-bar td { font-family: 'Montserrat', sans-serif !important; } #wpfront-notification-bar a.bar-custom-link, #wpfront-notification-bar a.bar-custom-link:visited, #wpfront-notification-bar a.bar-custom-link:hover, #wpfront-notification-bar a.bar-custom-link:active { color: #ffffff !important; text-decoration: none !important; font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; } #wpfront-notification-bar, #wpfront-notification-bar div, #wpfront-notification-bar a, #wpfront-notification-bar table, #wpfront-notification-bar td { font-family: 'Montserrat', sans-serif !important; font-size: 15px; font-weight: 500; } /* Стил за мобилни устройства (14px) */ @media only screen and (max-width: 768px) { #wpfront-notification-bar, #wpfront-notification-bar * { font-size: 12px !important; } } @media only screen and (max-width: 768px) { /* Намаляване на шрифта за мобилни */ #wpfront-notification-bar, #wpfront-notification-bar * { font-size: 11px !important; } /* Увеличаване на височината на самия бар */ #wpfront-notification-bar { padding-top: 25px !important; /* Увеличи/намали пикселите според предпочитанията */ padding-bottom: 25px !important; /* Увеличи/намали пикселите според предпочитанията */ text-align: center !important; display: flex !important; align-items: center !important; /* Вертикално центриране (горе/долу) */ justify-content: center !important;/* Хоризонтално центриране (ляво/дясно) */ } } @media only screen and (max-width: 768px) { /* 1. Превръщаме основния контейнер във flexbox с центриране */ #wpfront-notification-bar { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; padding-top: 20px !important; /* Височина отгоре */ padding-bottom: 25px !important; /* Височина отдолу */ } /* 2. Нулираме таблиците на плъгина, за да не избутват текста */ #wpfront-notification-bar table, #wpfront-notification-bar tbody, #wpfront-notification-bar tr, #wpfront-notification-bar td { display: block !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; padding: 0 !important; float: none !important; } /* 3. Центрираме самия текст и връзката (link/span/div) */ #wpfront-notification-bar div, #wpfront-notification-bar a, #wpfront-notification-bar span { display: inline-block !important; width: 100% !important; text-align: center !important; font-size: 12px !important; line-height: 1.3 !important; margin: 0 auto !important; } } @media only screen and (max-width: 768px) { #wpfront-notification-bar .wpfront-message a.bar-custom-link span { display: inline !important; width: auto !important; margin: 0 !important; } } @media only screen and (max-width: 768px) { #wpfront-notification-bar a.bar-custom-link, #wpfront-notification-bar a.bar-custom-link span { font-size: 12.6px !important; } }