@import url("global.css");
@import url("retina.css");
@import url("responsive.css");
/*   
Template Name: Sentinel
Author: freshface
Author URI: http://themeforest.net/user/freshface/portfolio
Version: 1.1
*/
/*********************************************************
 * WHERE CAN YOU FIND ALL THE CSS ?
 * ================================
 *
 * General CSS -> global.css
 * Responsive CSS -> responsive.css
 * Skins -> /skins/color/color.css
 *
 ********************************************************* */

 
 .portfolio-item-more-toggle {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 11px;text-decoration: none;
}
.portfolio-item-desc.no-toggle .portfolio-item-more-toggle {
    display: none;
}
.portfolio-item-more-toggle .fa {
    font-size: 11px;
    margin-right: 4px;
}
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner {
    max-height: none;
    overflow: hidden;
}
.portfolio-item-desc-inner-compacted {
    overflow: hidden;
    position: relative;
}
.portfolio-item-desc {
    margin-bottom: 30px;
}

.portfolio-item-desc-inner-compacted:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100px;
    background: -webkit-linear-gradient(top,hsla(0,0%,96%,0),#ffffff);
    background: linear-gradient(180deg,hsla(0,0%,96%,0) 0,#ffffff);
}
.portfolio-item-more-toggle:after {
    content: attr(data-more-text);
      
}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle:after {
    content: attr(data-less-text);
}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle .fa:before {
    content: "\f062";
}
.portfolio-item-desc.is-opened:not(.no-toggle) .portfolio-item-desc-inner {
    max-height: 35vh;
    overflow: auto;
}
.portfolio-item-desc.is-opened:not(.no-toggle) .portfolio-item-desc-inner-compacted:after {
    content: '';
    position: relative;
}
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner-compacted:after {
    content: '';
    position: relative;
}