Your Brain Is Spiraling. Try This 5-Minute Reset Before You React.
August 12, 2026
No Comments
Read More »
#lusAnnounceBarWrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999999;
}
.lus-announce-bar {
background: linear-gradient(90deg, #3343f8 0%, #1c266b 100%);
padding: 10px 50px 10px 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
position: relative;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
.lus-announce-bar::before {
content: '';
position: absolute;
top: 0; left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
animation: lusShimmer 3s ease infinite;
pointer-events: none;
}
@keyframes lusShimmer {
from { left: -60%; }
to { left: 110%; }
}
.lus-announce-badge {
background: #e02020;
color: #fff;
font-family: 'Barlow Condensed', 'Arial Black', sans-serif;
font-weight: 800;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 3px;
flex-shrink: 0;
}
.lus-announce-text {
font-family: 'Barlow Condensed', 'Arial Black', sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.lus-announce-text .lus-highlight { color: #a8b8ff; }
.lus-announce-divider {
color: rgba(255,255,255,0.3);
font-size: 12px;
}
.lus-announce-cta {
background: #fff;
color: #0e1422 !important;
font-family: 'Barlow Condensed', 'Arial Black', sans-serif;
font-weight: 800;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 16px;
border-radius: 100px;
text-decoration: none !important;
display: inline-flex;
align-items: center;
gap: 6px;
transition: transform 0.15s, box-shadow 0.15s;
flex-shrink: 0;
white-space: nowrap;
}
.lus-announce-cta:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.lus-announce-close {
position: absolute;
right: 14px; top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: rgba(255,255,255,0.5);
font-size: 16px;
cursor: pointer;
padding: 4px 8px;
line-height: 1;
transition: color 0.15s;
}
.lus-announce-close:hover { color: #fff; }
/* Bar hidden state */
#lusAnnounceBarWrap.lus-wrap-hidden {
display: none !important;
}
/* Body padding when bar is visible */
body:not(.lus-bar-hidden) {
padding-top: 42px !important;
}
body.lus-bar-hidden {
padding-top: 0 !important;
}
@media (max-width: 768px) {
.lus-announce-divider { display: none; }
.lus-announce-text { font-size: 12px; }
.lus-announce-bar { gap: 8px; }
body:not(.lus-bar-hidden) { padding-top: 60px !important; }
}
function lusCloseBar() {
// 1. Hide the announcement bar wrap
var wrap = document.getElementById('lusAnnounceBarWrap');
if (wrap) wrap.classList.add('lus-wrap-hidden');
// 2. Remove body padding
document.body.classList.add('lus-bar-hidden');
// 3. Shrink the nav — targets your Elementor header by ID
var header = document.getElementById('elementor-36');
if (header) {
header.style.transition = 'padding-top 0.3s ease, margin-top 0.3s ease';
header.style.paddingTop = '0';
header.style.marginTop = '0';
}
// 4. Also reset the fixed header top position
var headerWrap = document.querySelector('.elementor-location-header');
if (headerWrap) {
headerWrap.style.transition = 'top 0.3s ease';
headerWrap.style.top = '0';
}
}
