/*
/* Animation
*/

ul.ic-slideshow li.item {
    opacity: 0;
}


ul.ic-slideshow li.item.active {
    opacity: 1;
}

.ic-item-content-slider ul.ic-slideshow > .slideshow-wrapper > li.item.active {
    height: 100%;
    position: relative;
    z-index: 5;
}


ul.ic-slideshow > .slideshow-content > li.active > .ic-slideshow-img {
    opacity: 1;
    z-index: 2;
}

/* Caption */
.ic-item-content-slider .ic-grid-column {
    display: none ;
}

@keyframes ic-caption-first-load {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.ic-item-content-slider .active >.ic-grid-column {
    animation: ic-caption 1s ease-in-out both;
    display: flex!important;
}

@keyframes ic-caption {
    0%{opacity: 0;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

/* Slide offset right-left */

@keyframes move-to-left {
    to {transform: translateX(-100%);}
}

@keyframes move-to-right {
    to { transform: translateX(100%); }
}

@keyframes move-from-left {
    from {transform: translateX(-100%);}
    to {transform: translateX(0);}
}

@keyframes move-from-right {
    from {transform: translateX(100%);}
    to {transform: translateX(0);}
}

/* Slide offset right-left faster */

@keyframes move-from-left {
    from {transform: translateX(-100%);}
    to {transform: translateX(0);}
}

@keyframes move-from-right {
    from {transform: translateX(100%);}
    to {transform: translateX(0);}
}

@keyframes move-to-left {
    to {transform: translateX(-100%);}
}

@keyframes move-to-right {
    to {transform: translateX(100%);}
}

/* Slide offset top-bottom */

@keyframes move-to-top {
    to {transform: translateY(-100%);}
}

@keyframes move-from-bottom {
    from {transform: translateY(100%);}
}

@keyframes move-to-bottom {
    to {transform: translateY(100%);}
}

@keyframes move-from-top {
    from {transform: translateY(-100%);}
}

/* Slide offset top-bottom faster */

@keyframes move-to-top {
    to {transform: translateY(-100%);}
}

@keyframes move-from-bottom {
    from {transform: translateY(100%);}
}

@keyframes move-to-bottom {
    to {transform: translateY(100%);}
}

@keyframes move-from-top {
    from {transform: translateY(-100%);}
}

/* Fade */

@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Ken Burns */

@keyframes ic-zoom  {
    0% {opacity: 0; transform: scale(1);}
    1% {opacity: 1;}
    100% {transform: scale(1.5); opacity: 1;}
}