/**** begin countdown colors ****/
.flip-clock-wrapper ul,
.flip-clock-wrapper ul li a div div.inn,
.flip-clock-divider .flip-clock-dot {
	background-color: #212529;
}
.flip-clock-wrapper ul li a div div.inn {
	color: #f5f5f5;
}
/**** endof countdown colors ****/



/**** begin background colors ****/
.bg-blue { background-color: #014F86; }
.bg-blue-light { background-color: #61A5C2; }
.bg-blue-dark { background-color: #012A4A; }

.bg-red { background-color: #D00000; }
.bg-red-light { background-color: #E5383B; }
.bg-red-dark { background-color: #660708; }

.bg-yellow { background-color: #FFD000; }
.bg-yellow-light { background-color: #FFEA00; }
.bg-yellow-dark { background-color: #FFAA00; }

.bg-green { background-color: #38B000; }
.bg-green-light { background-color: #9EF01A; }
.bg-green-dark { background-color: #006400; }

.bg-orange { background-color: #FF6D00; }
.bg-orange-light { background-color: #FF9E00; }
.bg-orange-dark { background-color: #FF4800; }

.bg-purple { background-color: #5A189A; }
.bg-purple-light { background-color: #9D4EDD; }
.bg-purple-dark { background-color: #240046; }

.bg-brown { background-color: #C25A00; }
.bg-brown-light { background-color: #F1AC4C; }
.bg-brown-dark { background-color: #3D1C00; }

.bg-grey { background-color: #495057; }
.bg-grey-light { background-color: #ADB5BD; }
.bg-grey-dark { background-color: #212529; }

.bg-gold { background-image: linear-gradient(#fdda16, #f0ae2c); }
/**** endof background colors ****/



/**** begin custom style ****/
header {
    position: sticky;
    top: 0;
    z-index: 99999;
}
header .logo {
    max-width: 150px;
}
header .navbar .nav-item .nav-link {
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

section {
	position: relative;
}

section .card.card-result {
	width: 100%;
	max-width: 450px;
}
section .card.card-result .card-header .logo {
	max-width: 150px;
}
section .card.card-result .card-body .result-wrapper.winner .result-digit {
	width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 700;
    background: radial-gradient(circle at 25px 25px, #dbbb42, #ffff8d);
    margin: 0 2.5px;
    color: #434343;
}
section .card.card-result .card-body .result-wrapper.subwinner .result-digit {
	width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    background: radial-gradient(circle at 25px 25px, #dbbb42, #ffff8d);
    margin: 0 2.5px;
    color: #434343;
}

footer {
	position: relative;
}
footer .navbar-nav .nav-item .nav-link {
	margin: 0 10px;
	padding: 0 20px 0 0;
	font-size: 12px;
	text-transform: uppercase;
	border-right: 1px solid #f5f5f5;
	color: #ffffff !important;
}
footer .navbar-nav .nav-item:last-child .nav-link {
	border: none !important;
}

.font-weight-thin {
	font-weight: 100 !important;
}
/**** endof custom style ****/



/**** begin responsive style ****/
@media (min-width: 993px) {
    header .navbar .nav-item .nav-link {
		margin: 0 10px;
	}

	section .card.card-result {
		width: 450px;
		margin: 0 auto;
	}
}
/**** endof responsive style ****/