/**
 * Loulou66
 * LpsTextBanner module for Prestashop
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php*
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    Loulou66.fr <contact@loulou66.fr>
 *  @copyright loulou66.fr
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
.lpstextbanner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    z-index: 10000;
    overflow: hidden;
}
.lpstextbanner .container {overflow: hidden;}
.lpstextbanner.lpsfixed {position: fixed;}
.header-banner.lpsfixed {padding-bottom: 50px;}
.lpsscrolling {
    display:flex;
    overflow: hidden;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 100%;
}
.lpsscrolling .lpsmessages {
    display : flex;
    flex-shrink: 0;
    height: 50px;
    align-items: center;
}
.lpsmessages span {
    font-size: 1rem;
    margin-right: 30px;
}
@keyframes slide-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.lpsscrolling .lpsmessages span a,
.lpstypewriterspan a,
.lpsslides a {
    text-decoration: underline!important;
}
.lpstypewriter {
    display: flex;
    justify-content: center;
}
.lpstypewritermessages {display: none;}
.lpstypewriter .lpstypewriterspan {
    display: flex;
    flex-shrink: 0;
    height: 50px;
    align-items: center;
    flex-wrap: nowrap;
    white-space: break-spaces;
}
.lpstypewriter .typed-cursor {
    display: flex;
    flex-shrink: 0;
    height: 50px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .lpshideonmobile {display: none;}
    .lpstypewriter {justify-content: flex-end;}
    .lpstypewritermobile {display: block;}
}
.lpshorizontal_slider,
.lpsvertical_slider {
    display: none;
    overflow: hidden;
    text-align: center;
}