/* ====================
   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;
}