.calBox {
font-family: "Bebas Neue", sans-serif;
padding: 2px;
-moz-border-radius: 4px;
text-align: center;
color: white;
font-size: 1.5rem;
}
.calElement {
flex: 1 1;
margin: 1px;
display: inline-block;
overflow:hidden;
}
.calYear {
display: flex;
padding-bottom: 5px;
margin-bottom: 5px
}
.calYear .calElement {
border: 1px solid #999999;
}
.calMonth {
display: flex;
padding-bottom: 5px;
margin-bottom: 5px;
}
.calMonth .calElement {
border: 1px solid #999999;
}
.calDay {
display: flex;
}
.calDay .calElement {
border: 1px solid #999999;
}
.calDay .calElement.prev {
background: transparent url(//exploramer.qc.ca/wp-content/themes/exploramer/css/images/prev.png) no-repeat 0 18px;
width: 6px;
height: 35px
}
.calDay .calElement.next {
background: transparent url(//exploramer.qc.ca/wp-content/themes/exploramer/css/images/next.png) no-repeat 0 18px;
width: 6px;
height: 35px;
}
.calDay .calElement .dayNumber {
font-size: 1.7em;
line-height: 1.2em;
}
.calElement.selected {
background-color: #404040;
border: 1px solid #404040;
-moz-border-radius: 3px
}
.calElement.today {
border: 1px solid #e0e000;
-moz-border-radius: 3px
}
@media (hover: hover) and (pointer: fine) {
span.calElement:hover {
cursor: pointer;
background-color: #404040;
border: 1px solid #404040;
-moz-border-radius: 3px;
cursor: pointer;
}
}