// ============================================================================
// :: Date
// ============================================================================
.m-date {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 100%;
	padding: 1rem;

	background-color: $primary-color;

	@include respond-at($screen-medium-base) {
		padding: 3.5rem;
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-date__day-type,
.m-date__month {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
	font-size: $font-size;
	line-height: $line-height-2x-large;

	text-transform: uppercase;

	color: $text-color-white;
}

.m-date__day {
	font-family: $font-family-beausans;
	font-size: $font-size-5x-large;
	font-weight: $font-weight-bold;
	line-height: $line-height-6x-large;

	color: $text-color-white;
}

.m-date__hours {
	font-family: $font-family-roboto;
	font-weight: $font-weight-normal;
	font-size: $font-size;
	line-height: $line-height-2x-large;

	color: $text-color-white;
}