#module-beleadinstagram-lookbook #content{
    padding-bottom:0;
}

.lookbook-feed > div{
    /*margin-bottom:30px;*/
}

.fancybox-nav{
    width:50px !important;
}

#module-beleadinstagram-lookbook .page-header h1 {
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom:40px;
}


/* ---- grid ---- */

.grid {
    background: #fff;
    width: 100%;
    margin-bottom: 1.25rem;
    position: relative;
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
    width: calc(20% - 10px);
}

.grid-item {
    float: left;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}

.grid-item:hover span._text_over {
    display: block;
}

.grid-item span._text_over {
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    letter-spacing: 0.5px;
    color: #FFF;
    font-size: 12px;
    padding: 6px 12px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    left: 0;
    right: 0;
    width: 145px;
    margin-right: auto;
    margin-left: auto;
    z-index: 2;
}

.grid-item a {
    z-index: 3;
}

.grid-item--width2 { width:  calc(40% - 10px); }
.grid-item--width3 { width:  calc(60% - 10px); }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }


@media only screen and (max-width: 1000px) {
    .grid-sizer,
    .grid-item {
        width: calc(25% - 10px);
    }
    .grid-item--width2 { width: calc(50% - 10px); }
}
@media only screen and (max-width: 720px) {
    .grid-sizer,
    .grid-item {
        width: calc(50% - 10px);
    }
    .grid-item--width2 { width:  100%; }
}
@media only screen and (max-width: 460px) {
    .grid-sizer,
    .grid-item {
        width: 100%;
    }
    .grid-item--width2 { width:  100%; }
}



.lookbook-list .grid-item{  }
.lookbook-list .grid-item a{
    display: block;
    position: relative;
    transition: all .8s;
}

.lookbook-list .grid-item a .image{

}
.lookbook-list .grid-item a .action{
    display:none;
    position:absolute;
    left:calc(50% - 100px);
    text-align: center;
    background: rgba(68, 62, 86, 0.8);
    color:#fff;
    font-size:12px;
    top:48%;
    width:200px;
    padding:6px 0;
}
.lookbook-list .grid-item a:hover .action{
    display:block;
}

.button-area {
    margin-bottom: 30px;
    text-align: center;
}

.button-area button {
    background-color: transparent !important;
    color: #868686;
    border: 2px solid transparent;
    text-transform: uppercase;
}
.button-area button.active {
    border: 2px solid #443E56;
}