@charset "UTF-8"; .medialist {position: relative; } .medialist .card {text-decoration: none !important;background: var(--light); } .medialist .card .card-img-top {aspect-ratio: 1/1;position: relative;margin-bottom: 1.1428571429rem;display: flex;align-items: center;justify-content: center; } .medialist .card .card-img-top .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: scale-down; } .medialist .card .card-img-top .placeholder {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; } .medialist .card .card-img-top .placeholder svg {width: auto;height: 33.333%; } .medialist .card .card-title {font-size: 1.4285714286rem;text-align: center;width: 100%;margin: 0;display: flex;flex-direction: column;justify-content: center;flex-grow: 1; } .medialist .card .card-footer {background: transparent;display: flex;flex-direction: row;align-items: center;justify-content: center; } .medialist .card .card-footer .btn {display: flex;align-items: center;justify-content: center; } .medialist .card.in-cart .btn-cart-add {display: none; } .medialist .card:not(.in-cart) .btn-cart-delete {display: none; } .medialist .card-body:hover .card-title {color: var(--link-hover-color); } .list-filter-form.loading .medialist {opacity: 0.5; } .medialist-filter .categories {display: flex;flex-direction: row; } .medialist-filter .categories .custom-checkbox {text-align: center;flex-basis: 0;flex-grow: 1;padding: 0 0.5714285714rem;margin-bottom: 1.1428571429rem; } .medialist-filter .categories .custom-checkbox .custom-control-label {border-color: var(--nav-tabs-link-active-border-color);color: var(--nav-pills-link-active-color);background-color: var(--nav-pills-link-active-bg);padding: 0.5rem 1rem;width: 100%;height: 100%;text-transform: uppercase;font-weight: 700;font-size: 1.2857142857rem;cursor: pointer;display: flex;align-items: center;justify-content: center; } .medialist-filter .categories .custom-checkbox .custom-control-label::before, .medialist-filter .categories .custom-checkbox .custom-control-label::after {content: none; } .medialist-filter .categories .custom-checkbox .custom-control-input:checked + .custom-control-label {background: var(--black); } .medialist-filter .categories .custom-checkbox .custom-control-input:disabled + .custom-control-label {opacity: 0.5; } .medialist-filter .categories .btn {font-size: 1.2857142857rem;display: flex;align-items: center;justify-content: center; } .medialist-filter .years {display: flex;flex-direction: row; } .medialist-filter .years .custom-checkbox {text-align: center;padding: 0 0.5714285714rem;margin-bottom: 1.1428571429rem; } .medialist-filter .years .custom-checkbox .custom-control-label {width: 100%;height: 100%;text-transform: uppercase;font-weight: 700;font-size: 1.2857142857rem;cursor: pointer; } .medialist-filter .years .custom-checkbox .custom-control-label::before, .medialist-filter .years .custom-checkbox .custom-control-label::after {content: none; } .medialist-filter .years .custom-checkbox .custom-control-input:checked + .custom-control-label {color: var(--primary); } .medialist-filter .years .custom-checkbox .custom-control-input:disabled + .custom-control-label {opacity: 0.5; } .medialist-filter .years .custom-checkbox:not(:last-child)::after {content: "●";position: absolute;font-size: 0.5rem;top: 0.6428571429rem;right: -0.2142857143rem;color: var(--primary); } .medialist-filter .marks {display: flex;flex-direction: row;flex-wrap: wrap; } @media (min-width: 992px) {.medialist-filter .marks {flex-direction: column;} } .medialist-filter .marks .custom-checkbox {text-align: center;padding: 0;margin-bottom: 0.1428571429rem;margin-right: 0.1428571429rem; } @media (min-width: 992px) {.medialist-filter .marks .custom-checkbox {margin-right: 0;} } .medialist-filter .marks .custom-checkbox .custom-control-label {border-color: var(--nav-tabs-link-active-border-color);color: var(--black);background-color: #EDEDED;padding: 0.5rem 1rem;width: 100%;text-transform: uppercase;font-weight: 700;font-size: 1.2857142857rem;cursor: pointer; } .medialist-filter .marks .custom-checkbox .custom-control-label::before, .medialist-filter .marks .custom-checkbox .custom-control-label::after {content: none; } .medialist-filter .marks .custom-checkbox .custom-control-input:checked + .custom-control-label {background: var(--black);color: var(--white); } .medialist-filter .marks .custom-checkbox .custom-control-input:disabled + .custom-control-label {opacity: 0.5; } .medialist-filter input[type=text]:disabled {background: var(--white);opacity: 0.5; }