@charset "utf-8";

/*****************************************************TRANSITIONS******************************************************/

.fixed-header-bar.active {
    top:-6em;
}

.fixed-nav-bar.active {
    top:0em;
    background: rgba(0,0,0,1);
}

.drop-down.active {
    background: rgba(0,0,0,1);
}

.aside-drop-down.active {
    background: rgba(0,0,0,1);
}

.cover.active {
    background-color: rgba(178,80,118,0);
}

.title.active {
    opacity: 1;
}
.caption.active {
    height: 5em;
}

/**********************************************************************************************************************/
@-webkit-keyframes zoomzoom {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes zoomzoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


@-webkit-keyframes fadein-fadeout {
    0% {
        background:rgba(236,143,102,0.1);
    }
    50% {
        background:rgba(236,143,102,1);
    }
    100% {
        background:rgba(236,143,102,0.1);
    }
}

@keyframes fadein-fadeout {
    0% {
        background:rgba(236,143,102,0.1);
    }
    50% {
        background:rgba(236,143,102,1);
    }
    100% {
        background:rgba(236,143,102,0.1);
    }
}

.box {
    position: absolute;
    top: 3px;
    left: 5px;
    width:100%;
    height:45px;
    border:0;
    background:rgba(236,143,102,1);
    background:-moz-linear-gradient(top, #ec8f66 , #ec8f66);
    border-radius:3px;
    box-shadow: none;
    z-index: 999;
}

.animation {
    animation-name: hvr-pulse-shrink;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.animation-zoomzoom {
    animation-name: zoomzoom;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}