/**
 * NOTICE OF LICENSE
 *
 * This file is not open source! Each license that you purchased is only available for 1 website only.
 * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
 * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
 *
 * 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 contact us for extra customization service at an affordable price
 *
 * @author Prestashop World <i@prestashop.world>
 * @copyright  2021-2022 Prestashop World
 * @license    Valid for 1 website (or project) for each purchase of license
*/
.dnktextbanners .row {
    padding: 10px 5px;
    text-align: center;
    /*border: 1px #dddddd solid;*/
    margin: 2px;
}

.dnktextbanners-content {
    line-height: 1.5em;
}

.dnktextbanners-buttons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

span.dnktextbanners-countdown {
    padding: 0 3px;
    font-weight: 600;
    white-space: nowrap;
}

#left-column .dnktextbanners-buttons, #right-column .dnktextbanners-buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#left-column .dnktextbanners-buttons .dnktextbanners_btn_close, #right-column .dnktextbanners-buttons .dnktextbanners_btn_close {
    margin-left: 20px;
}

.dnktextbanners-buttons-nxtprv {
    display: flex;
}

.dnktextbanners-no-link {
    cursor: default;
}

.dnktextbanners-show-more {
    margin-left: 10px;
    white-space: nowrap;
}

.dnktextbanners-hr {
    margin: 0 0 5px 0;
}

span span.dnktextbanners-span-first {
    position: relative;
    display: inline-block;
    background: #ff0000;
    padding: 5px;
    color: #ffffff;
    animation: dnktextbanners-span-pulse 3s infinite;
}

@keyframes dnktextbanners-span-pulse {
    50% {
        background: #a70000;
        transform: scale(1.1);
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
}

span span.dnktextbanners-span-second {
    position: relative;
    display: inline-block;
    border: #0000ff solid 2px;
    padding: 5px;
    animation: dnktextbanners-span-wiggle 2s linear infinite;
    transition: transform 1s ease;
}

@keyframes dnktextbanners-span-wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}

span span.dnktextbanners-span-third {
    position: relative;
    display: inline-block;
    animation: dnktextbanners-span-anime 3s linear infinite;
    padding: 5px;
    border: #000000 solid 1px;
    border-radius: 2px;

}

@keyframes dnktextbanners-span-anime {
    0% {
        background: #f0f0f0;
        box-shadow: 0 0 0 #cccccc,
        0 0 0 #ffffff,
        5px 5px 5px #cccccc inset,
        -5px -5px 5px #ffffff inset;
    }
    25% {
        background: #f8f8f8;
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
    50% {
        background: #f8f8f8;
        box-shadow: 5px 5px 5px #cccccc,
        5px 5px 5px #ffffff,
        0 0 0 #cccccc inset,
        0 0 0 #ffffff inset;
    }
    100% {
        background: #fafafa;
        box-shadow: 20px 20px 20px #cccccc,
        0 0 0 #ffffff,
        0 0 0 #cccccc inset,
        2px 2px 2px #ffffff inset;
    }
}

span span.dnktextbanners-span-fourth {
    position: relative;
    display: inline-block;
    animation: dnktextbanners-span-rotate 5s linear both infinite;
    padding: 5px;
    border: #12685e solid 2px;
    border-radius: 5px;
    background: #2dccb8;
    color: #ffffff;

}

@keyframes dnktextbanners-span-rotate {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }
    10% {
        transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    }
    20% {
        transform: scale(1) rotate3d(1, 1, 0, -360deg);
    }
    30% {
        transform:none;
    }
}

span span.dnktextbanners-span-fifth {
    position: relative;
    display: inline-block;
    animation: dnktextbanners-span-upver 5s linear both infinite;
    padding: 5px;
    border: #12685e solid 2px;
    font-weight: 900;
    text-transform: uppercase;
    color: white;
    background-color: hsl(210, 80%, 42%);
    box-shadow: hsla(210, 40%, 52%, .4) 2px 2px 22px;
    border-radius: 4px;
    z-index: 0;
}
span span.dnktextbanners-span-fifth::before {
    display: inline-block;
    content: '';
    pointer-events: none;
    opacity: .6;
    background:
            radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, white 3px, white 4px, transparent 4px),
            radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, white 3px, white 4px, transparent 4px),
            radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, white 5px, white 6px, transparent 6px);
    width: 100%;
    height: 300%;
    top: 5px;
    position: absolute;
    animation: dnktextbanners-span-bubbles 5s linear infinite both;
}
@keyframes dnktextbanners-span-upver {
    0% {
        transform: scale(1) rotateY(0);
    }
    5% {
        transform: scale(1.5) rotateY(180deg);
    }
    15% {
        transform: scale(1) rotateY(360deg);
    }
    30% {
        transform: none;
    }
}
@keyframes dnktextbanners-span-bubbles {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(0, -66.666%);
    }
}

span span.dnktextbanners-span-sixth {
    position: relative;
    display: inline-block;
    animation: dnktextbanners-span-rubber 3s linear both infinite;
    font-family: 'Helvetica', 'Arial', sans-serif;
    padding: 5px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ff0081;
    color: white;
    border-radius: 4px;
    border: none;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
}

@keyframes dnktextbanners-span-rubber {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    5% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    10% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    25% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    30% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

span span.dnktextbanners-span-seventh {
    position: relative;
    display: inline-block;
    animation: dnktextbanners-span-tada 3s linear both infinite;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    transition: all .5s ease;
    color: #ffffff;
    background-color: #000000;
    font-weight: 600;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
}

@keyframes dnktextbanners-span-tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    6% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    9%,
    15%,
    21%,
    27% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    12%,
    18%,
    24% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    30% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}