/*==================================
	countdownClock
==================================*/

.countdown-clock-period-block {
	color: var(--dark);
	text-align: center;
	background: linear-gradient(to bottom,  #666666 0%,#666666 0%,#666666 0%,#6b6b6b 47%,#4f4f4f 47%,#4f4f4f 100%,#6b6b6b 100%,#4f4f4f 100%,#666666 100%,#4f4f4f 100%);
}

	.countdown-clock-period-block .countdown-clock{
		color: var(--dark);
		display: inline-block;
		font-size: 2rem;
	}

	.countdown-clock-period-block > .clock-count {
		padding: .75rem;
		background: transparent;
		display: inline-block;
	}

	.countdown-clock-period-block .clock-count > span{
        font-size: 1.5rem;
		font-weight: 700;
    	margin-bottom: 1rem;
		display: inline-block;
		background: var(--dark);
    	color: var(--white);
		padding: 15px 25px 10px;
	}

	.countdown-clock-period-block .smalltext{
		font-size: 1rem;
		color: var(--white);
	}

/*==== End of countdownClock ====*/


/*==================================
	Responsive
==================================*/

@media screen and (min-width:425px) {
	.countdown-clock-period-block .countdown-clock > .clock-count {
		padding: 1rem;
	}

    .countdown-clock-period-block .countdown-clock .clock-count > span {
		font-size: 2rem;
	}
}

@media screen and (max-width:479px) {
	.countdown-clock > .clock-count {
		padding: .25rem;
	}

	.countdown-clock .clock-count > span {
		padding: 15px 15px 10px;
	}
}
/*==== End of Responsive ====*/