/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 28, 2016, 8:54:24 PM
    Author     : Handy Yanto
*/


body {
    /*
    font-family: 'Quicksand', sans-serif;
    font-weight:700;
    */
}
    nav.navbar{
        /*min-height: 100px;*/
        /*min-height: 50px;*/
        /*padding-top:5px;*/

        /*margin-bottom: 0px;*/
        /*-webkit-transition: all 0.4s ease;*/
        /*transition: all 0.4s ease;*/
        /*opacity:0.5;*/

        margin-bottom: 0px;
    }
    nav.containerr{
        margin-left: auto;
        margin-right: auto;
    }
    nav.navbar.shrink{
       min-height: 50px;
       padding-top:0px;
       opacity:1;
    }

/*Start of Thumnail Image Hover Text*/
.thumbnail {
    position:relative;
    overflow:hidden;
}

.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(90, 90, 90, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align: left;
    color:#fff !important;
    z-index:2;
}
/*End of Thumnail Image Hover Text*/

/* Start of image hover text */
/*
@import url(http://fonts.googleapis.com/css?family=Exo+2:300);
@import url(http://fonts.googleapis.com/css?family=Zeyada);
*/

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,
.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,
.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;padding: 1px;}

#gallery {
  height: 100%;
}

figure {
    height: 1000px;
    width: 1000px;
    display: block;
    overflow: hidden;
    z-index: 100;
    object-fit: contain;
}

figcaption {
    height: 250px;
    width: 100%;
    background: url(http://gridelicious.net/themes/treble/demo/assets/images/css/thumb_over.png) no-repeat center 150px black;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -500px;
    opacity: 0;
    padding: 5px;
}

a {
    color: #000;
}

a:hover figcaption {
    opacity: 0.8;
    left: 0;
    color: #fff;
    transition: all 0.7s;
}

/* End of image hover text */