.pages--head-photos{
    margin: 20px 0 0;
    font-weight: 500;
}

#gallery-nav { text-align: center; margin-top: -20px;  margin-bottom: 30px; }
#gallery-nav ul.menu-h li { float: none; display: inline-block; display: block\9; float: left\9; }
#gallery-nav .popup { max-width: 400px; max-height: 70%; overflow-y: scroll; }
#gallery-nav .popup ul.menu-v { padding-left: 6px; }
#gallery-nav .popup ul.menu-v li { display: block; float: none; list-style: none; line-height: 1.3em; text-align: left;  }
#gallery-nav .popup ul.menu-v li a { color: #03c; }
#gallery-nav .popup ul.menu-v li a:hover { color: red; }
#gallery-nav .popup ul.menu-v li ul { padding-left: 15px; padding-top: 2px; font-size: 0.9em; margin-bottom: 10px; }
#gallery-nav .popup ul.menu-v li ul li { float: none; }
#gallery-nav .popup ul.menu-v li ul li a { font-weight: normal; }

.album-note {
    display: block;
    color: #aaa;
}

.album-description {
    margin-top: 15px;
}

.albums-outer{
    overflow: hidden;
}

.albums {
    padding: 0;
    text-align: left;
    font-size: 0;
    margin: 0 -10px 20px 0;
}

.albums__item {
    list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    width: 20%;
    box-sizing: border-box;
}

.albums__item-inner{
    margin: 0 10px 10px 0;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: block;
    padding: 30px;
}

.albums__item a{
    text-decoration: none;
}

.albums__description{
    padding: 20px 0 0;
}

.albums__item img{
    height: auto !important;
}

ul.albums li .count {
    display: block;
    color: #aaa;
    font-size: 0.8em;
    margin: 5px 0;
}

.subalbums{
    margin: 20px 0 0;
}

@media (max-width: 1250px){
    .albums__item{
        width: 25%;
    }
}

@media (max-width: 1000px){
    .albums__item{
        width: 33.33%;
    }
}

@media (max-width: 500px){
    .albums__item{
        width: 50%;
    }
}

@media (max-width: 450px){
    .albums__item-inner{
        padding: 10px;
    }

    .albums__description {
        padding: 10px 0 0;
    }
}

.album-photo__item--mini{
    margin: 0 20px 20px 0;
    display: inline-flex;
    flex-direction: column;
}

.album-photo__item--mini .album-photo__desc{
    order: 2;
    max-width: 250px;
}

.album-photo__item--mini .image{
    order: 1;
}


/* Single photo (slide by slide view)
------------------------------------- */

.slideshow {
    text-align: center;
    margin: 0;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 50px;
}
.slideshow-navigator {
    position: relative;
    overflow: hidden;
}

.photo {
    width: 100%;
    margin-bottom: -5px;
}

.photo img {
    max-width: 100%;
    eight: auto !important;
}

.stack .stack-nav {
    font-size: 120%;
    padding: 4px 8px 4px;
    display: inline-block;
    position: relative;
    background: #000;
    display: block\9;
    background: transparent\9;
}

.stack .stack-nav img {
    width: 22px;
    height: 20px;
}

.stack .stack-nav .rewind {
    position: absolute;
    left: -30px;
    top: 3px;
}

.stack .stack-nav .ff {
    position: absolute;
    right: -30px;
    left: auto;
    top: 3px;
}

.image {
    position: relative;
    display: block;
    max-width: 100%;
    display: block\9;
}

.image img {
    max-width: 100%;
    height: auto !important;
}

.image .corner {
    position:absolute;
    z-index:10;
    color: #fff;
    font-weight: bold;
}

.image .corner.top {
    top:20px;
}

.image .corner.left {
    left:18px;
}

.image .corner.right {
    right: 16px;
}

.image .corner.bottom {
    bottom:5px;
}

.image .corner .indicator {
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 3px 6px;
}

.image .stripe {
    position:absolute;
    z-index:9;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    color: #fff;
    line-height: 1em;
}

.image .stripe p {
    margin: 0 0;
    padding: 5px;
}

.image .stripe p a {
    color: #fff;
}

.image .stack {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.image i.image-nav {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 100;
    left: 10px;
}

.image i.image-nav.ff {
    right: 10px;
    left: auto;
}

.photostream-container {
    width: 450px;
    margin: 0 auto;
}

ul.photostream {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

ul.photostream li {
    float: left;
    padding-right: 10px;
}

ul.photostream li img {
    width: 80px;
    height: 80px;
    border: 5px solid #FFF;
    box-sizing: border-box;
}

ul.photostream li.selected img {
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

ul.photostream li.selected > a {
    background: #fff;
}

ul.photostream li.stream-nav {
    position: absolute;
    top: 28px;
    z-index: 1;
}

ul.photostream li.stream-nav a{
    color: inherit;
}

ul.photostream li.stream-nav i {
    display: block;

}
ul.photostream li.stream-nav.rewind {
    left: -40px;
    padding: 0;
}

ul.photostream li.stream-nav.ff {
    right: -40px; padding: 0;
}


.photostream-divider {
    margin-top: 90px;
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
}

@media (max-width: 700px){
    ul.photostream li.stream-nav{
        display: none;
    }

    .image i.image-nav{
        opacity: 0.5;
    }
}

@media (max-width: 600px){
    ul.photostream li.stream-nav.rewind{
        left: 0;
    }

    ul.photostream li.stream-nav.ff{
        right: 0;
    }

    ul.photostream li img {
        width: 48px;
        height: 48px;
    }

    ul.photostream li{
        padding-right: 0;
    }

    .image-nav{
        width: 40px;
        height: 40px;
    }
}


/* Photo lists
-------------- */

.view-plain {
    margin-top: 20px;
}

.view-plain h5 {
    margin-bottom: 3px;
}

.view-plain .image {
    margin: 5px 0 0;
    max-width: 970px;
    text-align: left\9;
}

.view-plain img.shadowed {
    -moz-box-shadow: 0 1px 3px #aaa;
    -webkit-box-shadow: 0 1px 3px #aaa;
    box-shadow: 0 1px 3px #aaa;
}

.view-thumbs {
    list-style: none;
    text-align: center;
    line-height: 0;
    margin: 0 -10px 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.view-thumbs li {
    position: relative;
    width: 20%;
    display: inline-block;
}

.view-thumbs .image{

    margin: 0 10px 10px 0;
}

ul.view-thumbs li img{
    max-width: 100%;
    max-height: 100%;
}

ul.view-thumbs li a {
    text-decoration: none;
}

ul.view-thumbs li h5 {
    margin-bottom: 0.3em;
}

ul.view-thumbs.album-float-left-view { margin-top: 10px; }
ul.view-thumbs.album-float-left-view li { margin-right: 22px; }


.photo-thumbs-lazyloading { text-align: center; margin-top: 10px;}

@media (max-width: 1000px){
    .view-thumbs li{
        width: 25%;
    }
}

@media (max-width: 700px){
    .view-thumbs li{
        width: 33.33%;
    }
}

@media (max-width: 450px){
    .view-thumbs li{
        width: 50%;
    }
}

/* Comments
----------- */

.credentials { overflow: hidden; line-height: 1.3em; }
.credentials a,
.credentials span { display: inline-block !important; vertical-align: middle; padding: 0 !important; }
.credentials .userpic {
    min-width: 20px;
    display: block;
    margin-right: 2px;
    border-radius: 50%;
}

.credentials .username {
    margin: 0;
}

.credentials .username,
.credentials .username a {
    color: #000;
    padding: 0;
    display: inline;
    font-weight: 600;
}

.credentials a.username:hover { color: red; }
.credentials .date,
.credentials .icon16 { margin: 0 3px; }
.post .credentials { margin-bottom: 20px;}

.comments {
    margin: 30px 0 10px 0;
}

.comments h3 {
    margin: 0 0 40px;
}

.comments h4 {
    margin: 0 0 10px;
}

.comments .credentials .date { margin: 0 5px; padding-top: 1px; }
.comments .credentials .userpic { margin-right: 5px; }
.comments .credentials .userpic.icon16 { min-width: 0; width: 16px; height: 16px; margin: 7px 4px 0; }
.comments ul,
.comments ul li { padding: 0; margin: 0 0 20px 0; list-style: none; border: 0 !important; }
.comments ul li ul { margin:20px 0 0 0; }
.comments ul li span.hint a { color: #aaa; text-decoration: underline; }
.comments .text {
    margin: 15px 0;
}
.comments .actions {
    margin: 0 0 5px;
    display: inline-block;
    vertical-align: top;
}

.comments .actions ~ .comment-form{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0 0 0 20px;
}

.comments .actions ~ .comment-form h4{
    display: none;
}

.comments .actions a { padding: 0 !important; }
.comments ul li a.comment-delete { margin: 0 0 0 5px; padding: 0; color: #d99; text-decoration: underline; }
.comments ul li a.comment-delete:hover { background: red; color: white; }
.comments ul li ul { padding-left: 25px; }
.comments ul li .comment-form { padding: 10px 30px; margin-top: 0; }
.comments ul li .comment-form textarea { min-height: 100px; }
.comment.in-reply-to { background: #eee; margin: -8px -8px -13px; padding: 8px 35px 8px 8px; position: relative; }
.comment.new { background: #ffc; margin: -8px -8px -13px; padding: 8px 35px 8px 8px; }

.comment-form {
    padding: 0;
    margin-top: 40px;
}

.comment-form-fields p {
    margin: 0 0 25px;
}

.comment-form-fields label {
    font-size: 13px;
    margin: 0 0 10px;
    display: block;
}

.comment-form-fields p a { display: inline !important; }
.comment-form ul.menu-h.auth-type li a img { float: left; margin-right: 3px; position: relative; top: 2px; }
.comment-form ul.menu-h.auth-type { padding-bottom: 20px; }

/* Public gallery plugin styles
------------------------------- */

#photo-rate-votes-count,
#clear-photo-rate,
#photo-rate-error { position: relative; top: 3px; margin-left: 5px; margin-right: 5px; }
#photo-rate-error { color: red; }

.p-declined { color: red; }
.p-declined img { border: 2px solid red; margin-top: -2px; }
.p-awaiting-moderation { color: gray; font-style: italic; opacity: 0.5; }

.image .p-declined { color: white; background: red; padding: 15px; font-size: 1.2em; }
.image .p-awaiting-moderation { color: white; background: gray; padding: 15px; font-size: 1.2em; }

.slideshow-plugins{
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 50px;
    background: #FFF;
    margin: 10px 0 0;
}

.slideshow-data{
    font-size: 14px;
}

.slideshow-data__item{
    display: inline-block;
    margin: 0 30px 0 0;
}


.photo-info--author a{
    display: inline-block;
    margin: 0 30px 0 0;
}

@media (max-width: 1000px){
    .slideshow,
    .slideshow-plugins{
        padding: 30px;
    }
}

@media (max-width: 500px){
    .slideshow,
    .slideshow-plugins{
        padding: 20px;
    }
}