/*
    Mosaic - Sliding Boxes and Captions jQuery Plugin
    Version 1.0.1
    www.buildinternet.com/project/mosaic
    
    By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
    Released under MIT License / GPL License
*/


/*General Mosaic Styles*/
.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:250px;
    height:440px;
    margin:6px;
    background:#111 url(../img/progress.gif) no-repeat center center;
    border:1px solid #262626;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {
        display:none;
        position:absolute;
        top:0;
        height:100%;
        width:100%;
        background:#111;
}
    
.mosaic-overlay {
        display:none;
        z-index:5;
        position:absolute;
        width:100%;
        height:100%;
        background:#272B91;  /*or 111 */
}
    
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
        background:url(../img/hover-magnify.png) no-repeat center center;
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter:alpha(opacity=00);
        display:none;
}
        
.fade .mosaic-overlay {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter:alpha(opacity=00);
        background:url(../img/bg-black.png);
}
       
.bar .mosaic-overlay {
        bottom:-100px;
        height:100px;
        background:url(../img/bg-black.png);
}
        
.bar2 .mosaic-overlay {
        bottom:-60px;
        height:100px;
        opacity:0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
}

.bar2 a { 
    text-decoration:none; 
}
        
.bar3 .mosaic-overlay {
        top:-100px;
        height:100px;
        background:url(../img/bg-black.png);
}
        /*** End Animation Styles ***/

/* Homepage Categories */
.details { 
    margin:8px 15px; 
}    
.details h4 { 
    font:300 17px 'Muli', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    letter-spacing:0.10em; 
    color:#fff; 
    text-shadow:1px 1px 0 rgb(0,0,0); 
}
.details p { font:300 16px 'Muli', Helvetica, Verdana, sans-serif; 
    color:#fff;
}