/* override mde styles */
 /* ... fullscreen & split views were under sticky header */
.editor-toolbar.fullscreen, .editor-preview-side, .CodeMirror-fullscreen { z-index: 1021 !important; }

/* override bootstrap styles */
/* ... selects on navbar would be ugly white */
select.form-select, div.form-floating label::after { background-color: hsla(0, 0%, 100%, 0.2) !important }

#pickMap { height: 60vh; }

.datepicker-narrow {
  min-width: 12ch;
  max-width: 12ch;
  flex: 0 0 auto;
}

.choices__list--dropdown {
  z-index: 1060 !important; /* Must be above modal's 1055 */
}

.unpadded {
  padding: 0.25ch !important;
}

.input-group .form-control {
  border-color: var(--bs-primary);
  box-shadow: none;
}
.input-group .form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.ydd-daycard {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.ydd-day-intervals::before { content: "["; }
.ydd-day-intervals::after { content: "]"; }
.ydd-day-intervals { font-style: italic; font-size: smaller; }

div.ydd-day-entry P { margin: 0em; margin-bottom: 0.5em; } 
div.ydd-day-entry h2, span.cm-header-2 { font-size: 1.3em !important; }
div.ydd-day-entry h3, span.cm-header-3 { font-size: 1.1em !important; font-style: italic; }
div.ydd-day-entry h4, span.cm-header-4 { font-size: 1.05em !important; font-style: italic; }
div.ydd-day-entry blockquote {
  margin: 1rem;
  font-style: italic;
  font-weight: lighter;
}

div.redacted { background-color: var(--bs-body-color) !important; }

a.ydd-day-date-my, a.ydd-day-date-ymd, a.ydd-photo {
  cursor: pointer;
  color: blue;
  text-decoration: none;
}

.match { background-color: yellow; }

.numeric { font-variant-numeric: tabular-nums; }

/* a zillion entry classes */

/* user */
div.ydd-day-entry.dunno { background-color: hsl(0, 20%, 90%) }
div.ydd-day-entry.adam   { background-color: hsl(60, 50%, 90%) }
div.ydd-day-entry.amanda   { background-color: hsl(270, 50%, 90%) }
div.ydd-day-entry.bob   { background-color: hsl(120, 50%, 90%) }
div.ydd-day-entry.other { background-color: hsl(175, 30%, 90%); font-style: italic }
div.ydd-day-entry.mum { background-color: hsl(10, 10%, 60%) }
div.ydd-day-entry.mum::before { content: "Mum" }
div.ydd-day-entry.grandad { background-color: hsl(100, 10%, 60%) }
div.ydd-day-entry.grandad::before { content: "Grandad" }

div.ydd-day-entry[data-ydd-private]:not([data-ydd-private="false"]) {
  border-left: 5px solid rgba(0, 0, 0, 0.8);
}

/* class */
div.ydd-day-entry::before { font-size: 1.1em; font-weight: bolder; font-style: italic; }

div.ydd-day-entry.visa { font-family: "Times New Roman", Times, serif; font-size: smaller; }
div.ydd-day-entry.visa::before { content: "VISA" }

div.ydd-day-entry.TFTD { border-left: 5px solid yellow; }

div.ydd-day-entry.email { white-space: pre-wrap; font-family: courier, monospace; font-size: smaller; }
div.ydd-day-entry.email::before { content: "Email"; }

div.ydd-day-entry.facebook { font-family: Arial, Helvetica, sans-serif; color: blue; }
div.ydd-day-entry.facebook::before { content: "Facebook"; }

div.ydd-day-entry.birthday { font-style: italic; font-size: smaller; }
div.ydd-day-entry.birthday::before { content: "Birthday" }

div.ydd-day-entry.appt { font-style: italic; font-size: smaller; }
div.ydd-day-entry.appt::before { content: "Appt" }

div.ydd-day-entry.event { font-style: italic; font-size: smaller; }
div.ydd-day-entry.event::before { content: "Event" }

div.ydd-day-entry.note { font-style: italic; font-size: smaller; }
div.ydd-day-entry.note::before { content: "Note" }

div.ydd-day-entry.world { font-style: italic; font-size: smaller; }
div.ydd-day-entry.world::before { content: "World" }

div.ydd-day-entry.todo { font-style: italic; font-size: smaller; }
div.ydd-day-entry.todo::before { content: "Todo" }

div.ydd-day-entry.stats { font-style: italic; font-size: smaller; text-align: right; }
div.ydd-day-entry.stats::before { content: "Stats" }

.hide { display: none; }

div.ydd-day-entry.postcard { font-style: italic; font-size: smaller; }
div.ydd-day-entry.postcard::before { content: "Postcard" }

div.ydd-day-entry.tickets { font-style: italic; font-size: smaller; }
div.ydd-day-entry.tickets::before { content: "Tickets" }

div.ydd-day-entry.gpstrack { font-style: italic; font-size: smaller; }
div.ydd-day-entry.gpstrack::before { content: "GPS Track" }

div.ydd-day-entry.reminiscence { font-style: inherit; font-size: inherit; }
div.ydd-day-entry.reminiscence::before { content: "Reminiscence" }

div.ydd-day-entry.food TABLE TBODY TR TD { vertical-align: top; }

table#dates-table tbody:nth-of-type(5n+0) tr td { background-color: hsl(  0, 60%, 90%); }
table#dates-table tbody:nth-of-type(5n+1) tr td { background-color: hsl( 72, 60%, 90%); }
table#dates-table tbody:nth-of-type(5n+2) tr td { background-color: hsl(144, 60%, 90%); }
table#dates-table tbody:nth-of-type(5n+3) tr td { background-color: hsl(216, 60%, 90%); }
table#dates-table tbody:nth-of-type(5n+4) tr td { background-color: hsl(288, 60%, 90%); }


table#dates-table thead tr {  /* underline for heading row */
  border-bottom-width: 2px;
  border-bottom-color: #000;
  border-bottom-style: solid;
}

table#dates-table tr > :nth-child(4) { /* right border for days column */
  border-right-width: 1px;
  border-right-color: #000;
  border-right-style: solid;
}


.third_party {
  color: #abc;
  text-align: right;
}