/*
 * calendar.css; 2026-01-01; Kent M Kohlmeyer (kemiko)
*/

:root
{
  --color-month-names: #999999;
  --color-day-of-week: #999999;
  --color-weekdays: #999999;
  --color-weekends: #999999;
  --color-borders: #999999;
}

#background-calendar
{
  position: fixed;

  /* 1. Essential to take up the whole screen width */
  width: 100vw;

  /* 2. Key to expanding the usable vertical space */
  height: 100vh;

  display: flex;             /* Turn on Flexbox */
  justify-content: center;   /* Center horizontally */
  align-items: center;       /* Center vertically */

  /* OPTIONAL: Center the text content itself */
  text-align: center;

  font-size: 20rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.05);

  z-index: -1;
  pointer-events: none;
}

.divTableCellMonths
{
  display: table-cell;
  padding: 7px 7px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: var(--color-month-name);
}

.divTableCellDays
{
  display: table-cell;
  padding: 7px 7px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: var(--color-weekdays);
}

.divTableCellDayOfWeek
{
  display: table-cell;
  padding: 0px 7px 0px 7px;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  color: var(--color-day-of-week);
}

.divTableCellMoons
{
  display: table-cell;
  white-space: nowrap;
  padding: 0px 0px 2px 5px;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 12px;
}

.moonDay
{
  vertical-align: top;
  color: rgb( 56, 56, 56 );
}

.moonIcon
{
  padding-top: 1px;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.borderTop
{
  border-top: 2px solid var(--color-borders);
  border-radius: 25px 25px 0 0;
}

.borderRight
{
  border-right: 2px solid var(--color-borders);
}

.borderBottom
{
  border-bottom: 2px solid var(--color-borders);
  border-radius: 0 0 25px 25px;
}

.borderLeft
{
  border-left: 2px solid var(--color-borders);
}

.holidays
{
  color: #f7410a;
}

.weekends
{
  color: var(--color-weekends);
}

.monthPadding
{
  padding: 0px 18px 0px 18px;
}

/*
 * calendar.css; 2026-01-01; Kent M Kohlmeyer (kemiko)
*/
