@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap’);
/* ── HIDE SITE CHROME ── */
.header_wrap_7bd9941a1acdf1cee217f544bccc3fa7,
.page-footer,
.page-header,
header, footer,
[class*=”site-header”],
[class*=”site-footer”],
[class*=”page-footer”],
[class*=”nav-bar”],
[class*=”header-wrap”],
[class*=”page-title”],
h1.page-title, .entry-title,
.page-content-contain > *:not(#cando-cs-overlay):not(:has(#cando-cs-overlay)) {
display: none !important;
}
/* Kill body scroll and padding */
body, html {
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
background: #0a0a0a !important;
}
/* Strip any wrapper backgrounds */
.page-main, .page-content-contain, main, [class*=”content-wrap”], [class*=”page-wrap”] {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
width: 100% !important;
}
/* ── FULL-SCREEN OVERLAY ── */
#cando-cs-overlay {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px 24px;
overflow: hidden;
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif;
background: #0a0a0a;
color: #f5f5f5;
}
#cando-cs-overlay .orb1 {
position: absolute;
width: 700px; height: 700px;
background: radial-gradient(circle, rgba(57,255,20,0.2) 0%, transparent 65%);
top: -220px; left: -220px;
animation: cOrb 9s ease-in-out infinite alternate;
pointer-events: none;
}
#cando-cs-overlay .orb2 {
position: absolute;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(57,255,20,0.09) 0%, transparent 65%);
bottom: -150px; right: -120px;
animation: cOrb 12s ease-in-out infinite alternate-reverse;
pointer-events: none;
}
@keyframes cOrb {
from { transform: translate(0,0) scale(1); }
to { transform: translate(50px,35px) scale(1.12); }
}
#cando-cs-overlay .scanlines {
position: absolute; inset: 0;
background: repeating-linear-gradient(
0deg, transparent, transparent 3px,
rgba(0,0,0,0.06) 3px, rgba(0,0,0,0.06) 4px
);
pointer-events: none;
}
#cando-cs-overlay .cs-inner {
position: relative; z-index: 2;
max-width: 760px; width: 100%;
}
#cando-cs-overlay .cs-logo-img {
display: block;
margin: 0 auto 24px;
height: 56px;
width: auto;
object-fit: contain;
animation: cFadeUp 0.7s ease both;
}
#cando-cs-overlay .cs-divider {
width: 1px; height: 28px;
background: linear-gradient(to bottom, rgba(57,255,20,0.5), transparent);
margin: 0 auto 24px;
animation: cFadeUp 0.7s 0.05s ease both;
}
#cando-cs-overlay .cs-badge {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid rgba(57,255,20,0.35);
background: rgba(57,255,20,0.07);
border-radius: 100px;
padding: 5px 16px;
font-size: 0.7em; font-weight: 700;
letter-spacing: 2.5px; text-transform: uppercase;
color: #39ff14;
margin-bottom: 28px;
animation: cFadeUp 0.7s 0.1s ease both;
}
#cando-cs-overlay .cs-badge-dot {
width: 7px; height: 7px;
background: #39ff14; border-radius: 50%;
box-shadow: 0 0 8px #39ff14;
animation: cPulse 1.6s ease-in-out infinite;
}
@keyframes cPulse {
0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 8px #39ff14; }
50% { opacity:0.4; transform:scale(0.7); box-shadow:0 0 2px #39ff14; }
}
#cando-cs-overlay .cs-h1 {
font-size: clamp(2.8em, 8vw, 5.5em);
font-weight: 900; line-height: 1.02;
letter-spacing: -2.5px; color: #fff;
margin-bottom: 18px;
animation: cFadeUp 0.7s 0.18s ease both;
}
#cando-cs-overlay .cs-h1 .green {
color: #39ff14;
text-shadow: 0 0 40px rgba(57,255,20,0.4);
}
#cando-cs-overlay .cs-sub {
font-size: 1.05em; color: rgba(245,245,245,0.45);
line-height: 1.7; max-width: 480px;
margin: 0 auto 48px; font-weight: 400;
animation: cFadeUp 0.7s 0.26s ease both;
}
#cando-cs-overlay .cs-clock {
display: flex; gap: 12px;
justify-content: center; flex-wrap: wrap;
margin-bottom: 48px;
animation: cFadeUp 0.7s 0.34s ease both;
}
#cando-cs-overlay .cs-unit {
display: flex; flex-direction: column; align-items: center; gap: 10px;
}
#cando-cs-overlay .cs-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(57,255,20,0.2);
border-radius: 16px;
width: 108px; height: 108px;
display: flex; align-items: center; justify-content: center;
position: relative; overflow: hidden;
transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
#cando-cs-overlay .cs-card::before {
content: ”;
position: absolute; top: 0; left: 0; right: 0; height: 1px;
background: linear-gradient(90deg, transparent, rgba(57,255,20,0.5), transparent);
}
#cando-cs-overlay .cs-card:hover {
border-color: rgba(57,255,20,0.55);
box-shadow: 0 0 24px rgba(57,255,20,0.15);
transform: translateY(-3px);
}
#cando-cs-overlay .cs-num {
font-size: 2.6em; font-weight: 800; color: #fff;
letter-spacing: -1px; font-variant-numeric: tabular-nums; line-height: 1;
}
#cando-cs-overlay .cs-lbl {
font-size: 0.6em; font-weight: 700;
letter-spacing: 2.5px; text-transform: uppercase;
color: rgba(245,245,245,0.3);
}
#cando-cs-overlay .cs-sep {
font-size: 2em; font-weight: 300;
color: rgba(57,255,20,0.3);
align-self: flex-start; margin-top: 26px; line-height: 1;
}
#cando-cs-overlay .cs-btns {
display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
animation: cFadeUp 0.7s 0.42s ease both;
}
#cando-cs-overlay .cs-btn-green {
display: inline-flex; align-items: center; gap: 9px;
background: #39ff14; border: none; border-radius: 100px;
padding: 14px 30px; color: #0a0a0a;
font-size: 0.9em; font-weight: 800;
text-decoration: none;
box-shadow: 0 0 28px rgba(57,255,20,0.4), 0 4px 16px rgba(0,0,0,0.4);
transition: transform 0.2s, box-shadow 0.2s;
font-family: ‘Inter’, sans-serif;
}
#cando-cs-overlay .cs-btn-green:hover {
transform: translateY(-2px);
box-shadow: 0 0 50px rgba(57,255,20,0.65), 0 8px 24px rgba(0,0,0,0.4);
}
#cando-cs-overlay .cs-btn-ghost {
display: inline-flex; align-items: center; gap: 9px;
background: transparent;
border: 1px solid rgba(245,245,245,0.15);
border-radius: 100px; padding: 14px 30px;
color: rgba(245,245,245,0.6);
font-size: 0.9em; font-weight: 500;
text-decoration: none;
transition: border-color 0.2s, color 0.2s, transform 0.2s;
font-family: ‘Inter’, sans-serif;
}
#cando-cs-overlay .cs-btn-ghost:hover {
border-color: rgba(245,245,245,0.4); color: #fff; transform: translateY(-2px);
}
#cando-cs-overlay .cs-expired {
display: none; font-size: 1.3em;
color: #39ff14; font-weight: 700;
text-shadow: 0 0 30px rgba(57,255,20,0.5);
margin-bottom: 40px;
}
@keyframes cFadeUp {
from { opacity:0; transform:translateY(22px); }
to { opacity:1; transform:translateY(0); }
}
@media (max-width: 540px) {
#cando-cs-overlay .cs-card { width: 74px; height: 74px; border-radius: 12px; }
#cando-cs-overlay .cs-num { font-size: 1.85em; }
#cando-cs-overlay .cs-sep { margin-top: 18px; font-size: 1.5em; }
#cando-cs-overlay .cs-clock { gap: 7px; }
#cando-cs-overlay .cs-h1 { letter-spacing: -1px; }
#cando-cs-overlay .cs-logo-img { height: 40px; }
}
New Website Coming Soon
Something big
is launching.
We’re rebuilding CANDOFM from the ground up —
a brand-new experience for Barrow-in-Furness and beyond.
We are LIVE — welcome to the new CANDOFM!
(function(){
function hideChrome() {
var selectors = [‘header’,’footer’,’nav[class*=”nav”]’,'[class*=”header_wrap”]’,'[class*=”page-footer”]’,'[class*=”page-title”] h1′,’.entry-title’];
selectors.forEach(function(s){
document.querySelectorAll(s).forEach(function(el){
if(!el.contains(document.getElementById(‘cando-cs-overlay’))) el.style.display=’none’;
});
});
}
hideChrome();
setTimeout(hideChrome, 500);
setTimeout(hideChrome, 1500);
var t = new Date(“2026-07-15T00:00:00”).getTime();
function p(n){ return n<10?"0"+n:""+n; }
function tick(){
var d = t – Date.now();
if(d<=0){
document.getElementById("csClock").style.display="none";
document.getElementById("csExp").style.display="block";
return;
}
document.getElementById("csD").textContent=p(Math.floor(d/86400000));
document.getElementById("csH").textContent=p(Math.floor((d%86400000)/3600000));
document.getElementById("csM").textContent=p(Math.floor((d%3600000)/60000));
document.getElementById("csS").textContent=p(Math.floor((d%60000)/1000));
}
tick(); setInterval(tick,1000);
})();
