/* Repertoire theme — white color variant (defaults)
 * Ported from Koken Repertoire v1.7.2 (MIT license)
 * Original used Koken SCSS variables; here substituted with white-variant values.
 */

body {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    background: #fff;
    color: #666;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img {
    vertical-align: baseline;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
}

a:link, a:visited, a:hover, a:active {
    color: #222;
    text-decoration: none;
}

a:hover { color: #000; }

b, strong { font-weight: 700; }
em, i { font-style: italic; }

p { font-size: 12px; margin-bottom: 1em; }

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    color: #222;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 12px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

small { font-size: 80%; }

.meta { font-size: 11px; color: #999; }
.meta a:link, .meta a:visited, .meta a:active { color: inherit; }
.meta a:hover { color: #222; }
.smallsans { font-size: 11px; }

header.top {
    text-align: left;
    margin: 0 auto 50px;
    overflow: auto;
    padding: 30px 0 0;
}

header h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    line-height: 1.2;
}

header h2 {
    font-size: 11px !important;
    margin-bottom: 8px;
    font-weight: 400;
}

header h6, header span.tagline {
    font-size: 11px;
    text-transform: none;
    letter-spacing: 0;
}

header h6 { margin-bottom: 8px; }

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav li {
    margin-bottom: 4px;
    font-size: 12px;
}

nav li a:link, nav li a:visited, nav li a:hover, nav li a:active {
    color: #666;
    text-decoration: none;
}

nav li a:hover { color: #000; }

nav a.k-nav-current { color: #000 !important; }

.container { margin-top: 30px; text-align: left; }

footer.main {
    font-size: 12px;
    clear: both;
    margin-top: 60px;
    padding: 20px 0;
}

div.main { clear: both; }

/* Album index page */
.home-slideshow {
    margin-bottom: 12px;
    text-align: center;
}

.home-slideshow img { max-height: 480px; width: auto; }

#home-albums-three {
    margin-top: 20px;
}

#home-albums-three .album-cell {
    margin-right: 20px !important;
    margin-bottom: 20px;
}

#home-albums-three .album-cell:nth-child(3n+3) { margin-right: 0 !important; }
#home-albums-three .album-cell:nth-child(3n+1) { clear: left; }

.album-cover-link { display: block; }

.album-cover-link img { width: 100%; height: auto; display: block; }

.album-meta, .album-meta p { margin-top: .5em; }

/* Album detail page */
.album-detail h1 {
    margin-bottom: 20px;
    font-size: 14px;
    letter-spacing: 2px;
}

.album-detail h5 { margin-top: 10px; }

.album-detail p.caption {
    margin-top: 10px;
    font-style: italic;
}

.album-detail .img-wrap { text-align: center; margin-bottom: 20px; }

.album-detail .img-wrap img {
    max-height: 800px;
    margin: 0 auto;
    display: block;
}

/* Picture page */
.picture-page .img-wrap {
    text-align: center;
    margin-bottom: 14px;
    max-width: 100%;
}

.picture-page .img-wrap img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.picture-page .caption {
    margin-top: 10px;
    font-style: italic;
    color: #666;
}

/* Navigation prev/next */
ul.neighbor-links {
    float: right;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

ul.neighbor-links li {
    display: inline-block;
    margin: 0 10px;
}

ul.neighbor-links li:first-child { margin-left: 0; }
ul.neighbor-links li:last-child { margin-right: 0; }

/* Pagination */
.paginate {
    width: 100%;
    margin-top: 3em;
}

.paginate .nav {
    margin: 0 auto;
    display: inline-block;
}

.paginate ol {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.paginate ol li { display: inline; margin-right: 10px; }

.paginate a {
    color: #222;
    font-size: 11px;
    text-align: center;
}

.paginate a:hover { color: #000; text-decoration: none; }

.paginate a.current { color: #000; cursor: default; }

/* Additional Pages (static content) */
.additional_page_content {
    margin-top: 20px;
    line-height: 1.8;
}

.additional_page_content h1 {
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.additional_page_content p {
    margin-bottom: 1em;
}

.additional_page_content ul, .additional_page_content ol {
    margin-left: 20px;
    margin-bottom: 1em;
}

/* Responsive */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .album-detail .img-wrap img { max-height: 728px; }
}

@media only screen and (max-width: 767px) {
    .site_title { margin-bottom: 30px; }
    nav { margin-bottom: 20px; }
    nav li { display: inline-block; margin-right: 10px; }
    .album-detail .img-wrap img { max-height: 440px; }
    ul.neighbor-links { float: none; }
    ul.neighbor-links li { margin-left: 0; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .album-detail .img-wrap img { max-height: 280px; }
}