.milestone-widget .day,
.milestone-widget .hour,
.milestone-widget .minute,
.milestone-widget .second {
text-align: right;
width: 1.75em;
}
.milestone-widget .year {
text-align: right;
width: 3.25em;
}
.milestone-widget .assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
#page .milestone-header {
color: #4a4a4a;
background: #fff;
border: 3px double #eee;
border-width: 3px 3px 0;
padding: 1.615em 0 0;
}
#page #supplementary .milestone-header {
border-color: #dcdcdc;
}
#page .milestone-countdown {
color: #4a4a4a;
background: #fff;
border: 3px double #eee;
border-width: 0 3px 3px;
}
#page #supplementary .milestone-countdown {
border-color: #dcdcdc;
}
#page .milestone-header .date:before {
content: "— ";
color: #ddd;
}
#page .milestone-header .date:after {
content: " —";
color: #ddd;
}
#page .milestone-countdown {
font-style: italic;
}
#page .milestone-countdown .difference {
color: #ddd;
font-weight: normal;
font-size: 700%;
line-height: 1;
}
.milestone-widget {
margin-bottom: 1em;
}
.milestone-content {
line-height: 2;
margin-top: 5px;
max-width: 17em;
padding: 0;
text-align: center;
}
.milestone-header {
background-color: #444444;
color: #ffffff;
line-height: 1.3;
margin: 0;
padding: .8em;
}
.milestone-header .event,
.milestone-header .date {
display: block;
}
.milestone-header .event {
font-size: 120%;
}
.milestone-countdown .difference {
display: block;
font-size: 500%;
font-weight: bold;
line-height: 1.2;
}
.milestone-countdown,
.milestone-message {
background-color: #ffffff;
border: 1px solid #eeeeee;
border-top: 0;
color: #444444;
padding-bottom: 1em;
}
.milestone-message {
padding-top: 1em
}