<style>
.optimize-banner-p13n {
background-color: #4C70B8;
font-size: 18px;
font-weight: 500;
line-height: 24px;
padding: 16px 0;
position: relative;
text-align: center;
z-index: 5000000;
}
.optimize-banner-p13n > h1 {
color: #E5E5E5;
font-weight: bold;
font-size: 22px;
margin: 0 0 0 56px;
position: absolute;
}
.optimize-banner-p13n > p {
color: #E8F0FE;
margin: 0 16px;
}
.optimize-banner-p13n > p > a {
color: inherit;
padding: 0 4px;
}
.optimize-banner-p13n > p > button {
background-color: transparent;
border: none;
color: inherit;
cursor: pointer;
float: right;
font-size: 24px;
height: 32px;
width: 32px;
position: absolute;
top: 0;
right: 0;
}
div#__next div > a img {
top: 65px !important;
}
@media (max-width: 1280px) {
.optimize-banner-p13n > h1 {
position: static;
font-size: 18px;
line-height: 28px;
margin: 0 16px;
}
}
@media(max-width:568px) {
.optimize-banner-p13n > p > button {
top: -11px !important;
right: -32px !important;
}
div#__next div > a img {
top: 90px !important;
}
}
@media(min-width:569px) and (max-width: 793px) {
.optimize-banner-p13n > p > button {
top: 0 !important;
right: -32px !important;
}
}
header.optimize-banner-p13n>p>a {
text-decoration-line : underline;
text-decoration-thickness : initial;
text-decoration-style : initial;
text-decoration-color : initial;
}
</style>
<header class="optimize-banner-p13n">
<h1>
</h1>
<p>
It’s Teacher Appreciation Week! Free Wills for educators until 5/12/23.
<a href="#" aria-label="Read more here. about banner personalizations"><i>Redeem here</i></a>
<button aria-label="Close" onclick="this.parentElement.parentElement.style.display='none'">×</button>
</p>
</header>
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
/* Variation functions */
/* Variation Init */
function init() {
document.querySelector('header.optimize-banner-p13n button').addEventListener('mousedown', function () {
setCookie('bannerClose', true, 365);
document.body.classList.remove('eg-top');
});
document.body.classList.add('eg-top');
if (getCookie('bannerClose')) {
document.querySelector('header.optimize-banner-p13n') && document.querySelector('header.optimize-banner-p13n').remove();
document.body.classList.remove('eg-top');
}
}
/* Initialise variation */
waitForElement("header.optimize-banner-p13n button", init, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();