/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

.option-set {
    margin-top:2.87533em;
    margin-bottom:0;
    width: auto;
    position: static;
    height: auto;
    text-align: center;
}

.x-portfolio-filters,.x-portfolio-filter{
    display:inline-block;
    display: block;
    float:none;
    position:relative;
    margin:0.45em 0.375em;
    border:1px solid #ddd;
    border:1px solid rgba(0,0,0,0.125);
    padding:0.692em 1.154em 0.769em;
    cursor:pointer;
    font-size:13px;
    font-size:1.3rem;
    line-height:1.3;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle;
    color:#c5c5c5;
    color:rgba(0,0,0,0.375);
    background-color:transparent;
    border-radius:0.35em;
    box-shadow:inset 0 0 0 transparent,0 1px 1px rgba(255,255,255,0.95);
    -webkit-transition:color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;
    transition:color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease
}

@media (max-width: 767px){
    .x-portfolio-filters,.x-portfolio-filter{
        font-size:11px;
        font-size:1.1rem
    }
}

@media (max-width: 480px){
    .x-portfolio-filters,.x-portfolio-filter{
        font-size:10px;
        font-size:1rem
    }
}

.x-portfolio-filters:hover,.x-portfolio-filter:hover {
    color:#777;
    color:rgba(0,0,0,0.75);
    border-color:#cfcfcf;
    border-color:rgba(0,0,0,0.25);
    background-color:#fff;
    background-color:#fff
}

.x-portfolio-filters:active,.x-portfolio-filter:active {
    color:#777;
    color:rgba(0,0,0,0.75);
    border-color:#bbb;
    border-color:rgba(0,0,0,0.25);
    background-color:#ebebeb;
    background-color:rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.225),0 1px 1px rgba(255,255,255,0.95)
}

.x-portfolio-filters {
    margin:0;
    width: auto;
    height: auto;
    line-height: normal;
    display: none;
}

.x-portfolio-filters-menu {
    margin-top:1.313em;
    text-align:center;
    width: auto;
    position: static;
    background-color: transparent;    
}

.x-portfolio-filters-menu li {
    display:inline-block}
    .x-portfolio-filters-menu .selected{
    color:#777;
    color:rgba(0,0,0,0.75);
    border-color:#bbb;
    border-color:rgba(0,0,0,0.25);
    background-color:#ebebeb;
    background-color:rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.225),0 1px 1px rgba(255,255,255,0.95)
}

.x-portfolio-filter {
    display:inline-block
}

#x-isotope-loading {
    position:absolute;
    top:75px;
    left:50%;
    display:block;
    width:100px;
    height:9px;
    margin-left:-50px;
    background-image:url(framework/img/global/loading.gif)
}

.x-portfolio-filters-menu li a {
    color: #000;
    display: block;
    line-height: normal;
    padding: 0.6em 1.50em !important;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.5);
}

.x-portfolio-filters:after {
    content: 'Sort Portfolio';
    margin-left: 5px;
}

.option-set > li {
    display: block;
}

.x-portfolio-filters-menu {
    display: block !important;
}

.option-set .x-portfolio-filters-menu {
  background-color: inherit !important;
}

h2.entry-title.entry-title-portfolio {
font-size: 100%;
}