@charset "utf-8";
/* CSS Document */

.result {position: relative;display:inline-block;margin: 2% .5% 2% .5%;padding: 0 0 5em 0;transition: 0.5s ease; background:rgba(0,0,0,.5)}
.result:hover{transform:scale(1.1);box-shadow: 0px 0px 30px rgba(0,0,0,1);z-index:9999}
.result:hover span {height: 50%;}
.result .long:hover span {height: 70%;}
.result img {position: absolute;top: 0;left: 0;/*cursor: pointer;*/}
.result span {width: 100%;height: 1.5em;line-height: 1.5em;padding: 0 1rem;font-size: .9em;color: rgba(255,255,255,1);font-weight:bold;transition: 0.5s ease;text-shadow: 0 0 1em #000;overflow:hidden;position: absolute;bottom:0 !important;left: 0;}
.result span {background:linear-gradient(180deg,rgba(0,0,0,0.0), #000, #000);}
.result span a{color:#EDD19E; border-radius:2em; border:#EDD19E 2px solid; width:5em; margin:0.5em auto; padding:0 0.5em; line-height:1em; display:inline-block}
.result span a:hover{color:#fff; border-radius:2em; background:#FC6; border: #C96 2px solid; width:5em; margin:0.5em auto; padding:0 0.5em; line-height:1em; display:inline-block}
.result.philter-active, .result.random {
  padding: 1.5%;
  width:30%;
  height:calc(20vw - 2rem);
  min-width:300px;
  min-height:220px;
}
@media (max-width:600px){}