.single .fa-blog-store-sidebar {
schweben: rechts;
Breite: 200px;
Rand: 0 0 20px 24px;
Anzeige: Flex;
Flexrichtung: Spalte;
align-items: center;
Lücke: 14px;
Position: klebrig;
oben: 90px;
Z-Index: 2;
}
.single .fa-blog-store-sidebar a {
Anzeige: Block;
Zeilenhöhe: 0;
Übergang: Deckkraft 0,2 s Leichtigkeit, Transformation 0,2 s Leichtigkeit;
}
.single .fa-blog-store-sidebar a:hover {
Deckkraft: 0,88;
transform: TranslateY(-1px);
}
.single .fa-blog-store-sidebar img {
Breite: 100 %;
maximale Breite: 200 Pixel;
Höhe: automatisch;
Randradius: 6px;
Box-Shadow: 0 2px 8px rgba(0,0,0,0.12);
}
@media (maximale Breite: 991 Pixel) {
.single .fa-blog-store-sidebar {
float: keine;
Breite: 100 %;
Rand: 0 0 24px;
Flexrichtung: Reihe;
rechtfertigen-Inhalt: Mitte;
Flex-Wrap: wickeln;
Position: statisch;
}
.single .fa-blog-store-sidebar img { max-width: 160px; }
}