/*CSS styles for moving slider*/

.slideshow-container .wp-block-cover__inner-container {
	
	width: 100% !important;
	max-width: 100% !important;
}

/* Container styles */
.scrolling-text-container {
	
    overflow: hidden;
    background-color: var(--lightGrey);
    height: 100%; 
	position: relative; 
	padding: 20px 0px; 
}

/* Inner container styles */
.scrolling-text-inner {

    display: flex; 
    white-space: nowrap;
	font-size: 40px;
    font-weight: 600;
    padding-top: 0%;
	padding-bottom: 0%;
    animation: scroll-loop var(--marquee-speed) linear infinite;
}

/*Margin and handling of size on text and IMG item*/
.scrolling-text-item, .scrolling-image-item {

    flex-shrink: 0;
	margin-right:50px;
	margin-left:50px;
}

/* Position of text item*/
.scrolling-text-item {

    display: flex; 
    align-items: center; 
}

/* IMG styles */
.scrolling-image-item img {

	max-height:30px; 
}

/* Text styles */
.scrolling-text {
	
    display: flex;
}


/*Styles of overlay*/
.overlay {
	
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: white; 
	opacity: 90%
    pointer-events: none; 
    z-index: 1000; 
	pointer-events: none; 

}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner {
	
    animation-play-state: paused;
}

 /* Setting the Animation using Keyframes */
    @keyframes scroll-loop {

        0% {

            transform: translateX(0%);

        }

        100% {
			
            transform: translateX(-100%);
        }

    }