/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* altering grid refernces ! */
.row{
    margin-right:0px;
}

.col-margin-bottom{
    margin-bottom:50px
}

.jumbotron {
    color: white;
    position:relative;
    text-shadow: 2px 2px 2px gray;
    background-image: url(../img/jbtr_bg.png);
    box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
    background-position: left top;
    background-repeat: repeat;
    background-attachment:fixed;
    border-bottom:thin solid gray;
}


.jumbotron:after {
      position: absolute;
      width: 100%;
      height: 20%;
      left: 0%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,.5);
}

.img_row{
    text-align:justify;
}

.img_row img{
    display: inline-block;
    vertical-align: middle;
}

#animated_list li{
    height:1.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.footer_div{
    padding: 1em 0 1em 0;
    position: relative;
    width: 100%;
    bottom: 0;
    background-color: white;
    box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
    /* background-image: url(../img/jbtr_bg.png); */
    /* background-position:left bottom; */
    /* background-repeat:repeat; */
    /* background-attachment:fixed; */
    border-top:thin solid #ddd;
}

.footer_div:after{
      position: absolute;
      width: 100%;
      height: 40px;
      left: 0%;
      border-radius: 50%;
      z-index: -1;
      top: 0%;
      content: "";
      box-shadow: 0 -7px 16px rgba(0,0,0,0.4);
}

.copy_right{
    /* text-align: right; */
    right: 1em;
    bottom: 1em;
    /* padding: 1em; */
    position: absolute;
}

html,body {
    height:100%;
}

#padding-top{
    height:50px;
}

#wrap{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -111px;
}

#push{
    height:111px /*push has the same height as footer - preventing from overlaping bottom of the page*/
}

@media (max-width: 998px) {
    #wrap {
        margin-bottom: -174px;
    }
    #push {
        height:174px;
    }
}

.tooltip-inner{
    max-width:90%;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}