.portfolio-cat-item a {

    position: relative;

    top: 0px;

    left: unset;

    width: 100%;

    height: 100%;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    transition: all 0.8s ease;

    background: #8eb92187;

    display: block;

    text-align: center;

}



.portfolio-cat-item span {

    /* font-size: 1em; */

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    position: relative;

    right: unset;

    bottom: unset;

}





.home-galley-wrapper {



    display: none;

    transition: display 0.2s ease-out;

}



.gallery-show {

    display: block;

    transition: display 0.9s;

}





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

    .column.size-1of3 {

        width: 50% !important;

    }

}



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

    .column.size-1of3 {

        width: 100% !important;

    }

}





.galaxy-accordion {

    background-color: #8eb92112;

    color: #444;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* .galaxy-active,

.galaxy-accordion:hover {

    background-color: #8eb921;

} */



/* Style the accordion panel. Note: hidden by default */

.galaxy-panel {

    padding: 0 18px;

    background-color: white;

    display: none;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}





.galaxy-accordion:after {

    content: '\02795';

    /* Unicode character for "plus" sign (+) */

    font-size: 13px;

    color: #777;

    float: right;

    margin-left: 5px;

}



.galaxy-active:after {

    content: "\2796";

    /* Unicode character for "minus" sign (-) */

}





/* .tabs-head li.active-tab, .tabs-head li:hover, .filter-button-group button.active-tab, .filter-button-group button:hover, .filter-button-group a.active, .filter-button-group a:hover {

    color: #8eb921;

}



.tabs-head li.active-tab:after, .filter-button-group button.active-tab:after, .filter-button-group a.active:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 4px;

    background: unset;

    border-bottom: 4px dotted #8eb921;

} */



/* .button-style1 i {

    margin-right: 6px;

    font-size: 1.5em;

    color: #8eb921;

    margin: -2px 20px -3px 0;

    display: inline-block;

    vertical-align: top;

} */



.button-style1 i {

    margin-right: 6px;

    font-size: 1.5em;

    color: #ffffff;

    margin: -2px 20px -3px 0;

    display: inline-block;

    vertical-align: top;

}





.button-style1 > * {

    position: relative;

    z-index: 2;

    vertical-align: -webkit-baseline-middle;

    vertical-align: baseline;

}



/* .button-style1:hover .button-style1 i {

    color: #8eb921;

} */