/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-Feb-2018, 07:06:38
    Author     : Petra
*/
/* Start: Recommended Isotope styles */
.qp-filter{list-style: none !important;text-align: center;}
.qp-filter li a{text-decoration:none; font-size: 15px;  display: block; position: relative; cursor: pointer; color: #000; background: #e1e1e1; padding: 8px 15px; line-height: normal;}
.qp-filter li {
    display: inline-block; 
    float: none; 
    position: relative;
    text-indent: 0; 
    margin: 0px 3px 4px 0px !important;
}
.qp-filter li:first-of-type{
    margin-right:6px !important;
}
.qp-filter li.qp-active-filtr a{background:#525252; color: #fff;}
.qp-filter {
    text-align: left;
    margin-left: 0 !important;
    padding-bottom: 30px  !important;
}
.qp-filter li.active a {
    background: #f49120;
    color: #fff;
}
.qp-filter li a {
    background: #d0c7bd;
    font-family: Open Sans Condensed;
    font-size: 20px !important;
    line-height: normal !important;
    color: #444;
    letter-spacing: .05em;
    text-align: left;
    text-transform: none;
}


figure {
    width:22%;
}
.qp-text-over-img{
    width:31%;
}
figcaption{
    color: #626262 !important;
}

/******************Member Grid********************/

.qp-member .entry-title{
    font-size: 0.9em !important;
    padding-top: 8px;
    max-width: 130px;
    max-width: 80%;
    margin: .5em 0 0 0;
    text-align: left;
}
@media (max-width: 480px) {
    figure {
    width:95%;
    margin:5px auto;
    text-align: center;
}
.qp-text-over-img{
      width:95%;
    margin:5px auto;
}
.qp-member .entry-title{
  padding-left:19%;
    font-size: 1em !important;
}
}
.qp-text-over-img{
    background:#fff; 
    padding-bottom:10px;   
    border-bottom:0px solid lightgray;}

.qp-text-over-img figcaption {
    position:relative; 
    margin-top:-50px; 
    width:85%; 
    background:#fff; 
    padding:20px 10px 5px 0px; }
.qp-text-over-img figcaption .entry-title {
    line-height: 1.4em;
    padding:5px 0px;
    float: none; 
    display:block;
    font-size: 1.3em;
    font-weight: 400;
    color: #626262 !important;
    /* line-height: 1.35 !important; */
}

.no-thumb-image .pgafu-content-above-image{margin-top:0px; width:100%; padding-top:0px;}
.pgafu-post-grid-content .pgafu-post-title, 
.pgafu-post-grid-content .pgafu-post-date {
    padding:5px 0px;float: none; display:block;}
.pgafu-post-grid-content .pgafu-post-content{padding:15px 0 0px 0;}
.pgafu-post-image-bg{background: #f1f1f1; margin-bottom:20px; line-height: 0; overflow: hidden; position: relative; width: 100%;}

.pgafu-post-grid-main.pgafu-design-2.pgafu-image-fit .pgafu-post-image-bg{height: 320px;}
.pgafu-post-grid-main.pgafu-design-2.pgafu-image-fit .pgafu-medium-4 .pgafu-post-image-bg{height: 200px;}
.pgafu-post-grid-main.pgafu-design-2.pgafu-image-fit .pgafu-medium-3 .pgafu-post-image-bg{height: 180px;}



/**************************************************************
                                                Read more link pgafu-design
******************************************************************/
.readmorebtn{ -moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;text-decoration: none !important; color: #888;border: 1px solid #888;padding: 4px 12px;font-size: 12px;display: inline-block;box-sizing: border-box;line-height: normal !important;margin:15px 0 0 0px;}
.readmorebtn:hover, .readmorebtn:focus, .readmorebtn:active{background:#888; color:#fff; }



@media only screen and (min-width: 991px) {
    .roll-project.fullwidth .project-item {
        width: 25%;
        /*
               width: 26%;
        */
    }
}

.roll-project.fullwidth .project-item {
    margin: 12px;

}
.single-format .roll-project.fullwidth .project-item {
    margin: 0;
    margin-right:20px;
}


.roll-project.fullwidth .project-item.effect-goliath  p{

    font-weight: 400;
    width: 100%;
    font-size: 18px;
    font-family: Oswald,sans-serif;
}
.isotope-item{
    margin-bottom: 35px;
}