/* 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: 0 0 9px;
}

.ba-caption .ba-caption-content {
    margin: 5%;
}

/* 
/* Style 1 - Default
*/

.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-gallery-grid.css-style-1 .ba-caption:hover {
    opacity: 1;
}

.ba-gallery-grid.css-style-1 .ba-caption .ba-caption-content {
    margin-top: 40%;
} 

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

.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-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-gallery-grid.css-style-2 .ba-caption {
    bottom: 0;
    height: 100px;
    max-height: 100%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 100%;
}

.ba-gallery-grid.css-style-2 .ba-image img {
    position: absolute;
    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: 6;
}

.ba-gallery-grid.css-style-2 .ba-image:hover img {
    transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
    z-index: 9;
}

/* 
/* Style 3 
*/

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

.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-gallery-grid.css-style-3 .ba-image:hover img {
    transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
}

.ba-gallery-grid.css-style-3 .ba-caption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    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-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-gallery-grid.css-style-4 .ba-gallery-items {
    overflow: hidden;
}

.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-gallery-grid.css-style-4 .ba-image:hover img {
    transform: translateX(50%);
        -webkit-transform: translateX(50%);
}

.ba-gallery-grid.css-style-4 .ba-caption {
    height: 100%;
    width: 50%;
    top: auto;
    bottom: 0;
    opacity: 0;
    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-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;
}

.ba-gallery-grid.css-style-4 .ba-caption .ba-caption-content {
    margin-top: 45%;
} 

/* 
/* Style 5
*/

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

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

.ba-gallery-grid.css-style-5 .ba-image img {
    position: absolute;
    top: 0;
    transition: all .4s 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-gallery-grid.css-style-5 .ba-image:hover img {
    top: -100px;
}

/* 
/* Style 6 
*/

.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-gallery-grid.css-style-6 .ba-image:hover .ba-caption {
    opacity: 1;
    transform: translate(15px, 15px);
        -webkit-transform: translate(15px, 15px);
}

.ba-gallery-grid.css-style-6 .ba-caption .ba-caption-content {
    margin-top: 30%;
}

/*
/* Style 7
*/

.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-gallery-grid.css-style-7 .ba-caption:hover {
    opacity: 1;
}

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

.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-gallery-grid.css-style-7 .ba-image:hover img {
    transform: scale(1.5);
        -webkit-transform: scale(1.5);
}

.ba-gallery-grid.css-style-7 .ba-caption .ba-caption-content {
    margin-top: 40%;
}

/*
/* Style 8
*/

.ba-gallery-grid.css-style-8 .ba-caption {
    opacity: 0;
    height: 100%;
    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-gallery-grid.css-style-8 .ba-caption:hover {
    opacity: 1;
}

.ba-gallery-grid.css-style-8 .ba-caption .ba-caption-content {
    margin-top: 90%;
    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-gallery-grid.css-style-8 .ba-caption:hover .ba-caption-content {
    margin-top: 40%;
}

/*
/* Style 9
*/

.ba-gallery-grid.css-style-9 .ba-caption {
    opacity: 0;
    height: 100%;
    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-gallery-grid.css-style-9 .ba-caption:hover {
    opacity: 1;
}

.ba-gallery-grid.css-style-9 .ba-caption .ba-caption-content {
    margin-top: 40%;
}

.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-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: 0;
}

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

.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-gallery-grid.css-style-9 .ba-image:hover img {
    transform: scale(1.5) rotate(6deg);
        -webkit-transform: scale(1.5) rotate(6deg);
}

/* ========================================================================
    Albums
 ========================================================================== */

.ba-album .ba-album-items {
    overflow: hidden;
}

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

.ba-album .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 .ba-image:hover img {
    transform: scale(1.3) rotate(6deg);
        -webkit-transform: scale(1.3) rotate(6deg);
}