#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; }

h1.search-criteria { margin-bottom: 16px; text-align: center; }
.album-note { display: block; margin-top: -10px; color: #aaa; font-style: italic; }
.album-description { margin-top: 15px; }

.albums-header{     margin: 16px 16px 16px; text-align: center;  }

/* Albums
--------- */

ul.albums { padding: 0; margin: 0 0 20px; text-align: center; }
ul.albums li { min-width: 238px; list-style: none; display: inline-block; text-align: center;   margin-bottom: 20px; vertical-align: top; }
ul.albums li .cover { width: 208px; min-height: 208px; margin: 0 auto 10px; position: relative; line-height: 1.2em; }
ul.albums li .cover img { border: 6px solid white; border-radius: 2px; box-shadow: 0 2px 2px rgba(0,0,0,.24); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 192px; height: 192px; position: relative; z-index: 11; margin-bottom: 7px; }
ul.albums li a{ color: #000; }
ul.albums li .count { display: block; color: #aaa; font-size: 0.9em; margin-top: 5px; }
 

ul.albums.subalbums { margin-left: -20px; }
ul.albums.subalbums li { width: 150px; }
ul.albums.subalbums li .cover,
ul.albums.subalbums li .cover .sublayer,
ul.albums.subalbums li .cover img { width: 104px; height: 104px; }
ul.albums.subalbums li .cover img { border-width: 5px; }
ul.albums.subalbums li:hover .cover img { box-shadow: 0 2px 8px rgba(0,0,0,0.25); }


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

.slideshow { text-align: center; border-bottom: 1px solid rgba(0,0,0,0.15); margin: 0; }
.slideshow-navigator { background: #fff; padding: 8px 0 4px;  position: relative; }

.photo { margin-bottom: 0; width: 100%; margin-bottom: -5px; }
.photo img { max-width: 100%; height: 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: -48px; width: 96px; height: 96px; z-index: 100; cursor: pointer; background: url('img/nav-photo.png'); background-size: 192px 96px; opacity: 0; transition: opacity 0.2s 0 ease; }
.image i.image-nav.rewind { left: 20px; background-position: 0 0; }
.image i.image-nav.ff { right: 20px; background-position: -96px 0; }
.image:hover i.image-nav { transition: opacity 0.2s 1s ease; opacity: 0.5; }
.image:hover i.image-nav:hover { opacity: 1; -webkit-transition-delay: 0; transition: opacity 0.2s 0s ease; }

#photo-name { margin-top: 30px; }


/* 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; }

ul.view-thumbs { padding: 2px;  list-style: none; text-align: center; line-height: 0; }
ul.view-thumbs li { float: left; padding: 2px; width: 50%; display: inline-block; vertical-align: top;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
ul.view-thumbs li a { box-shadow: 0 2px 2px rgba(0,0,0,.24); border-radius: 2px; height: 160px;  width: 100%; display: block; text-decoration: none; }
ul.view-thumbs li h5 { margin-bottom: 0.3em; }
ul.view-thumbs li img { margin-bottom: 20px; }
/* ul.view-thumbs li img.shadowed { -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; margin-bottom: 5px; } */
ul.view-thumbs.album-float-left-view { margin-top: 10px; }
ul.view-thumbs.album-float-left-view li { margin-right: 22px; }

ul.view-thumbs li:hover img { border-color: #ffd; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out; }

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




/* TABLET
========= */

@media screen and (min-width: 480px) {
       ul.view-thumbs li{ width: 33.33%; }
}

@media screen and (min-width: 760px) {
       ul.view-thumbs li{ width: 25%; }
}