h1 {
    margin-block-start:0.2em;
}

#frame {
  max-width: 480px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
}

#header {
  max-width: 480px;
  height: 32px;
}

#header a {
  color: black;
}

#header a:hover {
  color: lightblue;
}

#header-right-only {
  text-align: right;
}

#header-left, #header-mid, #header-right {
  display: inline-block;
  height: 32px;
}

#header-left {
  width: 20%;
  float: left;
  text-align: left;
}

#header-mid {
  width: 60%;
  float: left;
  text-align: center;
}

#header-right {
  width: 20%;
  float: right;
  text-align: right;
}

#webpush-message {
	margin-top: 0.5em;
}

.x-large {
  font-weight: bold;
  font-size: x-large;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.opened {color: green;}
/*  animation: blinker 0.7s linear infinite; animation-iteration-count: 3 */
.closing {color: orange; animation: blinker 0.7s linear infinite}
.closed {color: red;}
.opening {color: orange; animation: blinker 0.7s linear infinite;}
.invalid {color: red;}

div#events {
	color: #aaaaaa;
}

div#events p {
	text-align: left;
	}

#events h3 {
	margin-top: 2em;
}

.feather {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.sun {
  width: 22px;
  height: 22px;
  position: relative;
  top: 2px;
}

.nav-date {
  position:relative;
  top: -7px;
}
.cw-today {
  font-weight: bold;
}


.fam- {
  background: lightgrey;
}
.fam-red {
  background: #faa;
}
.fam-orange {
  background: #fca;
}
.fam-green {
  background: #afb;
}
.fam-blue {
  background: #adf;
}
.fam-pink {
  background: #fae;
}

table.calendar {
    border-collapse: collapse;
    margin-left:auto; 
    margin-right:auto;
    width:100%;
}

table.calendar tr td {
    border-top:1px solid white;
}

table.calendar tr td {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:4px;
}
table.calendar tr td.cw {
    width:120px;
}
table.calendar tr td.family {
    padding-right:15px;
    min-width:100px;
}

table.calendar tr td.family dfn {
    font-style: normal;
}

p.calendar_date {
    margin-top:-1em;
}