/* Gallery index styles for the restored static site. */
div.riview {
    clear: both;
    list-style-type: none;
    text-align: center;
}

div.riview ul {
    clear: both;
    list-style-type: none;
    margin-left: -10px;
    overflow: hidden;
}

div.riview ul li {
    border: 1px solid;
    border-radius: 18px;
    display: inline-block;
    font-weight: bold;
    margin: 13px 7px 7px 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

div.riview ul li:hover {
    border: 1px solid;
}

div.riview ul li div.rititle {
    bottom: 0;
    height: 0%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 3;
}

div.riview ul li div.rititle p {
    width: 100%;
}

div.riview ul li div.riback {
    bottom: 0;
    height: 0%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: inherit;
    z-index: 2;
}

div.riview ul li div.rititle p a {
    text-decoration: none;
}

div.riview.light ul li {
    border-color: #f728a6;
}

div.riview.light ul li:hover {
    border-color: #fff205;
}

div.riview.light ul li div.riback {
    background-color: #fff;
}

div.riview.light ul li div.rititle p a {
    color: #000;
}

div.riview.dark ul li {
    border-color: #777;
}

div.riview.dark ul li:hover {
    border-color: #555;
}

div.riview.dark ul li div.riback {
    background-color: #000;
}

div.riview.dark ul li div.rititle p a {
    color: #fff;
}

div.riview ul li div.riback.rinojs.hover,
div.riview ul li div.riback.rinojs.never {
    display: none;
    height: 35%;
}

div.riview ul li div.rititle.rinojs.hover,
div.riview ul li div.rititle.rinojs.never {
    display: none;
    height: 32%;
}

div.riview ul li div.riback.always {
    display: block;
    height: 23%;
}

div.riview ul li div.rititle.always {
    display: block;
    height: 20%;
    padding-left: 20px;
    padding-right: 20px;
}

div.riview ul li:hover > div.riback.rinojs.hover,
div.riview ul li:hover > div.rititle.rinojs.hover {
    display: block;
}