<стиль>
.single .fa-blog-store-sidebar {
плавать: вправо;
ширина: 200 пикселей;
поле: 0 0 20 пикселей 24 пикселя;
дисплей: гибкий;
гибкое направление: столбец;
выровнять-элементы: по центру;
разрыв: 14 пикселей;
положение: липкое;
верх: 90 пикселей;
z-индекс: 2;
}
.single .fa-blog-store-sidebar а {
дисплей: блок;
высота строки: 0;
переход: непрозрачность, легкость 0,2 с, трансформация, легкость 0,2 с;
}
.single .fa-blog-store-sidebar a:hover {
непрозрачность: 0,88;
преобразование: TranslateY (-1px);
}
.single .fa-blog-store-sidebar img {
ширина: 100%;
максимальная ширина: 200 пикселей;
высота: авто;
радиус границы: 6 пикселей;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
@media (максимальная ширина: 991 пикселей) {
.single .fa-blog-store-sidebar {
плавающий: нет;
ширина: 100%;
поле: 0 0 24 пикселей;
гибкое направление: строка;
оправдание-содержание: центр;
flex-wrap: обертка;
положение: статичное;
}
.single .fa-blog-store-sidebar img { max-width: 160px; }
}