.list .card {position: relative;aspect-ratio: 1/1;padding: 0; } .list .card:hover {text-decoration: none; } .list .card .img-fluid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .list .card .card-body {justify-content: flex-end;padding: 2.2222222222rem 2.7777777778rem; } .list .card .card-body .card-title {margin-bottom: 0.5555555556rem;text-transform: uppercase;font-size: 1.6666666667rem;font-weight: 600; } .list .card .card-body .card-text {font-size: 1.5rem;font-weight: 300;margin-bottom: 0; } .list .card .card-category {display: flex;flex-wrap: wrap;gap: 0.5555555556rem; } .list .card .card-category .small {font-size: 0.6666666667rem; } .list .card .card-body {z-index: 1; } .list .filter label:not(.custom-control-label) {display: none; } .list .filter .btn {display: none; } .list .filter .form-group {display: flex;flex-direction: column; } @media (min-width: 576px) {.list .filter .form-group {flex-direction: row;flex-wrap: wrap;} } .list .filter .form-group .custom-control {flex-grow: 0;flex-shrink: 0;flex-basis: 25%;padding-left: 0.2777777778rem;padding-right: 0.2777777778rem;margin-bottom: 0.5555555556rem; } .list .filter .form-group .custom-control-label {border: solid 0.1666666667rem var(--black);padding: 1rem;width: 100%;text-align: center;font-weight: bold;color: var(--black);height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 0; } .list .filter .form-group .custom-control-label::before, .list .filter .form-group .custom-control-label::after {display: none; } .list .filter .form-group .custom-control-label:hover {border-color: var(--black);color: var(--black); } .list .filter .form-group .custom-control-input:checked + .custom-control-label {background: var(--black);color: var(--white); } .list .filter .form-group .custom-control-input:checked + .custom-control-label:hover {border-color: var(--black);color: var(--white); } .section.list {background-color: #f2f2f2;padding: 5rem 0;max-width: 1920px;margin-left: auto;margin-right: auto;width: 100%; }