@import "_variables.less";
@import "bootstrap_addons/_mixins.less";


//==================================
// Portfolio
//==================================

.page-gallery__works {
  .item_img {
    position: relative;
    .more_wrapper {
      background: rgba(0, 0, 0, .6);
      top: 0;
      height: 100%;
      left: 0;
      .opacity(0);
      position: absolute;
      .transition(all .5s ease);
      width: 100%;
      .vert-align{
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        .translate(0,-50%);
      }
    }
    &:hover {
      .more_wrapper {
        .opacity(100);
      }
    }
  }
  .gallery-item {
    text-align: center;
  }
}

ul.gallery{
  font-size: 0;
  .gallery-item{
    margin-bottom: @gridGutterWidth1200;
    font-size: @baseFontSize;
  }
  .gap {
    display: inline-block;
    &:before{
      display: none;
    }
  }
  .gallery-list{
    margin: 0 0 15px;
    .galleryZoom{
      display: none;
    }
  }
}


.filters,
.sorting,
.layout-mode {
  b {
    display: block;
    margin: 0 0 15px;
  }
}

.layout-mode {
  float: right;
}

ul#filters {
  margin: 0 0 15px;
  li {
    display: inline-block;
    vertical-align: top;
    a {
      cursor: pointer;
    }
  }
}

ul#sort {
  margin-bottom: @baseLineHeight;
  li {
    a {
      cursor: pointer;
      &:after {
        font-family: FontAwesome;
        margin-left: 5px;
      }
      &[data-order=asc] {
        &:after {
          content: '\f0d7';
        }
      }
      &[data-order=desc] {
        &:after {
          content: '\f0d8';
        }
      }
    }
  }
}

ul#order {
  float: right;
  position: relative;
  z-index: 2;
}

ul#grid-list {
  margin: 0 0 15px;
  li {
    display: inline-block;
  }
}

.gallery-grid {
  .item_img {
    margin-right: 0;
  }
}

.page-gallery_img {
  margin-left: 0;
}

//======================= Portfolio Project Page ========================

.item_img {
  .articleGalleryZoom,
  .galleryZoomIcon {
    .BWfade {
      display: none !important;
    }
    &:before,&:after{
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
      .transition(.3s);
    }
    &:before {
      content: '';
      background: @globalColor;
      bottom: 0;
      top: 0;
      .opacity(0);
    }
    &:after {
      top: 50%;
      color: #FFF;
      content: '\f00e';
      font-family: @fa;
      font-size: 0;
      line-height: 0;
      text-align: center;
    }
    &:hover {
      &:before {
        .opacity(50);
      }
      &:after {
        font-size: 40px;
      }
    }
  }
}

.img-full__left.span5 {
  padding-left: 0;
}

.view-article {
  #prevArrow,
  #nextArrow {
    display: none;
  }
}

@media (max-width: 767px) {
  ul.gallery .gallery-grid .item_img img{
    width: 100%;
  }
}

@media (max-width: 639px){
  .gallery li.gallery_desc {
    display: none;
  }
}