1. Gallery hover
2.  
3. .sqs-gallery-block-grid .slide .margin-wrapper:hover a.image-slide-anchor {
4. opacity: .1;
5. -webkit-transition: opacity .3s ease-in-out;
6. transition: opacity .3s ease-in-out;
7. -moz-transition: opacity .3s ease-in-out;
8. -o-transition: opacity .3s ease-in-out;
9. -ms-transition: opacity .3s ease-in-out;
10. }
11.  
12. .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
13. display: block;
14. position: absolute;
15. top: 110px;
16. right: 0;
17. bottom: 0;
18. left: 0;
19. padding: 2em;
20. -webkit-transition: all .3s ease-out;
21. -moz-transition: all .3s ease-out;
22. -o-transition: all .3s ease-out;
23. -ms-transition: all .3s ease-out;
24. transition: all .3s ease-out;
25. margin-bottom: 0px !important;
26. }
27.  
28. .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
29. color: #273845;
30. opacity: 0;
31. text-transform: uppercase;
32. font-size: 18px;
33. line-height: 125%;
34. letter-spacing: 2px;
35. margin-bottom: 240px;
36. }
37.  
38. .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title {
39. color: #273845;
40. opacity:1;
41. text-transform: uppercase;
42. vertical-align: middle;
43. font-size: 18px;
44. line-height: 125%;
45. letter-spacing: 2px;
46. margin-bottom: 240px;
47. }
48.  
49. @media only screen and (max-width: 400px) {
50. .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title {
51. color: transparent;
52. opacity: 0;
53. }
54. }