figure.effect-winston {
background: #162633;
text-align: left
}
figure.effect-winston img {
-webkit-transition: opacity .45s;
transition: opacity .45s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity .45s, -webkit-transform .45s;
transition: opacity .45s, transform .45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%
}
figure.effect-winston h2 {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
figure.effect-winston .effect-description {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 7% 0
}
figure.effect-winston a {
margin: 0 10px;
color: #5d504f;
font-size: 170%
}
figure.effect-winston a:focus,
figure.effect-winston a:hover {
color: #cc6055
}
figure.effect-winston .effect-description {
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
-webkit-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
figure.effect-winston:hover img {
opacity: .6
}
figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
figure.effect-winston:hover figcaption::before {
opacity: .7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
-ms-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg)
}
figure.effect-winston:hover .effect-description {
opacity: 1;
color: #444;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
figure.effect-winston:hover .effect-description a:nth-child(3) i {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
figure.effect-winston:hover .effect-description a:nth-child(2) i {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
figure.effect-winston:hover .effect-description a:first-child i {
-webkit-transition-delay: .15s;
transition-delay: .15s
}