/* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
/* General styles
*/

.ba-caption-content h3 {
    line-height: normal;
    margin: 12px 0;
    padding: 0;
}

.ba-caption-content p {
    line-height: normal;
    margin: 5%;
}

.ba-caption .ba-caption-content {
    width: 100%;
}

.ba-caption .ba-caption-content h3,
.ba-caption .ba-caption-content .image-category,
.ba-caption .ba-caption-content .short-description {
    margin: 5%;
}

.ba-caption {
    align-items: center;
        -webkit-align-items: center;
    display: flex;
        -webkit-display: flex;
    overflow: hidden;
}

.disable-caption .ba-caption {
    display: none;
}

/*
/* Style 1 - Default
*/

.ba-album.css-style-1 .ba-caption,
.ba-gallery-grid.css-style-1 .ba-caption {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    width: 100%;
    z-index: 1;
}

.ba-album.css-style-1 .ba-caption:hover,
.ba-gallery-grid.css-style-1 .ba-caption:hover {
    opacity: 1;
}

/* Image Rotate */
.ba-album.css-style-1 .ba-album-items,
.ba-gallery-grid.css-style-1 .ba-image {
    overflow: hidden;
}

.ba-album.css-style-1 .ba-album-items img,
.ba-gallery-grid.css-style-1 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
}

.ba-album.css-style-1 .ba-album-items:hover img,
.ba-gallery-grid.css-style-1 .ba-image:hover img {
    transform: scale(1.5) rotate(6deg);
        -webkit-transform: scale(1.5) rotate(6deg);
}

/*
/* Style 2
*/

.ba-album.css-style-2 .ba-caption,
.ba-gallery-grid.css-style-2 .ba-caption {
    bottom: 0;
    height: 100px;
    max-height: 100%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 100%;
    z-index: -1;
}

.ba-album.css-style-2 .ba-album-items img,
.ba-gallery-grid.css-style-2 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
    z-index: 1;
}

.ba-album.css-style-2 .ba-album-items:hover img,
.ba-gallery-grid.css-style-2 .ba-image:hover img {
    transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
}

/*
/* Style 3
*/

.ba-album.css-style-3 .ba-album-items,
.ba-gallery-grid.css-style-3 .ba-gallery-items {
    overflow: hidden;
}

.ba-album.css-style-3 .ba-album-items img,
.ba-gallery-grid.css-style-3 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
}

.ba-album.css-style-3 .ba-album-items:hover img,
.ba-gallery-grid.css-style-3 .ba-image:hover img {
    transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
}

.ba-album.css-style-3 .ba-caption,
.ba-gallery-grid.css-style-3 .ba-caption {
    bottom: 0;
    height: 100px;
    opacity: 0;
    top: auto;
    width: 100%;
    transform: translateY(100%);
        -webkit-transform: translateY(100%);
    transition: all .4s 0s ease-in-out, opacity 0.1s 0.3s;
        -webkit-transition: all .4s 0s ease-in-out, opacity 0.1s 0.3s;
    position: absolute;
}

.ba-album.css-style-3 .ba-album-items:hover .ba-caption,
.ba-gallery-grid.css-style-3 .ba-image:hover .ba-caption {
    opacity: 1;
    transform: translateY(0px);
        -webkit-transform: translateY(0px);
    transition: all .4s 0s ease-in-out, opacity 0.1s;
        -webkit-transition: all .4s 0s ease-in-out, opacity 0.1s;
}

/*
/* Style 4
*/

.ba-album.css-style-4 .ba-album-items,
.ba-gallery-grid.css-style-4 .ba-gallery-items {
    overflow: hidden;
}

.ba-album.css-style-4 .ba-album-items img,
.ba-gallery-grid.css-style-4 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    z-index: 9;
}

.ba-album.css-style-4 .ba-album-items:hover img,
.ba-gallery-grid.css-style-4 .ba-image:hover img {
    transform: translateX(50%);
        -webkit-transform: translateX(50%);
}

.ba-album.css-style-4 .ba-caption,
.ba-gallery-grid.css-style-4 .ba-caption {
    bottom: 0;
    height: 100%;
    opacity: 0;
    top: auto;
    width: 50%;
    transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    transition: all .4s 0s ease-in-out, opacity 0.3s 0.1s;
        -webkit-transition: all .4s 0s ease-in-out, opacity 0.3s 0.1s;
    position: absolute;
}

.ba-album.css-style-4 .ba-album-items:hover .ba-caption,
.ba-gallery-grid.css-style-4 .ba-image:hover .ba-caption {
    opacity: 1;
    transform: translateX(0px);
        -webkit-transform: translateX(0px);
    transition: all .4s 0s ease-in-out, opacity 0.1s;
        -webkit-transition: all .4s 0s ease-in-out, opacity 0.1s;
}

/*
/* Style 5
*/

.ba-album.css-style-5 .ba-album-items,
.ba-gallery-grid.css-style-5 .ba-gallery-items {
    overflow: hidden;
}

.ba-album.css-style-5 .ba-caption,
.ba-gallery-grid.css-style-5 .ba-caption {
    bottom: 0;
    height: 100px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 100%;
    z-index: 9;
}

.ba-album.css-style-5 .ba-album-items img,
.ba-gallery-grid.css-style-5 .ba-image img {
    position: static;
    -webkit-transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ba-album.css-style-5 .ba-album-items:hover img,
.ba-gallery-grid.css-style-5 .ba-image:hover img {
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}

/*
/* Style 6
*/

.ba-album.css-style-6 .ba-caption,
.ba-gallery-grid.css-style-6 .ba-caption {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out, opacity 0.4s;
        -webkit-transition: all .4s 0s ease-in-out, opacity 0.4s;
    width: 100%;
    z-index: 1;
}

.ba-album.css-style-6 .ba-album-items:hover .ba-caption,
.ba-gallery-grid.css-style-6 .ba-image:hover .ba-caption {
    opacity: 1;
    transform: translate(15px, 15px);
        -webkit-transform: translate(15px, 15px);
}

/*
/* Style 7
*/

.ba-album.css-style-7 .ba-caption,
.ba-gallery-grid.css-style-7 .ba-caption {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    width: 100%;
    z-index: 1;
}

.ba-album.css-style-7 .ba-caption:hover,
.ba-gallery-grid.css-style-7 .ba-caption:hover {
    opacity: 1;
}

/* Image zoom */
.ba-album.css-style-7 .ba-album-items,
.ba-gallery-grid.css-style-7 .ba-image {
    overflow: hidden;
}

.ba-album.css-style-7 .ba-album-items img,
.ba-gallery-grid.css-style-7 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    transform: scale(1);
        -webkit-transform: scale(1);
}

.ba-album.css-style-7 .ba-album-items:hover img,
.ba-gallery-grid.css-style-7 .ba-image:hover img {
    transform: scale(1.5);
        -webkit-transform: scale(1.5);
}

/*
/* Style 8
*/

.ba-album.css-style-8 .ba-caption,
.ba-gallery-grid.css-style-8 .ba-caption {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    width: 100%;
    z-index: 1;
}

.ba-album.css-style-8 .ba-caption:hover,
.ba-gallery-grid.css-style-8 .ba-caption:hover {
    opacity: 1;
}

.ba-album.css-style-8 .ba-album-items .ba-caption .ba-caption-content,
.ba-gallery-grid.css-style-8 .ba-caption .ba-caption-content {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
}

/*
/* Style 9
*/

.ba-album.css-style-9 .ba-caption,
.ba-gallery-grid.css-style-9 .ba-caption {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    width: 100%;
    z-index: 1;
}

.ba-album.css-style-9 .ba-caption:hover,
.ba-gallery-grid.css-style-9 .ba-caption:hover {
    opacity: 1;
}

.ba-album.css-style-9 .ba-album-items .ba-caption h3,
.ba-album.css-style-9 .ba-album-items .ba-caption p,
.ba-gallery-grid.css-style-9 .ba-caption p.image-category,
.ba-gallery-grid.css-style-9 .ba-caption p.short-description {
    margin-left: 100%;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
}

.ba-album.css-style-9 .ba-album-items .ba-caption:hover h3,
.ba-album.css-style-9 .ba-album-items .ba-caption:hover p,
.ba-gallery-grid.css-style-9 .ba-caption:hover p.image-category,
.ba-gallery-grid.css-style-9 .ba-caption:hover p.short-description {
    margin-left: 5%;
}

/* Image Rotate */
.ba-album.css-style-9 .ba-album-items,
.ba-gallery-grid.css-style-9 .ba-image {
    overflow: hidden;
}

.ba-album.css-style-9 .ba-album-items img,
.ba-gallery-grid.css-style-9 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
}

.ba-album.css-style-9 .ba-album-items:hover img,
.ba-gallery-grid.css-style-9 .ba-image:hover img {
    transform: scale(1.5) rotate(6deg);
        -webkit-transform: scale(1.5) rotate(6deg);
}

/*
/* Style 10
*/

/* Caption */
.ba-gallery-grid.css-style-10 .ba-caption {
    height: 100%;
    width: 100%;
    position: relative;
}

.ba-album.css-style-10 .ba-caption {

}

.ba-album.css-style-10 .ba-album-items {
    height: auto !important;
}


/* Image Scale */
.ba-album.css-style-10 .ba-album-items .ba-image,
.ba-gallery-grid.css-style-10 .ba-image {
    overflow: hidden;
}

.ba-album.css-style-10 .ba-album-items img,
.ba-gallery-grid.css-style-10 .ba-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
    transform: scale(1);
        -webkit-transform: scale(1);
}

.ba-album.css-style-10 .ba-album-items:hover img,
.ba-gallery-grid.css-style-10 .ba-image:hover img {
    transform: scale(1.5);
        -webkit-transform: scale(1.5);
}


/*
/* Style None
*/

.ba-album.css-style-none .ba-caption,
.ba-gallery-grid.css-style-none .ba-caption {
    display: none;
}

/* ========================================================================
    Modal Window Effects
 ========================================================================== */

.modal-open .ba-scrollable {
     animation: type .5s ;
        -webkit-animation: type .5s ;
}

@keyframes type {
    0% {
        opacity: 0;
    }
    100% {
        opacity: inherit;
    }
}

@-webkit-keyframes type {
    0% {
        opacity: 0;
    }
    100% {
        opacity: inherit;
    }
}

/* Close Modal Animation */
.hide-animation.ba-scrollable.modal-scrollable {
    animation: hide-modal  .3s linear both;
    -webkit-animation: hide-modal .3s linear both;
}

@-webkit-keyframes hide-modal {
    from {opacity: 1;}
    to {opacity: 0; }
}

@keyframes hide-modal {
    from {opacity: 1;}
    to {opacity: 0;}
}

.hide-animation .gallery-modal {
    animation: hide-gallery  .2s linear both;
    -webkit-animation: hide-gallery .2s linear both;
}

@-webkit-keyframes hide-gallery {
    from {transform: scale(1); -webkit-transform: scale(1);}
    to {transform: scale(.5);  -webkit-transform: scale(.5);}
}

@keyframes hide-gallery {
    from {transform: scale(1); -webkit-transform: scale(1);}
    to {transform: scale(.5);  -webkit-transform: scale(.5);}
}

/* Fade-in */
.ba-fade-in  {
     animation: type1 .5s ;
    -webkit-animation: type1 .5s ;
}

@keyframes type1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes type1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Zoom-in */
.ba-zoom-in {
    animation: type2 .5s ;
    -webkit-animation: type2 .5s ;
}

@keyframes type2 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes type2 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Fall */
.ba-fall {
    animation: type3 .5s ;
    -webkit-animation: type3 .5s ;
}

@keyframes type3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes type3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*Slide-right*/
.ba-slide-right {
     animation: type4 .5s ;
    -webkit-animation: type4 .5s ;
}

@keyframes type4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(1);
        transform: translateX(1);
    }
}

@-webkit-keyframes type4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(1);
        transform: translateX(1);
    }
}

/* Slide-left */
.ba-slide-left {
     animation: type5 .5s ;
    -webkit-animation: type5 .5s ;
}

@keyframes type5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(1);
        transform: translateX(1);
    }
}

@-webkit-keyframes type5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(1);
        transform: translateX(1);
    }
}

/* Slide-top */
.ba-slide-top {
     animation: type6 .5s ;
    -webkit-animation: type6 .5s ;
}

@keyframes type6 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

@-webkit-keyframes type6 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

/* Slide-bottom */
.ba-slide-bottom {
     animation: type7 .5s ;
    -webkit-animation: type7 .5s ;
}

@keyframes type7 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

@-webkit-keyframes type7 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

/* Slide-right fall */
.ba-slide-right-fall{
    animation: type8 .5s ;
    -webkit-animation: type8 .5s ;
}

@keyframes type8 {
    0% {
        -webkit-transform: scale(1.5) translateX(30%);
        transform: scale(1.5) translateX(30%);
    }
    100% {
        -webkit-transform: scale(1) translateX(1);
        transform: scale(1) translateX(1);
    }
}

@-webkit-keyframes type8 {
    0% {
        -webkit-transform: scale(1.5) translateX(30%);
        transform: scale(1.5) translateX(30%);
    }
    100% {
        -webkit-transform: scale(1) translateX(1);
        transform: scale(1) translateX(1);
    }
}

/* Slide-left fall */
.ba-slide-left-fall{
    animation: type9 .5s ;
    -webkit-animation: type9 .5s ;
}

@keyframes type9 {
    0% {
        -webkit-transform: scale(1.5) translateX(-30%);
        transform: scale(1.5) translateX(-30%);
    }
    100% {
        -webkit-transform: scale(1) translateX(1);
        transform: scale(1) translateX(1);
    }
}

@-webkit-keyframes type9 {
    0% {
        -webkit-transform: scale(1.5) translateX(-30%);
        transform: scale(1.5) translateX(-30%);
    }
    100% {
        -webkit-transform: scale(1) translateX(1);
        transform: scale(1) translateX(1);
    }
}

/* Auto Resize Image Animation */

.ba-resize.ba-modal .modal-image img {
    animation: image-fade 1s linear ;
    -webkit-animation: image-fade 1s linear ;
}

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

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