3 * Provides shared lightbox stylings for both Colorbox and Photobox.
6 .media__icon--litebox {
18 -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
19 transition: visibility 0s linear 0.5s, opacity 0.5s linear;
20 -ms-transform: translate(-50%, -50%);
21 -webkit-transform: translate(-50%, -50%);
22 transform: translate(-50%, -50%);
25 .media__icon--litebox::before,
26 .media__icon--litebox::after {
33 .media__icon--litebox {
37 .media__icon--litebox::before,
38 .media__icon--litebox::after {
43 margin: -1px 0 0 -40px;
46 -ms-transform: rotate(0deg);
47 -webkit-transform: rotate(0deg);
48 transform: rotate(0deg);
51 .media__icon--litebox::after {
52 -ms-transform: rotate(-90deg);
53 -webkit-transform: rotate(-90deg);
54 transform: rotate(-90deg);
57 .media__icon--litebox:hover::before,
58 .media__icon--litebox:hover::after {
59 background-color: #ff6d2c;
62 .media:hover .media__icon--litebox {
63 -webkit-transition-delay: 0s;
67 .media:hover .media__icon--litebox,
68 .media--switch .media__image {