@import url(../fonts/inter-regular/stylesheet.css);
@import url(../fonts/inter-medium/stylesheet.css);
@import url(../fonts/Inter-semibold/stylesheet.css);
@import url(../fonts/inter-bold/stylesheet.css);
@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');


.sgsb-countdown-timer {
	max-width: 100%;
	padding: 15px 40px 10px;
	margin-bottom: 25px;
	border-radius: 8px;
}

.products .sgsb-countdown-timer {
    padding: 12px 40px 5px;
}

.sgsb-countdown-timer-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sgsb-countdown-timer-heading {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
}
.products-block-post-template .sgsb-countdown-timer-heading,
.products .sgsb-countdown-timer-heading  {
    font-size: 20px;
}


.sgsb-countdown-timer-items {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.products-block-post-template.sgsb-countdown-timer-items,
.products .sgsb-countdown-timer-items {
    height: 50px;
}

.sgsb-countdown-timer-item {
	text-align: center;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	/* height: 64px; */
	width: 64px;
	border-radius: 8px;
	padding: 14px 0;
	font-family: 'Inter';
}

.products-block-post-template .sgsb-countdown-timer-item,
.products .sgsb-countdown-timer-item {
    width: 44px;
    height: 44px;
    font-size: 8px;
    padding-top: 12px;
}

.sgsb-countdown-timer-item strong {
	display: block;
	font-size: 24px;
	line-height: .75;
	font-weight: 500;
	margin-bottom: 6px;
}

.products-block-post-template .sgsb-countdown-timer-item strong 
.products .sgsb-countdown-timer-item strong {
    font-size: 14px;
    margin-bottom: 6px;
}

.sgsb-colon{
	margin: 0 14px;
	line-height: 4;
}

.products-block-post-template .sgsb-colon,
.products .sgsb-colon {
    margin: 0 3px;
}

/* custom layout style start*/
.sgsb-countdown-timer.ct-custom{
	border: 1px solid transparent;
}
.sgsb-countdown-timer-item.ct-custom{
	color: #989FAB;
	border: 1px solid #ECEDF0;
}

.sgsb-colon.ct-custom {
	color: #008DFF;
}

.sgsb-countdown-timer-item.ct-custom strong {
	color: #1B1B50;
}
/* custom layout style end*/

/* layout-1 styles start*/
.sgsb-countdown-timer-item.ct-layout-1{
    color: #989FAB;
	border: 1px solid #ECEDF0;
}

.products-block-post-template .sgsb-countdown-timer-item.ct-layout-1 
.products .sgsb-countdown-timer-item.ct-layout-1 {
    width: 45px;
    height: 50px;
}

.sgsb-countdown-timer-heading.ct-layout-1{
	color: #008DFF ;
}

.sgsb-colon.ct-layout-1 {
	color: #008DFF;
}

.products-block-post-template .sgsb-colon.ct-layout-1,
.products .sgsb-colon.ct-layout-1 {
    margin: -4px 4px 0;
}

.sgsb-countdown-timer-item.ct-layout-1 strong {
	color: #1B1B50;
}
/* layout-1 styles end*/

/* layout-2 styles start */
.sgsb-countdown-timer.ct-layout-2 {
	background: linear-gradient(180deg, aliceblue 70%, #FFFF 0%) !important;
}

.sgsb-countdown-timer-items.ct-layout-2 {
border-radius: 6px;
color: #fff;
background: var(--gradient, linear-gradient(90deg, #32DBBE 0%, #008DFF 100%));
box-shadow: 0px 12px 48px 0px rgba(27, 27, 80, 0.10);
width: fit-content;

}

.sgsb-countdown-timer-heading.ct-layout-2.default {
	background: linear-gradient(90deg, #32DBBE 0%, #008DFF 100%) text;
	-webkit-text-fill-color: transparent;
}

.sgsb-countdown-timer-heading.ct-layout-2 {
-webkit-background-clip: text;
}

/* layout2  styles end */

@media (max-width: 430px) {
    .sgsb-countdown-timer-items {
        align-items: center;

        .sgsb-countdown-timer-item {
            font-size: 6px;
            padding-top: 7px;

            &.ct-layout-1 {
                width: 37px;
                height: 40px;
            }

            &.ct-layout-2 {
                width: 38px;
                height: 38px;
            }
        }
    }
}