/* css styles */




/* Calendar styles */

.calendar {
  margin-top: 1rem;
  min-width: 250px;
}

.weekBlock {
  width: 100%;
  display: flex;
  border: 1px solid black;
 
  padding: 0rem ;
}

.weekBlockCurrent{
  background-color:rgb(232, 245, 253);
}

.weekHeader {
  width: 7rem;
  display: flex;
  flex-direction: column;
  padding: 1em;
  flex-shrink: 0;
  background-color: #888;
  color:white;
  font-size: small;
}

.weekHeaderCurrent{
  background-color:rgb(73, 113, 136);
}

.weekNumber {
  font-weight: bold;
  font-size: xxx-large;
}

.entries {
  width: 100%;
}

.entries ul {
  list-style-type: none;
  margin-right: 1.45rem;
  width: 100%;
}

.entry {
  margin-bottom: 1rem;
}

.calendar hr {
  border: none;
  border-top: 1px dashed rgb(0, 0, 0);
  margin-left: 1rem;
  margin-right: 1rem;
}

.dueDates td {
  padding-left:1rem;
  padding-right:1rem
}

@media (max-width: 375px){

  .weekHeader{
    visibility: collapse;
  }
}


/* Function description table format */



table.function-table thead  tr th{
  border-bottom: 1px solid #000;
}

table.function-table th{
  padding-right: 1rem;
}

table.parameter-table td{
  padding-left: 5px;
  padding-right: 5px;
}


/* Due date styling */
.due-header {
    text-transform: uppercase;
    margin-top: 1em;
    font-size: .8em;
    opacity: .8;
    font-weight: 400;
}

.due-date{
  font-size: .9em;
}