
.ccm-block-portfolio-filters{
    margin: 0px 0px 0px 0px;
}

.ccm-block-portfolio-filters li a{
    margin: 0px !important;
}
.ccm-block-portfolio-categories{
    margin-left: 5px !important;
}
.ccm-bottom-text{
    position: absolute;
    bottom: 0;
    background-color: white;
    word-break: break-all;
    text-transform: none !important;
    padding-left:20px;
    -ms-word-break:break-all;
    word-break:break-all;
}


.portfolio-category-filter{
    font-family: Geogrotesque-Medium;
    font-size: 20px !important;
    letter-spacing: 1px;
    background-color: white !important;
    background-color: white !important;
    line-height:45px !important;

}
.portfolio-category-filter img{
    width:20px;

}
.filter-button{
    font-family: Geogrotesque-Medium;
    font-size: 15px !important;
    line-height: 20px;
    letter-spacing: 1px;
    background-color: transparent;

}
.filter-button.selected{
    font-family: Geogrotesque-Medium;
    font-size: 15px;
    font-weight:600 !important;
    line-height: 20px;
    letter-spacing: 1px;
    background-color: white;

}
.ccm-portfolio-custom-button{
    border: 2px solid #004B82 !important;
    margin-left: 10px;

    color: #004B82 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
}

.ccm-portfolio-filter-button
{
    background-color:#004B82 !important;
}
.ccm-portfolio-item-info-manager,.ccm-portfolio-item-info-project{
    font-size:15px !important;
    line-height:20px !important;
    font-family: Geogrotesque-Medium !important;
}
.ccm-portfolio-item-info-title{
    font-size:25px !important;
    line-height:30px !important;
    font-family: Geogrotesque-Medium !important;
}
.ccm-portfolio-item-info-topics{
    font-size:12px !important;
    line-height:17px !important;
    font-family: Geogrotesque-Medium !important;
}

.rotated {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -moz-transform: rotate(-90deg); /* Firefox */
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -o-transform: rotate(-90deg); /* Opera */
}
@media (min-width: 1192px){
    .ccm-portfolio-item{
        /*width: 31% !important;*/
    }
}
@media (max-width : 1192px){
    .ccm-portfolio-item{
        width: inherit !important;
    }
}
@media (max-width: 640px) {
    .ccm-page-list-portfolio-container{
        padding-left:10px;
        padding-right:auto;
    }
}

