arrow-left icon arrow-right icon behance icon chevron-left icon chevron-right icon cross-circle icon cross icon expand-less-solid icon expand-less icon expand-more-solid icon expand-more icon facebook icon flickr icon googleplus icon instagram icon kickstarter icon link icon mail icon menu icon minus icon myspace icon payment-amazon_payments icon payment-american_express icon ApplePay payment-cirrus icon payment-diners_club icon payment-discover icon payment-google icon payment-interac icon payment-jcb icon payment-maestro icon payment-master icon payment-paypal icon payment-shopifypay payment-stripe icon payment-visa icon pinterest icon play-circle-fill icon play-circle-outline icon plus-circle icon plus icon search icon tumblr icon twitter icon vimeo icon vine icon youtube icon
/* =============================================== // Reveal module // =============================================== */ .reveal .hidden { display: block !important; visibility: visible !important;} .product:hover .reveal img { opacity: 1; } .reveal { position: relative; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .reveal:hover .hidden { z-index: 100000; opacity: 1; } .reveal .caption { position: absolute; top: 0; display: table; width: 100%; height: 100%; background-color: white; /* fallback for IE8 */ background-color: rgba(255, 255, 255, 0); font: 13px/1.6 sans-serif; text-transform: uppercase; color: #333; letter-spacing: 1px; text-align: center; text-rendering: optimizeLegibility; } .reveal .hidden .caption .centered { display: table-cell; vertical-align: middle; } @media (min-width: 480px) and (max-width: 979px) { .reveal .caption { font-size: 11px; } }