/**
 * @author: Franck LEBAS
 * @package desire-portfolio-filter
 * @version: 0.2
 */
 
 
/******filter*******/

.filter-button-group {
    padding: 10px;
    margin-top:50px;
    margin-bottom:20px;
    border-radius: 4px;
    text-align: center;
    float: center;

}

.filter-button-group button {
    background-color:#fff;
    border-radius: 4px;
    border: 1px solid #ec9046;
    padding: 4px 15px 4px;
    margin-right: 6px;
    margin-bottom: 8px;
    display: inline-block;
    color:#ec9046;
}

.filter-button-group button:hover {
    background-color:#ec9046;
    border-radius: 4px;
    border: 1px solid #ec9046;
    padding: 4px 15px 4px;
    margin-right: 6px;
    margin-bottom: 8px;
    display: inline-block;
    color:#fff;

}

/*******content*******/

.page-content{
    margin:0 100px 0 100px;
}

.portfolio-item {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px;
    margin-bottom: 3.33%;
    border: 1px solid #dedede;
    border-radius: 10px;
    background-color:#fff;
  
}
.page-content .portfolio-item:hover {
     background-color:#dedede;
     border: 0px ;
}
    
/*.portfolio-item :hover{

    color:#ec9046;
}*/


.portfolio-item img {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 7px 7px 0px 0px;
    display: block;
    opacity: 1;
}
    

.portfolio-item img:hover {
    display: block;
    opacity: 1;

}

.grid-sizer,
.portfolio-item {
        width: 31.14%;

}

.gutter-sizer {
    width: 3.33%;
    
}


@media screen and (max-width:768px) {
    
.page-content{
    margin:0 50px 0 50px;
}

.grid-sizer,
.portfolio-item {
    width: 46.67%;
}

.gutter-sizer {
    width: 3.33%;
}

}

@media screen and (max-width:480px) {

.page-content{
    margin:0 20px 0 20px;
}

.grid-sizer,
.portfolio-item {
    width: 100%;
}

.gutter-sizer {
    width: 0%;
}

}