@media (max-width: 1024px) {
.rtl .stm-view-by {
float: left;
}
}
.stm-view-by {
display: inline-block;
}
@media (max-width: 1024px) {
.stm-view-by {
float: right;
}
}
.stm-view-by .view-type {
display: block;
float: left;
color: var(--motors-text-alpha-color);
margin-left: 10px;
width: 32px;
height: 32px;
line-height: 34px;
text-align: center;
text-decoration: none !important;
}
.stm-view-by .view-type:hover {
color: var(--motors-accent-color);
cursor: pointer;
}
.stm-view-by .view-type:first-child {
margin-left: 0;
}
.stm-view-by .view-type.view-list {
font-size: 12px;
}
.stm-view-by .view-type.view-grid {
text-indent: 2px;
font-size: 16px;
}
.stm-view-by .view-type.active {
background-color: var(--motors-filter-inputs-color);
color: var(--motors-text-alpha-color);
}
.stm-view-by .view-type.active:hover {
color: var(--motors-accent-color);
}