@import "../../../../../css/_mixins.scss";
@import "../../../../../css/_theme-vars.scss";
@import "../../../css/_skin-vars.scss";

/* Countdown */
.sc_countdown_default {
	.sc_countdown_content {
		padding: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 10px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 10px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 5px ) ); // replace 40px 40px 35px
		color: var(--theme-color-accent_text);
		background-color: var(--theme-color-accent_link);
		background-image: url(../../../images/block_bg.png);
	    background-size: cover;
	    background-position: center;
	    margin-bottom: 0;
	    @include border-radius(var(--theme-var-content_rad));
	}

	.sc_countdown_inner {
	    display: flex;
	    align-items: flex-start;
	    justify-content: space-around;
	}

	.sc_countdown_item {
		text-align: center;
	}

	.sc_countdown_digits, 
	.sc_countdown_separator {
		@include font(50px, 50px, 500);
	    height: 50px;
	}
	.sc_countdown_digits {		
    	margin-bottom: 1px;
	}
	.sc_countdown_digits span {
    	width: 33px;
	    background-color: transparent;
	}
	.sc_countdown_digits span + span {
	    margin-left: 0;
	}
	.sc_countdown_label {
		font-size: 14px;
	}

	.sc_countdown_separator {
	    margin: 0;
	    font-size: 24px;
	}
}