/*
 * Shortcode: Countdown.less
 * -----------------------------------------------
*/
.countdown-timer {
	li {
		color: @gray-base;
		display: inline-block;
		padding: 30px 20px;
		background-color: @white-f1;
		margin-right: 15px;
		font-size: 40px;
		text-align: center;
		min-width: 120px;
		min-height: 120px;

		span {
			color: @gray-silver;
		    display: block;
		    font-size: 15px;
		    margin-top: 5px;
		}
	}

	&.timer-box {
		padding: 20px;
		padding-top: 40px;
		text-align: center;
		li {
			color: @white-base;
			background-color: fade(@black, 5%);
			margin-bottom: 15px;

			span {
				color: @gray-lighter;
			}
		}
	}

	&.timer-deep-bg {
		li {
			background-color: fade(@black, 5%);
		}
	}
}

@media only screen and (max-width : 767px) {
	.timer-responsive li {
		margin-top: 30px;
		font-size: 20px;
		min-width: 60px;
		min-height: 60px;
		padding: 20px 10px;
	}
	.countdown-timer li span {
	    font-size: 12px;
	}
 }