/* CSS Name: Default Styles Description: NextGEN Default Gallery Stylesheet Author: Photocrati Media Version: 2.12 This stylesheet is provided to allow users the ability of overriding the default styles for all display types */

 .ngg-album {
     width: 100%;
     max-width: 300px;
     height: 450px;
     margin: 10px;
     padding: 20px 30px;
     float: left;
     border: none;
     border-radius: 5px;
     background: #eee;
     position: relative;
}
 .ngg-album img {
     max-width: 100%;
     height: auto;
     margin-left: 0;
     padding: 10px;
}
 .ngg-thumbnail img {
     width: 260px;
     margin: 10px auto;
     background-color: inherit;
     border: none;
     padding: 1px;
     position: relative;
     height: auto;
}
 .ngg-album-compactbox {
     width: 250px;
}
 .ngg-albumtitle {
     letter-spacing: 1px;
     font-size: 14px;
     text-transform: uppercase;
     margin: 20px auto;
}
 .ngg-album-gallery-image-counter {
     width: 110px;
     background-color: #bac590;
     padding: 10px 20px;
     position: absolute;
     right: 0;
     bottom: 3px;
     left: 185px;
     margin: 10px;
     clear: both;
     font-size: 10px;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .ngg-album-gallery-image-counter strong {
     padding-left: 20px;
}
 .ngg-description p {
     padding: 10px 0;
     line-height: 20px;
}
 .ngg-gallery-thumbnail-box {
     max-width: 100% !important;
     margin: 10px 15px;
     text-align: center;
}
 .ngg-gallery-thumbnail {
     text-align: center;
     max-width: 100% !important;
     background-color: #eee;
     border-radius: 5px;
     border: none;
     padding: 10px;
}
 .ngg-navigation a.next, .ngg-navigation a.page-numbers, .ngg-navigation a.prev, .ngg-navigation span.next, .ngg-navigation span.page-numbers, .ngg-navigation span.prev {
     border: none;
     margin-right: 3px;
     padding: 3px 8px;
     text-decoration: none;
}
 .ngg-navigation span {
     background-color: #bac590;
     padding: 4px 7px;
     border-radius: 5px;
}
 .page-numbers:hover, .next:hover {
     background-color: #bac590 !important;
     padding: 4px 7px;
     border-radius: 5px;
}
 .slideshowlink {
     background-color: #bac590 !important;
     box-sizing: box-sizing: border-box;
     border: 10px solid #bac590;
     border-radius: 5px;
     margin: 20px 0 20px 20px;
     width: 100%;
     max-width: 200px;
     text-align: center;
}
 .slideshowlink a {
     text-transform: uppercase;
     text-decoration: none;
     letter-spacing: 1px;
     font-size: 11px;
     font-weight: 700;
}
 .slideshowlink a:hover {
     color: #fff;
}
 .ngg-breadcrumbs {
     margin-bottom: 20px;
}
