/*
 * Scrolling Ticker CSS
 * */

.scrolling-ticker{
	--gap: 30px;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	align-items: center;
}

.scrolling-ticker .scrolling-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	min-width: 100%;
}

.scrolling-ticker .mobile-scrolling-ltr.loop-second,
.scrolling-ticker .mobile-scrolling-rtl.loop-second{
	display: none;
}

.scrolling-ticker .scrolling-ticker-direction-ltr{
	animation: scroll 60s linear infinite;
}

.scrolling-ticker .scrolling-ticker-direction-rtl{
	animation: scroll_rtl 60s linear infinite;
}

.scrolling-ticker .scrolling-content .content-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	background-color: var(--e-global-color-secondary);
    border-radius: 20px;
    padding: 6px 20px;
}

.scrolling-ticker .scrolling-content .content-wrapper .ticker-icon{
	line-height: 0;
}

.scrolling-ticker .scrolling-content .content-wrapper .ticker-icon .icon-wrapper{
	display: inline-block;
}

.scrolling-ticker .scrolling-content .content-wrapper .ticker-icon .icon-wrapper i{
	font-size: 8px;
	color: var(--e-global-color-accent);
}

.scrolling-ticker .scrolling-content .content-wrapper .ticker-title{
	display: inline-block;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
	margin: 0;
	color: var(--e-global-color-accent);
}

/* Mobile Ticker CSS */
.scrolling-ticker .mobile-ticker-active{
	flex-shrink: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	gap: 20px;
	min-width: auto;
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

@keyframes scroll_rtl{
	from{
		transform: translateX(calc(-100% + var(--gap)));
	}
	to{
		transform: translateX(0);
	}
}


@media only screen and (max-width: 1024px){
	
}


@media only screen and (max-width: 767px){
	
	.scrolling-ticker{
		--gap: 20px;
	}
	
	.scrolling-ticker .mobile-scrolling-ltr.loop-second,
	.scrolling-ticker .mobile-scrolling-rtl.loop-second{
		display: flex;
	}
	
	.scrolling-ticker .mobile-ticker-active{
		flex-shrink: 0;
		gap: var(--gap);
		min-width: 100%;
	}
	
	.scrolling-ticker .mobile-scrolling-ltr{
		animation: scroll 60s linear infinite;
	}

	.scrolling-ticker .mobile-scrolling-rtl{
		animation: scroll_rtl 60s linear infinite;
	}
	
}