/* Small fixes and replacement interactions; the original layout lives in ian.css. */
html { scroll-padding-top: 72px; }
.contact-form-preview { color:#6c757d; font-size:11pt; text-align:left; }
.contact-form-preview fieldset { border:0; padding:0; margin:0; min-width:0; opacity:.6; }
.contact-form-row { display:flex; align-items:baseline; gap:2%; margin-bottom:1.5rem; }
.contact-form-row label { width:30%; flex-shrink:0; }
.contact-form-row input { width:68%; min-width:0; }
.contact-form-preview textarea { width:100%; display:block; }
.contact-form-preview input:not([type="submit"]), .contact-form-preview textarea { background:#f1f1f1; border:1px solid #aaa; color:#777; }
.contact-form-preview :disabled { cursor:default; }
.contact-form-actions { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:1.5rem; }
.contact-form-actions input[type="submit"] { opacity:.6; border:1px solid #aaa; border-radius:3px; }
.contact-form-actions span { flex:1; min-width:170px; line-height:1.6; text-align:left; }
.sl-nav li:focus-within ul {
  position:absolute; top:29px; right:-15px; display:block; background:#f8f9fa;
  width:140px; padding-top:0; z-index:1; border-radius:5px;
  box-shadow:0 0 20px rgba(0,0,0,.2);
}
.mobile-contents-div li:focus-within > ul.contents-dropdown { display:block; }
.time-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); margin:0 -15px; font-size:11pt; color:#6c757d; }
.time-grid[hidden] { display:none; }
.time-card { min-width:0; padding:5px 10px 15px 15px; }
.time-card.hours { padding-bottom:10px; }
.time-card > p { font-size:1rem; text-align:left; }
.time-card .bg-light { padding:15px 0 15px 20px; overflow-wrap:anywhere; }
.time-card .time-clock { text-align:left; margin-bottom:.5rem; font-size:2.5rem; }
.time-card h4 { text-align:left; }
.time-card .zone-offset { font-size:10.5pt; }
.time-card .zone-name { margin-bottom:0; text-align:left; }
.time-owner { color:#3498db; }
.time-visitor { color:#48c9b0; }
@media (max-width:767px) {
  .time-grid { grid-template-columns:1fr; }
}
@media (max-width:575px) {
  div.mobile-contents-div .contents-link-mobile,
  div.mobile-contents-div ul li ul.contents-dropdown { width:min(300px, calc(100vw - 48px)); }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
