:root {
/* 	ecd_widget_2 css root */
	
	--ecd_widget_2_BG: var(--color1);
	--ecd_widget_2_TXT: var(--color2);
	--ecd_widget_2_MARQUEE_BG: var(--color4);
	--ecd_widget_2_MARQUEE_TXT: var(--color1);
	--ecd_widget_2_IMGBG_TXT: var(--color2);
	--ecd_widget_2_BTN_BG: #f5ac00;
	--ecd_widget_2_BTN_TXT: var(--color1);
}
 
 .countdown-widget-2- .container {
 	padding: 0
 }

.countdown-widget-2- .ecdbg- {
	padding: 1rem;
    color: var(--ecd_widget_2_TXT);
    background: var(--ecd_widget_2_BG);
    border-radius: 5px;
}

.countdown-widget-2- marquee {
	margin: -6px auto;
    padding: 3px 0;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    color: var(--ecd_widget_2_MARQUEE_TXT);
    background: var(--ecd_widget_2_MARQUEE_BG);
    border-radius: 4px;
}

.countdown-widget-2- .countdown-box- {
	width: fit-content;
    margin: auto;
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: end
}

.countdown-widget-2- .countdown-box-.box-absolute- {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    color: var(--ecd_widget_2_IMGBG_TXT)
}

.countdown-widget-2- .countdown-box- .count-wrap- {
    text-align: center
}

.countdown-widget-2- .countdown-box- .count-time- {
	font-weight: var(--REG_FONT_WEIGHT);
    letter-spacing: 1px
}

.countdown-widget-2- .countdown-box- .count-time- span {
	font-size: var(--COUNTDOWN_WIDGET_TIME_FONT_SIZE)
}

.countdown-widget-2- .countdown-box- .count-type- {
	margin-top: 5px;
    border-radius: 3px;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px 10px;
    text-shadow: 2px 1px #000
}

.countdown-widget-2- .countdown-box- .count-type-.start- {
	color: #fff;
	background: #02a248
}

.countdown-widget-2- .countdown-box- .count-type-.end- {
	color: #fff;
	background: #a20202
}

.countdown-widget-2- .countdown-box- button {
	width: fit-content;
	font-weight: var(--REG_FONT_WEIGHT);
    text-transform: uppercase;
	text-transform: uppercase;
	border-radius: 3px;
    padding: 5px 1rem;
    border: none;
    background: var(--ecd_widget_2_BTN_BG);
    color: var(--ecd_widget_2_BTN_TXT)
}

.countdown-widget-2- .countdown-box- button:hover {
	transition: .3s;
	transform: scale(1.2)
}

@media (max-width: 768px) {
	.countdown-widget-2- .container {
		padding: 0 15px
	}
	
	.countdown-widget-2- .countdown-box-{
	    gap: 1rem
	}
	
	.countdown-widget-2- .countdown-box-.box-absolute- {
		width: 100%;
        transform: translate(-50%, -50%);
	}
	
	.countdown-widget-2- .countdown-box- .count-time- span {
		font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE);
	}
}
