/* date bar */
.db {
	font: 0/0 a;
	box-sizing: border-box;
	width: 100%;
	max-width: 230px;
	height: 47px;
	margin-bottom: 11px;
	text-align: center;
	border: 1px solid currentcolor;
	padding-top: 4px;
}
	.db__item {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.db__item::before {
		display: inline-block;
		height: 100%;
		content: '';
		vertical-align: middle;
	}
	.db__item:not(:last-child)::after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: 26px;
		margin: auto 0;
		content: '';
		border-right: 1px solid currentcolor;
	}
	.db__1of4 {
		width: 25%;
	}
	.db__2of4 {
		width: 50%;
	}
	.db__3of4 {
		width: 75%;
	}
	.db__1of3 {
		width: 33.3333%;
	}
	.db__2of3 {
		width: 66.6666%;
	}
.db__date {
	font: bold 22px/20px Figgins Sans, Arial, sans-serif;
}
	.db__date--small {
		font-size: 18px;
	}
.db__day,
.db__time {
	font: bold 14px/15px Figgins Sans, Arial, sans-serif;
}
.db__date,
.db__day,
.db__time {
	display: inline-block;
	vertical-align: middle;
}
.db__mix {
	position: absolute;
	top: 1px;
	left: 50%;
	display: table;
	height: 36px;
	margin: auto;
	transform: translateX(-50%);
}
	.db__mix .db__day {
		display: table-row;
		height: 50%;
	}
	.db__mix .db__time {
		display: table-cell;
		height: 50%;
		padding-top: 2px;
		border-top: 1px solid currentcolor;
	}