/* TMC & RCH - local date and time in the top bar (beside "Select Language").
   Switched on / off and set up in Admin > Site Settings > Top bar. */
.sx-top .sx-clock{display:inline-flex;align-items:center;gap:6px;margin-right:6px;padding:3px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#e8f1f7;font-size:13px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:default;opacity:0;transition:opacity .25s}
.sx-top .sx-clock.ready{opacity:1}
.sx-top .sx-clock>span{display:inline-flex;align-items:center}
.sx-top .sx-clock i{margin-right:6px;color:var(--gold)}
.sx-top .sx-clock .sx-clock-date+.sx-clock-time{padding-left:8px;border-left:1px solid rgba(255,255,255,.25)}
/* Order from the right: Login, Language, Time, Date, social icons. */
.sx-top .sx-soc .sx-clock{margin:0 0 0 6px}
.sx-top .sx-soc .sx-lang{margin-right:0}
.sx-top .sx-soc .sx-login{margin-right:0}
@media (max-width:767px){
  .sx-top .sx-clock{order:-1;width:100%;justify-content:center;margin:2px 0 0;border:0;background:none;padding:2px 0}
  .sx-top .sx-soc{justify-content:center}
}
@media print{.sx-top .sx-clock{display:none}}