:root {
  --blue: #113f67;
  --lightblue:#58a0c8;
}

button { 
  background-color: var(--blue); color:white; 
  border:0; border-radius:4px; cursor: pointer;
  display: inline-block;
  font-weight: 400;
  color: white;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--blue);
  padding: .5rem 1rem;
  font-size: 1rem;
  transition: all .3s;
}

table {
  background-color: transparent;
  width: 100%;
  margin-block-end:15px;font-size: .9em;
  border-spacing: 0;
  border-collapse: collapse;
  td,th {
    padding: 4px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid hsla(0,0%,50.2%,.5019607843)
  }
  th { font-weight: 700 }
  tfoot th,thead th { font-size: 1em}

  caption+thead tr:first-child td,
  caption+thead tr:first-child th,
  colgroup+thead tr:first-child td,
  colgroup+thead tr:first-child th,
  thead:first-child tr:first-child td,
  thead:first-child tr:first-child th {
    border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)
  }

  tbody>tr:nth-child(odd)>td,
  tbody>tr:nth-child(odd)>th {
    background-color: hsla(0,0%,50.2%,.0705882353)
  }

  tbody tr:hover>td,
  tbody tr:hover>th {
    background-color: hsla(0,0%,50.2%,.1019607843)
  }

  tbody+tbody { border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}

  @media (max-width: 767px) {
    table {
        font-size:.8em
    }

    table td,table th {
        padding: 7px;
        line-height: 1.3
    }

    table th { font-weight: 400 }
  }

  dd,dl,dt,li,ol,ul {
    margin-block-start:0;margin-block-end:0;border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
  }
}


.hebrew-calendar {  
  h2.calendar-current-date { text-align: center; font-weight:700; }
  .buttons { display:flex; gap:8px; justify-content: center; margin:12px; }
  table.calendar { 
    table-layout: fixed;
    td {
      padding:0;
      .date { 
        display: flex; justify-content: space-between;        
        padding: 4px;
        opacity:0.5;
      }
      .event {
        padding: 4px; 
      }
    }
  }
}