/* The live clock. Colours are inherited from the page it sits on, so the
   same shortcode works on a dark night page and a light day page. */

.p1eq-clock{ display:block; text-align:center; font-family:Georgia,'Times New Roman',serif; }

.p1eq-clock-lead{
	display:block; font:700 14px/1.4 Georgia,serif; letter-spacing:.28em;
	text-transform:uppercase; opacity:.72; margin-bottom:6px;
}
.p1eq-clock-time{
	display:block; font-weight:700; line-height:1;
	font-size:58px; letter-spacing:-.01em;
	font-variant-numeric:tabular-nums; font-feature-settings:"tnum";
}
.p1eq-clock-time .s,
.p1eq-clock-time .sec{ font-size:.5em; opacity:.6; }
.p1eq-clock-time .sec{ margin-right:.12em; }
.p1eq-clock-time .m{ font-size:.42em; letter-spacing:.06em; margin-left:.16em; }
.p1eq-clock-line{
	display:block; margin-top:10px; font-size:24px; line-height:1.3;
	font-family:'Segoe Script','Snell Roundhand','Lucida Handwriting','Brush Script MT',cursive;
}

.p1eq-clock-inline{ font-variant-numeric:tabular-nums; font-weight:700; white-space:nowrap; }
.p1eq-clock-inline .m{ font-size:.72em; margin-left:.14em; }

@media (min-width:560px){
	.p1eq-clock-time{ font-size:86px; }
	.p1eq-clock-line{ font-size:32px; }
	.p1eq-clock-lead{ font-size:15px; }
}