.filtr-item {
    padding: 1rem;
    text-align: center;
}

.filtr-item img {
    width: 275px !important;
}

.filtr-item .bg-gray-2 {
    width: 275px !important;
    margin: 0 auto;
}

.item-desc {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}


/* Filter controls */

.simplefilter,
.multifilter,
.sortandshuffle,
.search-row {
    padding-left: 0;
}

.simplefilter li,
.multifilter li,
.sortandshuffle li {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem;
    color: #92006e;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
}

.multifilter li {
    background-color: #4b9eff;
}

.multifilter li.active {
    background-color: #2265b4;
}


/* Shuffle and sort controls */

select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}

.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}

.sortandshuffle .sort-btn {
    background-color: #de0000;
}

.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}


/* Search control */

.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}


/* Colored divs */

.block {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .75) inset;
    color: white;
    text-align: center;
    height: 80px;
    position: relative;
}

.block>.text {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.block.xs {
    height: 40px;
}

.block.md {
    height: 120px;
}

.block.lg {
    height: 160px;
}

.block.purple {
    background-color: purple;
}

.block.yellow {
    background-color: #dec800;
}

.block.red {
    background-color: crimson;
}

.block.green {
    background-color: lightgreen;
}

.block.blue {
    background-color: #4b9eff;
}


/* Helpers */

.push-down {
    margin-bottom: 50px;
}

.filtr-container,
.color-container-1,
.color-container-2,
.color-container-3,
.color-container-4 {
    transition: height 500ms ease-out;
}