/** Filter **/
.wpc-filters-section .wpc-filters-ul-list li a,
.wpc-filter-set-widget-title h5,
.wpc-filter-title {
   color: #2e3742;
   font-family: 'Inter';
}
.wpc-filter-set-widget-title h5 {
   font-size: 24px;
}
.wpc-filter-set-widget-title h5,
.wpc-filter-title {
   font-weight: 600;
}
.wpc-filter-set-widget-title {
  border-bottom: solid 1px #0000001c;
}
div#filtered-posts {
    color: transparent;
}
div#filtered-posts .cat_info_wrap {
    color: black;
}
div#label-ajax-box {
    background: #f1f1f1;
    padding: 20px 20px 20px;
    margin-bottom: 20px;
}
span#loadnig {
    background: rgb(255 255 255 / 90%) url(https://rmelas.com/wp-content/uploads/2023/11/Fidget-spinner.gif) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    background-position: top center;
	display:none;
}
.main_wrapper {
    display: inline-block;width: 100%;
}

.main_wrapper .content-wrapper {
    display: inline-block;
    width: 33%;
    border: solid 1px #fff;
    padding: 15px;
    margin-bottom: 20px;
    background: #f1f1f1;
        float: left;
}
.main_wrapper .content-wrapper p {
    font-weight: 300;
    padding-top: 12px;
    padding-left: 0;
    margin-top: 12px;
    margin-bottom: 0;
    border-top: 1px solid #2e3742;
}
.main_wrapper .content-wrapper img {
    height: 250px;
    margin: auto;
    width: 100%;
    object-fit: contain;
}
.main_wrapper .content-wrapper h2.title {
    font-size: 26px;
}
.my-ajax-filter-wrapper {
    display: flex;
    width: 100%;
}
.main_wrapper .content-wrapper:hover {
    background: rgb(242 242 242 / 80%);
}
#label-ajax-box {
    width: 33.33%;
    display: flex;
    align-items: flex-start;
    justify-content: left;
    flex-flow: column;
    background: #f1f1f1;
    border-radius: 5px;
}

div#label-ajax-box label {
    padding: 20px 35px 15px;
    border-bottom: solid 1px #999;
    width: 100%;
}
#label-ajax-box label input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

#label-ajax-box label {
  position: relative;
  cursor: pointer;
}

.form-group label:before,
#label-ajax-box label i::before{
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

#label-ajax-box label input:checked + i:after{
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#label-ajax-box label i {
    position: absolute;
    left: 0;
}

#filtered-posts {
    width: 76%;
    padding: 0px 30px 30px;
    overflow: hidden;
    position: relative;
}

/*------responsive--------*/
@media(max-width:767px){
    .my-ajax-filter-wrapper {
        flex-flow: column;
    }
    div#label-ajax-box,
    div#filtered-posts,
    .main_wrapper .content-wrapper{
        width: 100%;
    }
    #filtered-posts {
    padding: 0px 0px 30px;
    }
    .my-ajax-filter-wrapper {
        padding: 0px 20px;
    }
}