// 
// gallery.scss
//

.filter-menu {
    margin-bottom: 20px;

    a {
        transition: all 0.3s ease-out;
        color: $gray-600;
        border-radius: 3px;
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 5px;
        font-weight: $font-weight-medium;
        font-family: $font-family-secondary;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.03rem;
        &:hover {
            background-color: rgba($primary,0.2);
            color: $primary;
        }
    }
    a.active {
        background-color: rgba($primary,0.2);
        color: $primary;
    }
}

// Gallary Thumb
.gal-box {
    background-color: $card-bg;
    border-radius: 3px;
    border: $card-border-width solid $card-border-color;
    margin-bottom: $grid-gutter-width;

    .image-popup {
        padding: 10px;
        display: block;

        img {
            cursor: zoom-in;
        }
    }

    .gall-info {
        padding: 15px;
        border-top: 1px solid $gray-200;
        position: relative;

        h4 {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .gal-like-btn {
            position: absolute;
            right: 15px;
            font-size: 22px;
            top: 24px;
        }
    }
}