/* ====================
   OHO DATE BLOCK CSS
   ==================== */


.oho-date-block {
  background-color: #e9e9e9;
  text-align: center;
}

.oho-date-block--month {
  text-transform: uppercase;
  line-height: 1;
}

.oho-date-block--day {
  line-height: 1;
}

.oho-date-block--year {
  line-height: 1;
}

.oho-date-block--weekday {
  text-transform: uppercase;
  line-height: 1;
}

/* SMALL */
.oho-date-block.small {
  height: 40px;
  width: 40px;
  padding-top: 3px;
}

.oho-date-block.small .oho-date-block--month {
  font-size: 0.8em;
}

.oho-date-block.small .oho-date-block--day {
  font-size: 1.4em;
}

.oho-date-block.small .oho-date-block--year {
  font-size: 0.8em;
}

.oho-date-block.small .oho-date-block--weekday {
  font-size: 0.8em;
}

/* MEDIUM */
.oho-date-block.medium {
  height: 52px;
  width: 52px;
  padding-top: 4px;
}

.oho-date-block.medium .oho-date-block--month {
  font-size: 1.05em;
}

.oho-date-block.medium .oho-date-block--day {
  font-size: 1.8em;
}

.oho-date-block.medium .oho-date-block--year {
  font-size: 1.05em;
}

.oho-date-block.medium .oho-date-block--weekday {
  font-size: 1.05em;
}

/* LARGE */
.oho-date-block.large {
  height: 64px;
  width: 64px;
  padding-top: 4px;
}

.oho-date-block.large .oho-date-block--month {
  font-size: 1.3em;
}

.oho-date-block.large .oho-date-block--day {
  font-size: 2.4em;
}

.oho-date-block.large .oho-date-block--year {
  font-size: 1.3em;
}

.oho-date-block.large .oho-date-block--weekday {
  font-size: 1.3em;
}