@charset "UTF-8";

div.classic-project-list{
    position:                   relative;
}

div.classic-project-list ul.categories{
    width:                      auto;
    height:                     63px;
    line-height:                63px;
    padding:                    0 20px;
    margin-bottom:              53px;
    background:                 #f2f2f2;
    text-align:                 left;
    display:                    inline-block;
}

div.classic-project-list ul.categories li{
    width:                      auto;
    display:                    inline-block;
    padding:                    0;
}

div.classic-project-list ul.categories li + li a {
    border-left:                1px solid #dbe1df;
}

div.classic-project-list ul.categories li a,
div.classic-project-list ul.categories li a:link,
div.classic-project-list ul.categories li a:active,
div.classic-project-list ul.categories li a:visited{
    color:                      #637984;
    font-size:                  18px;
    padding:                    0 14px;
    font-weight:                700;
    text-decoration:            none;
    cursor:                     pointer;
    text-transform:             uppercase;
    height:                     13px;
    line-height:                13px;
}

div.classic-project-list ul.categories li:first-child a{
    padding-left:               0;
}

div.classic-project-list ul.categories li:last-child a{
    padding-right:              0;
}

div.classic-project-list ul.categories li.active a, div.classic-project-list ul.categories li a:hover{
    color:                      #9a1e54;
}

div.classic-project-list div.listing{
    width:                      auto;
    margin:                     0 -30px;
}

div.classic-project-list div.listing li{
    overflow:                   hidden;
    display:                    block;
    list-style:                 none;
    float:                      left;
    padding:                    0;
    width:                      230px;
    box-sizing:                 border-box;
    -o-box-sizing:              border-box;
    -ms-box-sizing:             border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    position:                   relative;
    height:                     350px;
    margin:                     0 15px 40px;
}

div.classic-project-list div.listing li a{
    text-decoration:            none;
}

div.classic-project-list div.listing li.disabled{
    display:                    none;
}

div.classic-project-list div.listing h2{
    padding:                    0;
    margin:                     0;
    font-size:                  14px;
    text-transform:             uppercase;
    line-height:                17px;
    text-align:                 center;
    color:                      #637984;
    font-family:                Barlow, Arial;
    font-weight:                700;
    background:                 none;
}


div.classic-project-list div.listing li div.photo{
    width:                      100%;
    height:                     270px;
    margin-bottom:              30px;
    background-repeat:          no-repeat;
    background-size:            contain;
    background-position:        center center;
}