#item_filter_cover {
   padding: 0px 20px 10px 20px;
   box-sizing: border-box;
}

@media only screen and (min-width: 980px) {
    #item_filter_cover { padding: 0px 0px 10px 20px; }
}

@media only screen and (min-width: 980px) {
    #item_filter_cover { float: left;  }
    .item_list_cover_with_filter { float: right; }
}

#item_filter_cover { width: 25%; }
.item_list_cover_with_filter { width: 75%; }
.item_list_cover_with_filter .item_list { width: 33.333%;}

@media only screen and (max-width: 1200px) {
    #item_filter_cover { width: 33.333%; }
    .item_list_cover_with_filter { width: 66.667%;}
    .item_list_cover_with_filter .item_list { width: 50%;}
}

@media only screen and (max-width: 980px) {
    #item_filter_cover { width: 100%; }
    .item_list_cover_with_filter { width: 100%;}
	.item_list_cover_with_filter .item_list { width: 50%; }
}

@media only screen and (max-width: 768px) {
	.item_list_cover_with_filter .item_list { width: 100%; }
}

.filter_body {  background: #f1f1f1; margin-bottom: 20px; padding: 0px; border-radius: 5px; padding: 10px; } 
.filter_link_body { padding: 0px 10px 0px 10px;}
.filter_label { font-size: 1.6em; font-weight: 600; display: block; padding: 10px; color: var(--cuprum); }

.filter_link_body a { 
    display: block; font-size: 1.6em;  display: block; padding: 10px 10px 10px 32px; margin: 0px 0px 0px 0px;
    text-decoration: none; background: url('../img/filter-check.png')  left center no-repeat;
    border-top: 1px solid var(--cream-200);
}
.filter_link_body a:hover { color: var(--cuprum); }

.filter_link_body a.link-filter-active { color: var(--green-200); 
    text-decoration: none; background: url('../img/filter-check-check.png')  left center no-repeat;
}

.filter_link_cancel {
    padding: 0px 0px 10px 0px;
}
.filter_link_cancel a {
    font-size: 1.6em; display: block; 
    border: 1px solid var(--cuprum); border-radius: 4px; color: var(--cuprum); padding: 9px;
}

@media only screen and (min-width: 980px) {
    .filter_link_cancel a:hover { background-color: var(--cuprum); color: var(--cream-100); }
}

#filter_toggler {
    display: inline-block; padding: 9px 19px 9px 19px;
    font-size: 1.6em; margin-bottom: 20px; border-radius: 4px; text-decoration: none;
    background: var(--cream-100);
}

@media only screen and (min-width: 980px) {
   .no_item_filter_alert { font-size: 2em; }
}
.no_item_filter_alert a { color: var(--cuprum); }