@media screen and (max-width: 1000px) {
    .hy-projects-by-category-cards-thumb {
             position:absolute;
             top:0;
             bottom:0;
             left:0;
             right:0;
             height: unset !important;
             opacity:0.2;
             z-index: -1;
             
            
    }
    .hy-projects-by-category-cards-info {
             width:100% !important;
    }
    
    
}

@media screen and (min-width: 1001px) {
    .hy-projects-by-category-cards-thumb {
             width: 33%;
    }
    
}

@media screen and (max-width: 799px) {
    .hy-category-side-filters {
             position:absolute;
             top:0;
             z-index: 1;
             width: 100%;
             height: 100% !important;
             background: white;
             left:-100%;
             
         
    }

}

.hy-open-panel-filter {
    left:0%;
}

.hy-category-project-list-container {
    display: flex;
    margin-top: 2em;
    padding: 0.5em;
    flex-direction: row;
    flex-wrap: nowrap;
    position:relative;
}
.hy-projects-by-category-cards-title > h3 > a {
    line-height: 30px;
}

.hy-category-side-filters {
    min-width: 340px;
    padding: 3px;
    transition:left 0.2s ease-in;
}
.hy-category-side-filters-title {
    font-size: 1.5em;
    color: #808080bd;
    font-weight: 700;
    margin-bottom: 6px;
}

.project-type-filter-container, .location-filter-container {
    margin-top: 2em;
    max-height: 5000px;
    transition: 0.4s ease-in;
    overflow:hidden;
    
}

.hy-project-list-header-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}



.project-type-header-section, .location-header-section {
    font-size: 1.3em;
    color: #5F636A;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;


}
.project-type-header-section span, .location-header-section span {
    width:25px;
    text-align: center;
    transition:0.4s ease-out;
    margin-left:5px;
    height: 25px;
}

.hy-rotate {
    transform: rotate(-90deg);
}
.hy-collapse {
    max-height:0;
    overflow:hidden;
    transition: 0.4s ease-out;
}


.hy-category-side-filters input[type="checkbox"]{
-webkit-appearance: none;
background-color: #fafafa;
border: 2px solid #5b5b5b;
padding: 9px;
border-radius: 0px;
display: inline-block;
position: relative;
}

.hy-category-side-filters input[type="checkbox"]:active, .hy-category-side-filters input[type="checkbox"]:checked:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.hy-category-side-filters input[type="checkbox"]:checked {
background-color: #e9ecee;
border: 2px solid #5b5b5b;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7;
}
.hy-category-side-filters input[type="checkbox"]:checked:after {
content: '\2714';
font-size: 18px;
position: absolute;
top: -7px;
left: 3px;
color: #5b5b5b;
}


.project-list-filter-count {
    font-size: 0.9em;
    font-style: italic;
}

.project-list-filter-checkbox-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    align-items: center;
}
.project-list-filter-checkbox-container label {
    margin-left:0.5em;
    font-size: 1.1em;
}

.hy-filter-disabled {
    opacity: 0.3;
}


.hy-projects-by-category-nav{
    display: flex;
flex-wrap: nowrap;
justify-content: center;
font-size: 1.1em;
opacity:1;
-webkit-animation: fadeInFromNone 0.9s ease-out;
-moz-animation: fadeInFromNone 0.9s ease-out;
-o-animation: fadeInFromNone 0.9s ease-out;
animation: fadeInFromNone 0.9s ease-out;

}

.hy-footer-nav-page {
    margin-left: 10px;
    margin-right: 10px;
}
.hy-footer-nav-next {
    margin-left: 15px;
    width:30px;
}
.hy-footer-nav-prev {
    margin-right: 15px;
    width:30px;
}

.hy-footer-page-active {
    font-size: 1.2em;
    color: #00aeef;
}
/***project list**/

.hy-hide-opacity{
    display:none !important;
    opacity:0 !important;
}

.hy-projects-by-category-counter {
    height:30px;
}
.hy-projects-by-category {
    display: flex;
    flex-direction: column;
    flex:1;
    min-width:0;
}
.hy-projects-by-category-cards {
    display: flex;
flex-direction: column;
flex: 0 1 auto;
/*flex-wrap: wrap;*/
opacity:1;
-webkit-animation: fadeInFromNone 0.9s ease-out;
-moz-animation: fadeInFromNone 0.9s ease-out;
-o-animation: fadeInFromNone 0.9s ease-out;
animation: fadeInFromNone 0.9s ease-out;
/*gap:1em;*/

}
.hy-projects-by-category-cards-info {
    width:67%;
}

.hy-projects-by-category-cards-type {
    font-weight: bold;
}

.hy-projects-by-category-cards-list {
    font-size:0.9em;
}
.hy-projects-by-category-cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
    /*border: 2px solid #80808063;*/
    padding: 20px;
    width: 100%;
    position:relative;
    /*height: 294px;*/

margin-bottom: 14px;
}
.hy-projects-by-category-cards-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.hy-footer-nav-prev:hover, .hy-footer-nav-next:hover, .hy-footer-nav-page:hover, .hy-category-side-filters input[type="checkbox"]:hover,.hy-toggle-filter-button:hover, .hy-toggle-list-filter:hover {
    cursor: pointer;
}



@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: flex;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: flex;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: flex;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}