Explore Your Options, at No Cost
Complimentary Invisalign consultation.
$0 Consultation
By proceeding you're accepting our Terms & Conditions.
<span id="ase-transparent-header" style="display:none;"></span>
document.addEventListener('DOMContentLoaded', function() {
// This function only works for viewports greater than 500px
if (window.innerWidth > 500) {
var checkValue = document.getElementById('ase-transparent-header')?.textContent.trim();
document.querySelectorAll('.brxe-aqdpsn, .dropdown-text, .brx-submenu-toggle a').forEach(function(el) {
if (checkValue === 'True') {
el.style.color = '#fff'; // white text
} else {
el.style.color = '#000'; // black text
}
});
document.querySelectorAll('#brx-header').forEach(function(el) {
if (checkValue === 'True') {
el.style.background = 'linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.39) 47%, rgba(255, 255, 255, 0) 100%)';
el.style.backdropFilter = 'blur(20px)';
el.style.opacity = '1';
} else {
el.style.background = '#F3F7F6';
el.style.backdropFilter = 'none';
el.style.opacity = '1';
}
});
} else {
// For viewports 500px or less, set background to F3F7F6
document.querySelectorAll('#brx-header').forEach(function(el) {
el.style.background = '#F3F7F6';
el.style.backdropFilter = 'none';
el.style.opacity = '1';
});
}
});
