@import url(/koken/storage/themes/repertoire-fa8a5d39-01a5-dfd6-92ff-65a22af5d5ac/css/fonts/default.css);

body {
	font-size:16px;
	line-height:1.4;
	font-weight:normal;
	text-align:center;
	background:#ffffff;
	color:#666666;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align: baseline;
	-ms-interpolation-mode: bicubic;
}

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

a:hover {
	color:#fa3c24;
}

b, strong {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

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

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

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

small {
    font-size: 80%;
}

.meta {
	font-size:11px;
	color:#999999;
}

.meta a:link, .meta a:visited, .meta a:active {
	color:inherit;
}

.meta a:hover {
	color:#fa3c24;
}

.smallsans {
	font-size:11px;
}

div.detail-text {
	font-size:14px;
	line-height:24px;
}

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

header h1 {
	margin:0 0 10px;
	padding:0;
	font-size: 32px;
	line-height: 52px;
	font-weight: 400;
}

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

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

header h6 {
	font-size:11px;
	text-transform:none;
	letter-spacing:0;
	margin-bottom:8px;
}

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

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

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

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

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

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

div.main {
	clear:both;
}

span.k-note {
	font-size:12px;
}

span.k-note b, span.k-note strong {
	font-weight:bold;
}

.pag,
a.pag:link,
a.pag:visited,
a.pag:hover,
a.pag:active
{
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#222222;
}

.pag:hover,
a.pag:hover
{
	color:#fa3c24;
	text-decoration:none;
}

a.img { display:block; }

/* FORMS (BASIC)
----------------------------------------------- */

fieldset {
	position:relative;
	margin:0 0 0.5rem 0;
}

fieldset legend {}

label {
	font-size: 0.875rem;
	color: #222222;
	cursor: pointer;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea
{
	border-radius: 0;
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	color: #666666;
	display: block;
	font-size: 0.875rem;
	font-family:inherit !important;
	margin: 0 0 1em 0;
	padding: 0.5em;
	height: auto;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color:#222222;
	outline: none;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
	background-color: #ddd;
	cursor: default;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
	background-color: #ddd;
	cursor: default;
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
	margin: 0 0 1rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
	height: auto;
}

/* Not allow resize out of parent */
textarea {
	max-width: 100%;
}

button, .button {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1em 0;
	position: relative;
	text-decoration: none;
	text-align: center;
	border-radius: 0;
	display: inline-block;
	padding: 0.75rem 1.75rem;
	font-size: 1rem;
	background-color:#222222;
	color:#fff;
	-webkit-appearance: none;
	-moz-appearance: none;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color:#222222;
	color:#fff;
}
button.large, .button.large {
	padding: 1.125rem 2.25rem;
	font-size: 1.25rem;
}
button.small, .button.small {
	padding: 0.875rem 1.75rem 0.9375rem;
	font-size: 0.8125rem;
}
button.tiny, .button.tiny {
	padding: 0.625rem 1.25rem 0.6875rem;
	font-size: 0.6875rem;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	opacity: 0.5;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* CONTACT FORM
----------------------------------------------- */

.k-contact-form-success {
	padding:1em 0;
}

.k-contact-form-success:before {
	content: '✔';
	color:#222222;
	margin-right: 6px;
}

.k-contact-form-required-field label:after {
	content: '*';
	color: red;
}

.k-content-form-processing {
	opacity: 0.5;
}

.k-content-form-processing button[type="submit"] {
	pointer-events: none !important;
}

.k-contact-form-error label {
}

.k-contact-form-error label:before {
	position:absolute;
	right:0;
	color:red;
	content:"This field is required";
}

.k-contact-form-error input[type="text"],
.k-contact-form-error input[type="password"],
.k-contact-form-error input[type="date"],
.k-contact-form-error input[type="datetime"],
.k-contact-form-error input[type="datetime-local"],
.k-contact-form-error input[type="month"],
.k-contact-form-error input[type="week"],
.k-contact-form-error input[type="email"],
.k-contact-form-error input[type="number"],
.k-contact-form-error input[type="search"],
.k-contact-form-error input[type="tel"],
.k-contact-form-error input[type="time"],
.k-contact-form-error input[type="url"],
.k-contact-form-error input[type="color"],
.k-contact-form-error textarea
{
	border-color:red;
}

/*
	MAIN
*/

.main h1 {
	font-size:18px;
	line-height:1.3;
}

.main h2 {
	font-size:16px;
	line-height:1.4;
	letter-spacing:2px;
	font-weight:400;
	text-transform:uppercase;
}

.main h3 {
	font-size:18px;
	line-height:1.7;
	letter-spacing:2px;
	font-weight:400;
	text-transform:uppercase;
}

.main h4 {
	font-size:11px;
	line-height:1.4;
	font-style:italic;
	text-transform:uppercase;
}


/*
	HOME
*/

div.home-essays h3 {
	margin-top:0.5em;
}

div.home-essays p {
	font-size:12px;
	line-height:18px;
	margin-top:0.5em;
}

div.home-essays section {
	margin-bottom:20px;
}

div.home-slideshow {
	margin-bottom:12px;
}

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

div#home-albums div {
	margin-bottom: 20px;
}

div#home-albums div:nth-child(odd) {
	margin-right:20px !important;
}

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

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

div#home-albums-three div:nth-child(3n+3) {
	margin-right:0 !important;
}

div#home-albums-three div:nth-child(3n+1) {
	clear:left;
}

.album-meta {
	margin-top:0.5em;
}

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

/*
	ALBUM INDEX
*/

div#albums div.pulse-links {
	/* turned on via js event */
	display:none;
	margin-bottom:10px;
	float:right;
}

div#albums div.pulse-links a {
	color:#222222;
	font-size:11px;
	text-transform: uppercase;
}

div#albums div.pulse-links a:hover {
	color:#fa3c24;
	text-decoration:none;
}

div#albums div.pulse-count {
	display:inline;
	color:#666666;
	font-style:italic;
	font-size:12px;
}

div#albums div.row.spacer div {
	margin-top:10px;
}

div#albums div.pulse {
	clear:both;
}

div#albums div.album-meta div:nth-child(2) {
	margin-top:10px;
}

/*
	ALBUMS DETAIL
*/

div#albums-detail h1 {
	margin-bottom:20px;
}

div#albums-detail h5 {
	margin-top:10px;
}

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

div#albums-detail div.img-wrap {
	text-align: center;
}

div#albums-detail img {
	max-height:800px;
	margin:0 auto;
}

div#albums-detail div.item {
	margin-bottom:20px;
}

ul.neighbor-links {
	float:right;
	margin-bottom:0;
}

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

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

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

/*
	ESSAYS/PAGES
*/

article .article-body p {
	font-size:14px;
	line-height:24px;
}

article .article-body footer {
	margin-bottom:10px;
	font-size:11px;
}

article .article-body h1, article .article-body h2, article .article-body h3, article .article-body h4 {
	margin:14px 0;
}

article .article-body p, article .article-body ul, article .article-body ol {
	margin-bottom:14px;
}

article .article-body ul {
	list-style:disc;
	list-style-position: inside;
}

article .article-body ol {
	list-style:decimal;
	list-style-position: inside;
}

article .article-body blockquote {
	padding:0 50px;
	margin:0 0 14px;
	font-style:italic;
	font-size:16px;
}

article .article-body b, article .article-body strong {
	font-weight:bold;
}

article footer {
	font-size:12px;
}

/* line up the baseline with main column */
article aside {
	padding-top:5px;
}

.k-content-embed {
	margin-bottom:14px;
}

.k-content {
	line-height:0;
}

.k-content img {
	max-width: 100%;
	height:auto;
}

.k-content-text {
	margin:10px 0 14px;
	text-align: left;
}

.k-content-title {
	display:block;
	color:#222222;
	font-size:12px;
	text-transform: uppercase;
	margin:0 0 4px 0;
}

.k-content-caption {
	color:#666666;
	font-size:12px;
}

/*
	TIMELINE
*/

.event {
	margin-bottom:2em;
}

.media {
	margin-bottom:1em;
}

.event-data p {
	margin-top:1em;
}

ul.k-mosaic.edge > li {
	margin:8px 8px 0 0;
}

/*
	PAGINATION
*/

div.paginate {
	width:100%;
	margin-top:3em;
}

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

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

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

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

div.paginate a:hover {
	color:#fa3c24;
}

div.paginate a.k-pagination-current {
	color:#fa3c24;
	cursor:default;
}

div.essay-pag {
	margin-top:4em;
}

div.essay-pag ul {
	list-style:none;
	display:table;
	width:100%;
}

div.essay-pag ul li {
	display:table-row;
}

div.essay-pag span.cell {
	display:table-cell;
}

div.essay-pag span.cell:first-child {
	padding-right:2.5%;
}

div.essay-pag span.cell:last-child {
	padding-left:2.5%;
}

div.essay-pag span.cell.right {
	text-align:right;
}

div.essay-pag a.title {
	color:#222222;
	font-size:12px;
	text-transform:uppercase;
}

div.essay-pag a.title:hover {
	color:#fa3c24;
}

div.essay-pag p {
	font-size:12px;
	line-height:18px;
	margin-top:4px;
	text-align: justify;
}

/*
	MISC
*/

img.flex {
	max-width:100%;
	height:auto;
}

img.k-lazy-loading {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:24px 24px;
	background-image: url(/koken/storage/themes/repertoire-fa8a5d39-01a5-dfd6-92ff-65a22af5d5ac/css/white/spinner.svg);
}

img.nospin {
	background:none !important;
}

/* SOCIAL
----------------------------------------------- */

.social-links {
	margin-top:5px;
	margin-bottom:14px;
}

.social-links li {
	display:inline-block;
}

.social-links li a {
	font-size:11px;
	text-align: center;
	display:inline-block;
	color:#999999;
	padding:0 5px;
}

.social-links li:first-child a {
	padding-left:0;
}

.social-links li:last-child a {
	padding-right:0;
}

.social-links li a:hover {
	color:#fa3c24;
}

.social-links li a.share_facebook {
	padding-right:1px;
	padding-left:3px;
}

.social-links li a.share_pinterest {
	padding-right:0px;
}

.social-links li a.share_tumblr {
	padding-right:3px;
}

/* Discussions
================================================== */

div#kdiscuss {
	margin-top:4em;
}

/* Additional @media mods -- extends skeleton.css */

/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	div#albums-detail img {
		max-height:728px;
	}

	/*body::before{content: "TABLET";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {

	img.custom_logo {
		max-width:300px;
		height:auto;
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8, M12=0, M21=0, M22=0.8, SizingMethod='auto expand')";
	    -moz-transform-origin: 0 50%;
		-o-transform-origin: 0 50%;
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
	}

	#site_title {
		margin-bottom:30px;
	}

	nav {
		margin-bottom:20px;
	}

	nav li {
		display:inline-block;
		margin-right:10px;
	}

	div#albums-detail img {
		max-height:440px;
	}

	ul.neighbor-links {
		float:none;
	}

	ul.neighbor-links li {
		margin-left:0;
	}

    /*body::before{content: "MOBILE PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

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

	div#albums-detail img {
		max-height:280px;
	}

    /*body::before{content: "MOBILE LANDSCAPE";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
}


/*
 * Mosaic image layout
 */

.k-mosaic {
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
.k-mosaic:before, .k-mosaic:after {
	content: " ";
	display:table;
}
.k-mosaic:after {
	clear:both;
}
.k-mosaic > li {
	display:inline;
	height:auto;
	float:left;
	font-size:0 !important;
	line-height:0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.k-mosaic img {
	max-height: none !important;
	vertical-align:baseline;
}

.k-mosaic-1 > li { width:100%; }
.k-mosaic-1 > li:nth-of-type(n) { clear:none; }
.k-mosaic-1 > li:nth-of-type(1n+1) { clear:both; }

.k-mosaic-2 > li { width:50%; }
.k-mosaic-2 > li:nth-of-type(n) { clear:none; }
.k-mosaic-2 > li:nth-of-type(2n+1) { clear:both; }

.k-mosaic-3 > li { width:33.333333333%; }
.k-mosaic-3 > li:nth-of-type(n) { clear:none; }
.k-mosaic-3 > li:nth-of-type(3n+1) { clear:both; }

.k-mosaic-4 > li { width:25%; }
.k-mosaic-4 > li:nth-of-type(n) { clear:none; }
.k-mosaic-4 > li:nth-of-type(4n+1) { clear:both; }

.k-mosaic-5 > li { width:20%; }
.k-mosaic-5 > li:nth-of-type(n) { clear:none; }
.k-mosaic-5 > li:nth-of-type(5n+1) { clear:both; }

.k-mosaic-6 > li { width:16.66667%; }
.k-mosaic-6 > li:nth-of-type(n) { clear:none; }
.k-mosaic-6 > li:nth-of-type(6n+1) { clear:both; }

.k-mosaic-7 > li { width:14.28571%; }
.k-mosaic-7 > li:nth-of-type(n) { clear:none; }
.k-mosaic-7 > li:nth-of-type(7n+1) { clear:both; }

.k-mosaic-8 > li { width:12.5%; }
.k-mosaic-8 > li:nth-of-type(n) { clear:none; }
.k-mosaic-8 > li:nth-of-type(8n+1) { clear:both; }

.k-mosaic-9 > li { width:11.11111%; }
.k-mosaic-9 > li:nth-of-type(n) { clear:none; }
.k-mosaic-9 > li:nth-of-type(9n+1) { clear:both; }

.k-mosaic-10 > li { width:10%; }
.k-mosaic-10 > li:nth-of-type(n) { clear:none; }
.k-mosaic-10 > li:nth-of-type(10n+1) { clear:both; }

.k-mosaic.edge > li {
	margin: 1px 1px 0 0;
}

.k-mosaic-1.edge li:first-child,
.k-mosaic-2.edge > li:nth-of-type(-n+2),
.k-mosaic-3.edge > li:nth-of-type(-n+3),
.k-mosaic-4.edge > li:nth-of-type(-n+4),
.k-mosaic-5.edge > li:nth-of-type(-n+5),
.k-mosaic-6.edge > li:nth-of-type(-n+6),
.k-mosaic-7.edge > li:nth-of-type(-n+7),
.k-mosaic-8.edge > li:nth-of-type(-n+8),
.k-mosaic-9.edge > li:nth-of-type(-n+9),
.k-mosaic-10.edge > li:nth-of-type(-n+10) { margin-top: 0 !important; }

.k-mosaic-1.edge li,
.k-mosaic-uneven:last-child,
.k-mosaic-2.edge > li:nth-of-type(2n),
.k-mosaic-3.edge > li:nth-of-type(3n),
.k-mosaic-4.edge > li:nth-of-type(4n),
.k-mosaic-5.edge > li:nth-of-type(5n),
.k-mosaic-6.edge > li:nth-of-type(6n),
.k-mosaic-7.edge > li:nth-of-type(7n),
.k-mosaic-8.edge > li:nth-of-type(8n),
.k-mosaic-9.edge > li:nth-of-type(9n),
.k-mosaic-10.edge > li:nth-of-type(10n) { margin-right:0 !important; }

.k-mosaic-2.edge > li:nth-of-type(2n+1),
.k-mosaic-3.edge > li:nth-of-type(3n+1),
.k-mosaic-4.edge > li:nth-of-type(4n+1),
.k-mosaic-4.edge > li:nth-of-type(4n+1),
.k-mosaic-5.edge > li:nth-of-type(5n+1),
.k-mosaic-6.edge > li:nth-of-type(6n+1),
.k-mosaic-7.edge > li:nth-of-type(7n+1),
.k-mosaic-8.edge > li:nth-of-type(8n+1),
.k-mosaic-9.edge > li:nth-of-type(9n+1),
.k-mosaic-10.edge > li:nth-of-type(10n+1) { margin-left: 0 !important; }