#cannazen_sorter_spacer {
height: 30px;
}
#cannazen_sorter {
align-items: center;
display: flex;
background-color: white;
width: 100%;
z-index: 99999;
}
#cannazen_sorter.sticky {
left: 0;
position: sticky;
top: 92px; }
#cannazen_sorter > span {
flex: 1;
text-align: center;
}
#cannazen_sorter > .cannazen_select_wrapper {
padding: 5px;
}
#cannazen_sorter > .first-select {
padding-left: 10px;
}
#cannazen_sorter > .cannazen_select_wrapper {
margin-left: 30px;
}
#cannazen_sorter .sort-desc,
#cannazen_sorter .sort-asc {
cursor: pointer;
display: inline-block;
font-size: 14px;
min-height: 30px;
min-width: 20px;
}
#cannazen_sorter .label {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.cannazen-cart-filter {
cursor: pointer;
}
.cannazen-active {
color: red;
}
@media screen and (max-width: 900px) {
#cannazen_sorter {
margin-left: calc((100% - 100vw) / 2);
max-width: 100vw !important;
position: absolute;
width: 100vw;
} #cannazen_sorter.sticky {
position: sticky;
top: 0;
}
#cannazen_sorter > .cannazen_select_wrapper {
flex: 1.35;
margin-left: 5px;
}
#cannazen_sorter .sort-desc,
#cannazen_sorter .sort-asc {
display: block;
}
#cannazen_sorter .label {
height: auto;
}
#cannazen_sorter_spacer {
height: 90px;
}
}