@charset "utf-8";

.hopcard-item { box-shadow: 0 0 2px rgba(0, 0, 0, .2), 1px 1px 1px 0px rgba(255, 255, 255, .35) inset, -1px -1px 1px 0px rgba(255, 255, 255, .35) inset; }
.hopcard-item:hover { box-shadow: 0 0 16px rgba(0, 0, 0, .15); }

.hopcard-item article.hopcard-main { background: rgba(255, 255, 255, 1); }

.hopcard-item .title { background-color: rgba(0, 0, 0, .05); }
.hopcard-item .title strong { color: rgba(255, 255, 255, .95); }

.hopcard-item .mask { background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0%, rgba(255, 0, 0, .0) 100%); }

.hopcard-item .info a.but { box-shadow: 0 0 2px rgba(0, 0, 0, .2); }