/* =====================
   Bouncing Chevron
   ===================== */

.ct-chevron {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    z-index: 9999;
    animation: ct-bounce 1s infinite;
    transition: transform 0.1s linear, opacity 0.3s ease-out;
}

.ct-chevron i {
    color: #fff;
    cursor: pointer;
}

.ct-chevron--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

@keyframes ct-bounce {
    0%, 100% { transform: translate(-50%, 0); }
    50%      { transform: translate(-50%, -10px); }
}