.wpznc-clock{
width:100%;box-sizing:border-box;margin:24px auto;padding:54px 16px 48px;
background:#000;border-radius:18px;text-align:center;overflow:hidden;
font-family:"Courier New",monospace;
}
.wpznc-time{
display:flex;justify-content:center;align-items:center;
gap:.06em;white-space:nowrap;color:#08c9ff;
font-size:clamp(54px,10vw,120px);font-weight:700;line-height:1;
letter-spacing:-.055em;
text-shadow:0 0 6px #08c9ff,0 0 16px #08c9ff,0 0 30px rgba(8,201,255,.75);
font-variant-numeric:tabular-nums;
}
.wpznc-colon{font-size:.78em;margin:0 .035em;letter-spacing:0}
.wpznc-date{
margin-top:26px;color:#79dcff;font-size:clamp(18px,3.2vw,32px);
font-weight:700;letter-spacing:.13em;line-height:1.2;
text-shadow:0 0 5px #08c9ff,0 0 12px rgba(8,201,255,.65);
}
@media(max-width:600px){
.wpznc-clock{padding:46px 8px 42px;border-radius:16px}
.wpznc-time{font-size:clamp(50px,15vw,72px);gap:.02em;letter-spacing:-.075em}
.wpznc-colon{margin:0 .015em}
.wpznc-date{margin-top:22px;font-size:clamp(16px,5vw,23px);letter-spacing:.09em}
} @media (min-width: 769px) {
.widget .wpznc-clock,
.widget-area .wpznc-clock,
.sidebar .wpznc-clock,
#right-sidebar .wpznc-clock,
#left-sidebar .wpznc-clock {
padding-left: 6px;
padding-right: 6px;
}
.widget .wpznc-time,
.widget-area .wpznc-time,
.sidebar .wpznc-time,
#right-sidebar .wpznc-time,
#left-sidebar .wpznc-time {
font-size: 42px;
gap: 0;
letter-spacing: -0.075em;
}
.widget .wpznc-colon,
.widget-area .wpznc-colon,
.sidebar .wpznc-colon,
#right-sidebar .wpznc-colon,
#left-sidebar .wpznc-colon {
margin-left: 0;
margin-right: 0;
}
.widget .wpznc-date,
.widget-area .wpznc-date,
.sidebar .wpznc-date,
#right-sidebar .wpznc-date,
#left-sidebar .wpznc-date {
font-size: 14px;
letter-spacing: 0.035em;
white-space: nowrap;
}
} @media (min-width: 769px) and (max-width: 1100px) {
.widget .wpznc-time,
.widget-area .wpznc-time,
.sidebar .wpznc-time,
#right-sidebar .wpznc-time,
#left-sidebar .wpznc-time {
font-size: 38px;
}
.widget .wpznc-date,
.widget-area .wpznc-date,
.sidebar .wpznc-date,
#right-sidebar .wpznc-date,
#left-sidebar .wpznc-date {
font-size: 13px;
letter-spacing: 0.015em;
}
}
.wpznc-color-red .wpznc-time{color:#ff2a2a;text-shadow:0 0 6px #ff2a2a,0 0 16px #ff2a2a,0 0 30px rgba(255,42,42,.75)}
.wpznc-color-red .wpznc-date{color:#ff7777;text-shadow:0 0 5px #ff2a2a,0 0 12px rgba(255,42,42,.65)}
.wpznc-color-yellow .wpznc-time{color:#ffe600;text-shadow:0 0 6px #ffe600,0 0 16px #ffe600,0 0 30px rgba(255,230,0,.75)}
.wpznc-color-yellow .wpznc-date{color:#fff27a;text-shadow:0 0 5px #ffe600,0 0 12px rgba(255,230,0,.65)}
.wpznc-color-green .wpznc-time{color:#20ff68;text-shadow:0 0 6px #20ff68,0 0 16px #20ff68,0 0 30px rgba(32,255,104,.75)}
.wpznc-color-green .wpznc-date{color:#83ffa9;text-shadow:0 0 5px #20ff68,0 0 12px rgba(32,255,104,.65)} .wpznc-date{margin-top:11px!important}
@media(max-width:600px){.wpznc-date{margin-top:10px!important}} .wpznc-clock{
border:2px solid #08c9ff;
box-shadow:0 0 7px rgba(8,201,255,.42), inset 0 0 5px rgba(8,201,255,.16);
}
.wpznc-clock.wpznc-color-red{
border-color:#ff2a2a;
box-shadow:0 0 7px rgba(255,42,42,.42), inset 0 0 5px rgba(255,42,42,.16);
}
.wpznc-clock.wpznc-color-yellow{
border-color:#ffe600;
box-shadow:0 0 7px rgba(255,230,0,.42), inset 0 0 5px rgba(255,230,0,.16);
}
.wpznc-clock.wpznc-color-green{
border-color:#20ff68;
box-shadow:0 0 7px rgba(32,255,104,.42), inset 0 0 5px rgba(32,255,104,.16);
}