/*DIGITAL CLOCK FONT*/
@font-face{
 font-family:'digital-7';
 src: url('../fonts/digital-7.ttf');
}

/** {
	margin: 0;
	padding: 0;
}

body {
	
	background-color: #FFFFFF;
	
}*/

.btime {color: #dd343b;
	text-align: left;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
    padding-top: 15px;
    border: solid 3px #FFF; font-family: 'digital-7', sans-serif;
}


/* DAYS OF THE WEEK */
div.days {
	margin: 0 auto;
	color: #efefef;
}

div.days .day {
	display: inline-block;
}

div.days .day p {
	font-size: 9px !important; line-height:10px !important;
	font-weight: bold;
	font-family: sans-serif;
	text-transform: uppercase;
}


/* CLOCK */
div.clock {
	margin: 5px 0;
}

div.clock div{
	display: inline-block;
	position: relative;
}

div.clock div p{
	font-size: 50px;
	position: relative;
	z-index: 100;
}

div.clock .placeholder {
	color: #f5f5f5;
	position: absolute;
	top: 0;
	z-index: 50;
}/*END CLOCK*/


/* AM OR PM*/
.am-pm {
	font-family: sans-serif;
	text-transform: uppercase;
	width: 20px;
}

div.am-pm div p {
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

.am, .pm {
	color: #FFFFFF;
}

/*CLASS THAT CHANGES COLOR OF TEXT TO APPEAR LIKE ITS "ON"*/
.light-on {
	color: #d7373f;
}