.wdt-animation-item { text-align: center; }
.wdt-animation-item.text-item { display: inline-block; }


/* wdt custom header marque */

.wdt-custom-header-marque .wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.text-item {
    color: var(--wdtSecondaryColor);
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_H6);
    font-family: var(--wdtFontTypo_Base);
    text-transform: uppercase;
    letter-spacing: var(--wdtLetterSpacing);
    width: 42%;
}
/* wdt-brand-logo-animation */

.wdt-brand-logo-animation .wdt-animation-holder:before, .wdt-brand-logo-animation .wdt-animation-holder:after,
.wdt-brand-logo-animation-2 .wdt-animation-holder:before, .wdt-brand-logo-animation-2 .wdt-animation-holder:after { content: "";  height: 100%; position: absolute; top: 0; width: 10rem; z-index: 1; }

.wdt-brand-logo-animation .wdt-animation-holder:before { left: 0; 
    background-image: -webkit-linear-gradient(left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}
.wdt-brand-logo-animation .wdt-animation-holder:after { right: 0; 
    background-image: -webkit-linear-gradient(right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}

.wdt-brand-logo-animation-2 .wdt-animation-holder:before { left: 0; 
    background-image: -webkit-linear-gradient(left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}
.wdt-brand-logo-animation-2 .wdt-animation-holder:after { right: 0; 
    background-image: -webkit-linear-gradient(right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}

/* wdt-image-marqee-style  */

.wdt-image-marqee-style .wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.text-item { 
    color: var(--wdtPrimaryColor); font-size: 40px; line-height: 1em; font-weight: 400;
     font-family: "Caramello"; width: 100%;
}


@media (max-width: 1200px) {
    .wdt-custom-header-marque .wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.text-item { width: 60%; }
}