/*
Theme Name: 12k
Theme URI: https://www.yannnovakdesign.com
Description: A custom theme for 12k loosly based on Twenty Ten by the Wordpress Team.  Please do not steal.
Author: Yann Novak Design
Version: 1.0
*/


/* =Feature New Fix
-------------------------------------------------------------- */
.home #news {
	margin-bottom:  10px;
}

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Layout
-------------------------------------------------------------- */
#container {
	width: 100%;
}
#content {
	margin: 0 auto;
}
#footer {
	clear: both;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title spanl {
	font-family: 'Roboto', sans-serif;
}
#access .menu,
#access div.menu ul,
#site-info,
#site-title,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
input[type=submit] {
	font-family: 'Roboto', sans-serif;
}
pre {
	font-family: 'Roboto', sans-serif;
}
code {
	font-family: 'Roboto', sans-serif;
}

/* =Structure
-------------------------------------------------------------- */
#access .menu-header,
div.menu,
#masthead,
#colophon,
#main,
#wrapper,
.wrap {
	margin: 0 auto;
}
#masthead,
#wrapper {
	background: #fff;
	max-width: 1200px;
	padding: 0 100px;
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
	#masthead,
	#wrapper {
		padding: 0 50px;
	}
}
@media only screen and (max-width: 667px) {
	#masthead,
	#wrapper {
		padding: 0 30px;
	}
}
@media (prefers-color-scheme: dark) {
	#masthead,
	#wrapper {
		background: #222;
	}
}
#ie-fix {
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.two-column-left {
	clear: left;
	float:left;
	width: 65.6666%;
	padding-right: 5%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.one-column-right {
	margin: 0 0 0 65.6666%;
}
.left {
	clear: left;
	float:left;
	width: 46%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.right {
	margin: 0 0 0 54%;
}
@media only screen and (max-width: 1024px) {
	.two-column-left {
		clear: both;
		float:none;
		padding-right: 0;
		width: 100%;
	}
	.one-column-right {
		margin: 0;
	}
	.left {
		clear: both;
		float:none;
		width: 100%;
	}
	.right {
		margin: 0;
	}
}
#follow {
	float: left;
	width: 50%;
}
#newsletter {
	float: right;
	width: 50%;
}

/* =Global Elements
-------------------------------------------------------------- */
body {
	background: #eee;
}
@media only screen and (max-width: 1400px) {
	body {
		background: #fff;
	}
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal-leading-zero;
	list-style-position: inside;
	margin: 0;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: 400;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: 400;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
input[type="email"],
textarea {
	background: #fff;
	border: 1px solid #bbb;
	padding: 7px 5px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	width: 100%;
	-webkit-appearance: none;
}
input[type="submit"],
#content input[type="submit"] {
	background: transparent;
	color: #d8a94a;
	border: 1px solid #d8a94a;
	font-weight: 500;
	max-width: 46%;
	width: 100%;
	padding: 7px 0;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
#content input[type="submit"]:hover,
#content input[type="submit"]:focus {
	background: #d8a94a;
	border: 1px solid #d8a94a;
	color: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
textarea:focus {
	outline: none;
}
a:link,
a:visited {
	color: #d8a94a;
	text-decoration: none;
}
a:active,
a:hover {
	color: #565656;
	text-decoration: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

@media (prefers-color-scheme: dark) {
	body {
		background: #111;
	}
	body,
	input,
	textarea {
		color: #999;
	}
	hr {
		background-color: #181818;
	}
	pre {
		background: #080808;
	}
	abbr,
	acronym {
		border-bottom: 1px dotted #999;
	}
	/*
	input[type="text"],
	input[type="email"],
	textarea {
		background: #222;
		border: 1px solid #222;
	}
	input[type="submit"],
	#content input[type="submit"] {
		color: #d8a94a;
		border: 1px solid #d8a94a;
	}
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	#content input[type="submit"]:hover,
	#content input[type="submit"]:focus {
		background: #d8a94a;
		border: 1px solid #d8a94a;
		color: #222;
	}
	*/
	a:link,
	a:visited {
		color: #d8a94a;
		text-decoration: none;
	}
	a:active,
	a:hover {
		color: #a9a9a9;
		text-decoration: none;
	}
}

/* =Header
-------------------------------------------------------------- */
header {
	height: 200px;
	padding:0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: height 0.4s ease;
       -moz-transition: height 0.4s ease;
	     -o-transition: height 0.4s ease;
            transition: height 0.4s ease;
	z-index: 500;
}
#masthead {
	background-color: #fff;
	height: 200px;
	position: relative;
	margin: 0 auto;
}
header.active,
header.active #masthead {
	height: 150px;
	-webkit-transition: height 0.4s ease;
       -moz-transition: height 0.4s ease;
	     -o-transition: height 0.4s ease;
            transition: height 0.4s ease;
}
#site-logo {
	font-size: 30px;
	line-height: 36px;
	position: absolute;
	top: 50%;
	left: 100px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#site-logo a {
	background-image: url("images/12k-logo@2x.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 116px 36px;
	display: block;
	height: 36px;
	width: 116px;
	-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#site-logo a:hover {
	opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
	#site-logo {
		left: 50px;
	}
}
@media only screen and (max-width: 768px) {
	#site-logo a img {
		height: 26px;
		width: 83px;
	}
	header,
	#masthead {
		height: 150px;
	}
}
@media only screen and (max-width: 667px) {
	#site-logo {
		left: 30px;
	}
	header,
	#masthead {
		height: 100px;
	}
}
@media (prefers-color-scheme: dark) {
	#masthead {
		background-color: #222;
	}
	#site-logo a {
		background-image: url("images/12k-logo@2xDM.png");
	}
}

/* =Menu

-------------------------------------------------------------- */
#access,
.access {
	position: absolute;
	top: 50%;
	right: 100px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
}
.overlay-newsletter .access {
	right: 0px;
}
@media only screen and (max-width: 1024px) {
	#access {
		right: 50px;
	}
	.access {
		right: 0px;
	}
}
@media only screen and (max-width: 768px) {
	#access .menu-header {
		display: none;
	}
}
@media only screen and (max-width: 667px) {
	#access {
		right: 30px;
	}
}
#access .menu-header,
div.menu {
	font-size: 14px;
	font-weight: 400;
	text-transform:uppercase;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	text-align: right;
}
#access .menu-header li,
div.menu li {
	display:inline-block;
	position: relative;
}
#access a {
	color: #121212;
	display: block;
	letter-spacing: 1px;
	line-height: 12px;
	padding: 24px 0 0 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 880px) {
	#access a {
		padding: 24px 0 0 15px;
	}
}
#access li:hover > a,
#access ul ul :hover > a {
	color: #bbbbbb;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #d8a94a;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #d8a94a;
}
#access .button,
.access .button {
	display: none;
	float:right;
	height: 15px;
	z-index: 999;
}
.access .button-newsletter {
	display: inline-block;
	float:right;
	height: 15px;
	z-index: 999;
}
@media only screen and (max-width: 768px) {
	#access .button,
	.access .button {
		display: inline-block;
	}
}
#access .button a,
.access .button a,
.access .button-newsletter a {
	display: block;
	height: auto;
	font-size: 10px;
	width: 2em;
	margin-top: -11px;
	padding: 17px 0;
	position:relative;
	z-index: 999;
}
#access span.btn-open,
.access span.btn-close,
.access .button-newsletter.btn-close {
	position: relative;
	display: block;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	z-index: 999;
}
.access .button-newsletter.btn-close {
	z-index: 1000;
}
#access span.btn-open,
#access span.btn-open:before,
#access span.btn-open:after {
	background-color: #121212;
	width: 100%;
	height: 0.2em;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#access span.btn-open:before,
#access span.btn-open:after {
	position: absolute;
	margin-top: -0.6em;
	content: " ";
}
#access span.btn-open:after {
	margin-top: 0.6em;
}
#access .button a:hover span,
#access .button a:hover span:before,
#access .button a:hover span:after,
#access .button a:hover span,
#access .button a:hover span:before,
#access .button a:hover span:after {
	background-color: #d8a94a;
}
.access span.btn-close,
.access span.btn-close:before,
.access span.btn-close:after,
.access .button-newsletter span.btn-close,
.access .button-newsletter span.btn-close:before,
.access .button-newsletter span.btn-close:after {
	background-color: #fff;
	width: 100%;
	height: 0.2em;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	z-index: 999;
}
.access span.btn-close:before,
.access span.btn-close:after,
.access .button-newsletter span.btn-close:before,
.access .button-newsletter span.btn-close:after {
	position: absolute;
	margin-top: -0.6em;
	content: " ";
}
.access span.btn-close:after,
.access .button-newsletter span.btn-close:after {
	margin-top: 0.6em;
}
.access a span.btn-close:before,
.access .button-newsletter a span.btn-close:before {
	background-color: #fff;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
	top: 6px;
	right: 0px;
}
.access a span.btn-close:after ,
.access .button-newsletter a span.btn-close:after {
	background-color: #fff;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
	bottom: 0px;
	right: 0px;
}
.access span.btn-close,
.access .button a:hover span.btn-close,
.access .button-newsletter span.btn-close,
.access .button-newsletter a:hover span.btn-close {
	background-color: transparent;
}
.access .button a:hover span.btn-close:before,
.access .button a:hover span.btn-close:after,
.access .button-newsletter a:hover span.btn-close:before,
.access .button-newsletter a:hover span.btn-close:after {
	background-color: #d8a94a;
}
@media (prefers-color-scheme: dark) {
	#access a {
		color: #ededed;
	}
	#access li:hover > a,
	#access ul ul :hover > a {
		color: #bbb;
	}
	#access ul li:hover > ul {
		display: block;
	}
	#access ul li.current_page_item > a,
	#access ul li.current-menu-ancestor > a,
	#access ul li.current-menu-item > a,
	#access ul li.current-menu-parent > a {
		color: #d8a94a;
	}
	* html #access ul li.current_page_item a,
	* html #access ul li.current-menu-ancestor a,
	* html #access ul li.current-menu-item a,
	* html #access ul li.current-menu-parent a,
	* html #access ul li a:hover {
		color: #d8a94a;
	}
	#access span.btn-open,
	#access span.btn-open:before,
	#access span.btn-open:after {
		background-color: #ededed;
	}
	#access .button a:hover span,
	#access .button a:hover span:before,
	#access .button a:hover span:after,
	#access .button a:hover span,
	#access .button a:hover span:before,
	#access .button a:hover span:after {
		background-color: #d8a94a;
	}
	/*
	.access span.btn-close,
	.access span.btn-close:before,
	.access span.btn-close:after,
	.access .button-newsletter span.btn-close,
	.access .button-newsletter span.btn-close:before,
	.access .button-newsletter span.btn-close:after,
	.access a span.btn-close:before,
	.access .button-newsletter a span.btn-close:before,
	.access a span.btn-close:after ,
	.access .button-newsletter a span.btn-close:after {
		background-color: #222;
	}
	*/
	.access span.btn-close,
	.access .button a:hover span.btn-close,
	.access .button-newsletter span.btn-close,
	.access .button-newsletter a:hover span.btn-close {
		background-color: transparent;
	}
	.access .button a:hover span.btn-close:before,
	.access .button a:hover span.btn-close:after,
	.access .button-newsletter a:hover span.btn-close:before,
	.access .button-newsletter a:hover span.btn-close:after {
		background-color: #d8a94a;
	}
}

/* =Overlay
-------------------------------------------------------------- */
.overlay,
.overlay-newsletter {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(187, 187, 187, 0.95);
	overflow: auto;
	z-index: 750;
}
.wrap {
	color: #fff;
	text-align: right;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 100px;
}
.header {
	height: 150px;
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.wrap {
		padding: 0 50px;
	}
}
@media only screen and (max-width: 768px) {
	.header {
		height: 150px;
	}
}
@media only screen and (max-width: 667px) {
	.wrap {
		padding: 0 30px;
	}
	.header {
		height: 100px;
	}
}
.wrap ul.wrap-nav {
	clear:both;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 40px;
}
.wrap div.wrap-nav {
	padding: 0 0 40px;
}
.wrap ul.wrap-nav > li {
	float: left;
	display: block;
	vertical-align: top;
	padding: 0;
	position: relative; 
	margin: 0 0 60px;
	width: 100%;
}
.wrap ul.wrap-nav > li a,
.wrap ul.wrap-nav ul#menu-follow li.bold span {
	color: #fff;
	display: block;
	padding: 0 0 20px 0;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.wrap ul.wrap-nav > li a:hover {
	color: #d8a94a;
}
.wrap ul.wrap-nav ul {
	padding: 0;
	margin: 0;
}
.wrap ul.wrap-nav ul li {
	display: block;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 1px;
	width: 100%;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.wrap ul.wrap-nav ul li.bold {
	font-weight: 500;
}

.wrap ul.wrap-nav ul li.bottom-hide {
	padding-top: 40px;
}
.wrap ul.wrap-nav ul li a {
	color: #fff;
}
@media (prefers-color-scheme: dark) {
	.overlay,
	.overlay-newsletter {
		background: rgba(68, 68, 68, 0.95);
	}
	/*
	.wrap {
		color: #222;
	}
	.wrap ul.wrap-nav > li a,
	.wrap ul.wrap-nav ul#menu-follow li.bold span {
		color: #222;
	}
	.wrap ul.wrap-nav > li a:hover {
		color: #d8a94a;
	}
	.wrap ul.wrap-nav ul li {
		color: #222;
	}
	.wrap ul.wrap-nav ul li a {
		color: #222;
	}
	*/
}

/* =Newsletter
-------------------------------------------------------------- */
#mc_embed_signup {
	margin: 0 auto;
	max-width: 640px;
	text-align: left;
}
#mc_embed_signup h2 {
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 0 0 50px;
	text-align: center;
}
#mc_embed_signup label {
	clear: both;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 5px;
}
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
	color: #565656;
	font-size: 20px;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 25px;
	padding: 5px;
	width: 100%;
}
#mc_embed_signup input[type="text"]:focus,
#mc_embed_signup input[type="email"]:focus {
	outline: none;
}
#mc_embed_signup input[type="submit"] {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	max-width: 46%;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#mc_embed_signup input[type="submit"]:hover {
	background: #d8a94a;
	border: 1px solid #d8a94a;
}
html #mc_embed_signup div.mce_inline_error {
	background: #d8a94a;
}
#mc_embed_signup .indicates-required {
	display: inline;
	font-size: 15px;
	float: right;
}
.mc-field-group.left {
	clear: left;
	float: left;
	width: 46%;
}
.mc-field-group.right {
	margin: 0 0 0 54%;
}
@media only screen and (max-width: 667px) {
	#mc_embed_signup input[type="submit"] {
		max-width: 100%;
	}
	#mc_embed_signup .indicates-required {
		display: block;
		font-size: 15px;
		float: none;
		margin: 0 0 25px;
	}
	.mc-field-group.left {
		clear: both;
		float: none;
		width: 100%;
	}
	.mc-field-group.right {
		margin: 0;
	}
}
@media (prefers-color-scheme: dark) {
	/*
	#mc_embed_signup input[type="text"],
	#mc_embed_signup input[type="email"] {
		color: #a9a9a9;
	}
	#mc_embed_signup input[type="submit"] {
		background: transparent;
		color: #ededed;
		border: 1px solid #ededed;
	}
	#mc_embed_signup input[type="submit"]:hover {
		background: #d8a94a;
		border: 1px solid #d8a94a;
	}
	html #mc_embed_signup div.mce_inline_error {
		background: #d8a94a;
	}
	*/
}

/* =Content
-------------------------------------------------------------- */
main {
	clear: both;
	overflow: hidden;
	padding: 199px 0 0 0;
}
section#reviews,
section#category-list.artists,
section#artists,
section#related {
	margin: 0 0 50px;
}
@media only screen and (max-width: 768px) {
	main {
		padding: 149px 0 0 0;
	}
}
@media only screen and (max-width: 667px) {
	main {
		padding: 99px 0 0 0;
	}
	section#category-list.artists,
	section#artists,
	section#related {
		margin: 0 0 40px;
	}
}
#content {
	margin-bottom: 100px;
}
.page-template-page-about #content {
	margin-bottom: 80px;
}
#content,
#content input,
#content textarea {
	color: #565656;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content p.line {
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 48px;
	padding-top: 15px;
}
#content p.news-date {
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #121212;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #121212;
	line-height: 24px;
	margin: 0 0 20px 0;
}
.hentry {
	margin: 0 0 48px 0;
}
.single .hentry {
	margin: 0 0 36px 0;
}
#content .page-title,
#content .section-title,
#content .news-title,
#content .category-title {
	color: #121212;
	font-size: 28px;
	font-weight: 300;
	line-height: 40px;
	margin: 0 0 15px 0;
	-webkit-font-smoothing: antialiased;
}
#content h3.page-title,
#content h3.section-title,
#content .category-title {
	margin: 0 0 50px 0;
}
#content .review-page-title {
	color: #121212;
	font-size: 24px;
	font-weight: 300;
	line-height: 40px;
	margin: 0 0 15px 0;
	-webkit-font-smoothing: antialiased;
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 50px;
	margin-bottom: 60px;
}
#content .review-page-title.half {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 50px;
}
#content .page-title.half,
#content .section-title.half,
#content .review-page-title.half {
	float: left;
	width: 75%;
}
#content iframe {
	display: block;
	margin-top: 40px;
}
#content .credit-container {
	padding-top: 40px;
	font-size: 13px;
	line-height: 21px;
}
#content .credit-container h4 {
	border-top: 1px solid #bbb;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	padding-top: 30px;
}
#content .credit-container p {
	margin-bottom: 21px;
}


@media only screen and (max-width: 1024px) {
	#content .page-title.half,
	#content .section-title.half,
	#content .review-page-title.half {
		width: 50%;
	}
}
@media only screen and (max-width: 667px) {
	#content .page-title,
	#content .section-title,
	#content .news-title,
	#content .review-page-title {
		font-size: 24px;
		line-height: 36px;
	}
	#content .review-page-title {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	#content h3.page-title,
	#content h3.section-title {
		margin: 0 0 40px 0;
	}
	#content .page-title.half,
	#content .section-title.half,
	#content .review-page-title.half {
		float: none;
		width: 100%;
	}
	#content .credit-container {
		padding-top: 40px;
	}
}
@media (prefers-color-scheme: dark) {
	#content,
	#content input,
	#content textarea {
		color: #a9a9a9;
	}
	#content p.line {
		border-bottom: 1px solid #404040;
	}
	#content dt,
	#content th,
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6,
	#content .page-title,
	#content .section-title,
	#content .news-title,
	#content .category-title {
		color: #ededed;
	}
	#content .review-page-title {
		color: #ededed;
		border-bottom: 1px solid #bbb;
	}
}
#content .entry-title {
	color: #121212;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
}
#content .release-title {
	color: #d8a94a;
	font-size: 24px;
	font-weight: 400;
	font-style: italic;
	line-height: 24px;
	margin: 0 0 24px 0;
	-webkit-font-smoothing: antialiased;
}
.entry-meta {
	margin: 0 0 75px;
	width: 47%;
}
#content .entry-meta .page-title {
	margin: 0 0 5px 0;
}
#content .entry-meta ul,
#content .entry-meta ol,
#content .entry-meta dl {
	font-size: 14px;
	line-height: 22px;
}
#content .entry-meta dt {
	color: #565656;
	clear:left;
	font-weight: 400;
	float: left;
	width: 100px;
}
#content .entry-meta dd {
	color: #121212;
	font-weight: 400;
	margin: 0 0 0 100px;
}
#content .entry-meta ol {
	color: #565656;
	font-weight: 400;
}
.entry-content {
	margin: 0 auto 75px;
	max-width: 700px;
}
@media only screen and (max-width: 667px) {
	.entry-meta {
		width: 100%;
		margin: 0 0 40px;
	}
	.entry-content {
		margin: 0 auto 40px;
		max-width: 700px;
	}
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0;
}
.entry-summary {
	margin-bottom: 25px;
}
.entry-summary,
a:link .entry-summary {
	color: #fff;
	text-decoration: none;
}
section#artist .entry-summary {
	color: #565656;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
#content .entry-utility {
	margin: 0 -2%;
}
#content .entry-meta .button-container {
	padding-top: 5px;
}
#content .entry-meta a,
#content .entry-utility a,
#content a.more-button {
	background: transparent;
	color: #d8a94a;
	border: 1px solid #d8a94a;
	float: left;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0 2%;
	padding: 7px 0;
	text-align: center;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#content a.more-button {
	display: inline-block;
	line-height: 40px;
	margin: 0 0 50px;
	padding: 0;
}
#content .entry-meta a {
	display: block;
	float: none;
	line-height: 40px;
	margin: 0 0 16px;
	padding: 0;
}
#content .entry-meta a:hover,
#content .entry-utility a:hover,
#content a.more-button:hover {
	background: #d8a94a;
	border: 1px solid #d8a94a;
	color: #fff;
}
#content .entry-meta a {
	width: 225px;
}
#content a.more-button {
	width: 25%;
}
#content .entry-utility.four-col a {
	width: 21%;
}
#content .entry-utility.two-col a {
	width: 46%;
}
#content .secondary-images {
	margin-bottom: 55px;
}
#content .secondary-images img {
	float: left;
	width: 50%;
}
#content .secondary-images img:only-child {
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	#content .entry-utility.four-col a {
		width: 45%;
		margin-bottom: 2%;
	}
	#content a.more-button {
		width: 50%;
	}
}
@media only screen and (max-width: 667px) {
	#content .secondary-images img {
		width: 100%;
	}
	#content .entry-utility {
		margin: 0;
	}
	#content .entry-utility.four-col a,
	#content .entry-utility.two-col a {
		margin: 0 0 25px;
		width: 100%;
	}
	#content .entry-utility.four-col a:last-child,
	#content .entry-utility.two-col a:last-child {
		margin: 0;
	}
	#content .entry-meta a,
	#content a.more-button {
		width: 100%;
	}
}
@media (prefers-color-scheme: dark) {
	#content .entry-title {
		color: #ededed;
	}
	#content .release-title {
		color: #d8a94a;
	}
	#content .entry-meta dt {
		color: #a9a9a9;
	}
	#content .entry-meta dd {
		color: #ededed;
	}
	#content .entry-meta ol {
		color: #a9a9a9;
	}
	/*
	.entry-summary,
	a:link .entry-summary {
		color: #222;
	}
	*/
	section#artist .entry-summary {
		color: #a9a9a9;
	}
	#content .entry-meta a,
	#content .entry-utility a,
	#content a.more-button {
		color: #d8a94a;
		border: 1px solid #d8a94a;
	}
	#content .entry-meta a:hover,
	#content .entry-utility a:hover,
	#content a.more-button:hover {
		background: #d8a94a;
		border: 1px solid #d8a94a;
		color: #222;
	}
}

/* =News Slider
-------------------------------------------------------------- */
#content .rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
#content .rslides li {
	box-shadow: 0 0 0 #000000;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
}
#content .rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
#content .rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;
}
#content .rslides li .inner-block {
	background-color: #bbbbbb;
	display: block;
	min-height: 48%;
	margin: 2%;
	opacity: 0.9;
	padding: 20px 25px;
	position: absolute;
	top: 0;
	width: 48%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform-style: preserve-3d;
	z-index: 100;
	-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1024px) {
	#content .rslides li .inner-block {
		height: 92%;
	}
}
@media only screen and (max-width: 667px) {
	#content .rslides li .inner-block {
		margin: 4%;
		min-height: 48%;
		width: 92%;
	}
}
#content .rslides li:nth-child(odd) .inner-block  {
	left: 0;
}
#content .rslides li:nth-child(even) .inner-block  {
	right: 0;
}
#content .rslides img.show {
	display: none;
}
@media only screen and (max-width: 667px) {
	#content .rslides img.hide {
		display: none;
	}
	#content .rslides img.show {
		display: block;
	}
}
@media (prefers-color-scheme: dark) {
	#content .rslides li .inner-block {
		background-color: #444;
	}
}

/* =News-List
-------------------------------------------------------------- */
section#category-list article {
	border-bottom: 1px solid #bbb;
	margin-bottom: 60px;
	padding-bottom: 60px;
}
section#category-list article:last-child {
	margin-bottom: 0;
}
section#category-list.artists article:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
section#category-list article img.float-block,
section#category-list article div.float-block {
	width: 47%;
}
section#category-list article:nth-child(even) img.float-block {
	float: right; 
}
section#category-list article:nth-child(even) div.float-block {
	float: left;
}
section#category-list article:nth-child(odd) img.float-block {
	float: left; 
}
section#category-list article:nth-child(odd) div.float-block {
	float: right;
}
section#category-list article.no-image div.float-block {
	clear: both;
	float: left;
}
#content section#category-list a.more-button {
	margin: 0;
	width: 50%;
}
@media only screen and (max-width: 768px) {
	section#category-list article {
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	section#category-list article img.float-block,
	section#category-list article div.float-block {
		width: 100%;
	}
	section#category-list article:nth-child(even) img.float-block,
	section#category-list article:nth-child(even) div.float-block,
	section#category-list article:nth-child(odd) img.float-block,
	section#category-list article:nth-child(odd) div.float-block {
		clear: both;
		float: none;
	}
	section#category-list article:nth-child(even) img.float-block,
	section#category-list article:nth-child(odd) img.float-block {
		margin: 0 0 25px;
	}
	#content section#category-list a.more-button {
		width: 100%;
	}
}
@media (prefers-color-scheme: dark) {
	section#category-list article {
		border-bottom: 1px solid #bbb;
	}
}

/* =Grids
-------------------------------------------------------------- */
#content .grid article {
	float: left;
	margin-bottom: 0;
	position: relative;
	width: 33.3333%;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;
}
#content .grid.two-column article {
	width: 50%;
}
#content section#artist.grid.two-column article {
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	#content .grid article {
		width: 50%;
	}
}
@media only screen and (max-width: 667px) {
	#content .grid.two-column article,
	#content .grid article {
		width: 100%;
	}
}
#content section#reviews.grid article {
	border-bottom: 1px solid #bbbbbb;
	line-height: 24px;
	padding: 13px 0;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
#content section#reviews.grid article:hover {
	background-color: #d8a94a;
}
#content section#reviews.grid article:first-child {
	border-top: 1px solid #bbbbbb;
}
.type-twelvek_product #reviews.grid article:nth-child(6),
.type-twelvek_artist #related.grid article:nth-child(7) {
	display: none;
}
.grid article img {
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;
}
section#artists.grid article img {
	-webkit-filter: grayscale(1);
	   -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	     -o-filter: grayscale(100%);
	        filter: grayscale(100%);
	        filter: gray;
}
#content .grid article .inner-block {
	background-color: #bbbbbb;
	display: block;
	height: 92%;
	left: 0;
	margin: 4%;
	opacity: 0;
	overflow: hidden;
	padding: 20px 25px;
	position: absolute;
	top: 0;
	width: 92%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	z-index: 100;
	-webkit-font-smoothing: antialiased;
}
#content .grid article:hover .inner-block {
	opacity: 0.9;
}
section#category-list .artist-name,
#content .grid article .artist-name {
	color: #121212;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 30px;
	margin-bottom: 3px;
}
section#category-list .artist-name {
	font-weight: 300;
	margin-bottom: 10px;
}
#content .grid article .release-title,
#content .grid article .artist-country {
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
}
#content .grid article .release-title {
	font-size: 20px;
	line-height: 24px;
}
#content .grid article .artist-country {
	font-size: 15px;
	line-height: 20px;
}
#content .grid article .release-title {
	font-style: italic;
}
#content .grid article .cat-no,
#content .rslides li .inner-block .news-date {
	bottom: 20px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	left: 25px;
	letter-spacing: 1px;
	line-height: 15px;
	position: absolute;
}
section#artist.grid article img {
	width: 47%;
	float: left;
}
#content section#artist.grid article .inner-block {
	background-color: transparent;
	display: block;
	height: auto;
	float: right;
	margin: 0;
	opacity: 1.0;
	padding: 0;
	position: relative;
	width: 47%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
}
#content section#artist.grid a.more-button {
	margin: 0;
	width: 50%;
}
@media only screen and (max-width: 1024px) {
	section#category-list .artist-name,
	#content .grid article .artist-name {
		font-size: 24px;
		line-height: 30px;
	}
	section#artist.grid article img {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	#content section#artist.grid article .inner-block {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 667px) {
	#content section#artist.grid a.more-button {
		width: 100%;
	}
}
@media (prefers-color-scheme: dark) {
	#content section#reviews.grid article {
		border-bottom: 1px solid #bbb;
	}
	#content section#reviews.grid article:hover {
		background-color: #d8a94a;
	}
	#content section#reviews.grid article:first-child {
		border-top: 1px solid #bbb;
	}
	#content .grid article .inner-block {
		background-color: #444;
	}
	section#category-list .artist-name,
	#content .grid article .artist-name {
		color: #ededed;
	}
	/*
	#content .grid article .release-title,
	#content .grid article .artist-country {
		color: #222;
	}
	#content .grid article .cat-no,
	#content .rslides li .inner-block .news-date {
		color: #222;
	}
	*/
}
#content .grid article a .review-title {
	clear: left;
	font-weight: 400;
	float: left;
	padding: 0 0 0 25px;
	width: 33.3333%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
#content .grid article .review-excerpt {
	font-style: italic;
	font-weight: 300;
	margin: 0 0 0 33.3333%;
	padding: 0 25px 0 0;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
#content .grid article:hover .review-excerpt {
	color: #121212;
}
#content section#reviews.grid a {
	text-decoration: none;
}
#content section#reviews.grid a .review-title {
	color: #121212;
}
#content section#reviews.grid a .review-excerpt {
	color: #565656;
}
#content section#reviews.grid a .review-excerpt span {
	font-style: normal;
	font-weight: 400;
}
#content section#reviews.grid article:hover a .review-excerpt {
	color: #ffffff;
}
#content section#reviews.grid .review-excerpt p {
	margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
	#content .grid article .artist-name {
		font-size: 24px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 667px) {
	#content .grid article a .review-title {
		clear: both;
		float: none;
		padding: 0 25px;
		width: 100%;
	}
	#content .grid article .review-excerpt {
		margin: 0;
		padding: 0 25px;
	}
}
#filter {
	border-top: 1px solid #bbbbbb;
	color: #d8a94a;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height:60px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
#filter a,
#filter span {
	display: inline-block;
	padding-right: 20px;
}
#filter a {
	color: #121212;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
#filter a:hover {
	color: #bbbbbb;
}
@media (prefers-color-scheme: dark) {
	#content .grid article:hover .review-excerpt {
		color: #ededed;
	}
	#content section#reviews.grid a .review-title {
		color: #ededed;
	}
	#content section#reviews.grid a .review-excerpt {
		color: #a9a9a9;
	}
	#content section#reviews.grid article:hover a .review-excerpt {
		color: #222;
	}
	#filter {
		border-top: 1px solid #bbb;
		color: #d8a94a;

	}
	#filter a {
		color: #ededed;
	}
	#filter a:hover {
		color: #bbb;
	}
}

/* =About
-------------------------------------------------------------- */
#principles ol {
	font-size: 16px;
	line-height: 26px;
	margin: 0 -25px;
	-webkit-font-smoothing: antialiased;
}
#principles ol li {
	color: #121212;
	position:relative;
	font-weight: 500;
	float: left;
	width: 25%;
	padding: 0 25px 60px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#principles ol li span {
	color: #565656;
	font-weight: 300;
}
#principles ol li:nth-child(4n+5) {
	clear: left;
}
@media only screen and (max-width: 1024px) {
	#principles ol li {
		width: 50%;
	}
	#principles ol li:nth-child(4n+5) {
		clear: none;
	}
	#principles ol li:nth-child(odd) {
		clear: left;
		width: 50%;
	}
}
@media only screen and (max-width: 667px) {
	#principles ol li {
		clear:both;
		width: 100%;
		padding-bottom: 25px;
		height: auto;
	}
	#principles ol li:last-child {
		padding-bottom: 50px;
	}
}
@media (prefers-color-scheme: dark) {
	#principles ol li {
		color: #ededed;
	}
	#principles ol li span {
		color: #a9a9a9;
	}
}

/* =Images
-------------------------------------------------------------- */
#content img {
	display: block;
	margin: 0;
	height: auto;
	max-width: 1200px;
	width: 100%;
}
#content img.show {
	display: none;
}
#content img.ajax-loader {
	display: inline;
	width: auto;
}
#content img.hero-image {
	margin-bottom: 55px;
}
#content img.cover-image {
	margin-bottom: 75px;
}
#content img.cover-image {
	float: right;
	width: 47%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
#content img.cover-image.album_cover_outline {
	border: 1px solid #121212; 
}
@media only screen and (max-width: 667px) {
	#content img.hero-image {
		margin-bottom: 40px;
	}
	#content img.cover-image {
		margin-bottom: 40px;
	}
	#content img.cover-image {
		float: none;
		width: 100%;
	}
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
@media (prefers-color-scheme: dark) {
	#content .wp-caption {
		background: #0e0e0e;
	}
	#content .wp-caption p.wp-caption-text {
		color: #777;
	}
	#content img.cover-image.album_cover_outline {
		border: none; 
	}
}

/* =Media
-------------------------------------------------------------- */
section#video,
.embed-vimeo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
section#video iframe,
.embed-vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
	color: #888;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 100px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #121212;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.navigation a:active,
.navigation a:hover {
	color: #bbbbbb;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.meta-nav {
	background-size: 8px 13px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 8px;
	height: 13px;
	opacity: 1.0;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.nav-next .meta-nav {
	background-image: url(images/arrow-next@2x.jpg);
	background-position: right center;
	padding-left: 15px;
}
.nav-previous .meta-nav {
	background-image: url(images/arrow-previous@2x.jpg);
	background-position: left center;
	padding-right: 15px;
}
.nav-next a:hover .meta-nav,
.nav-previous a:hover .meta-nav {
	opacity: 0.5;
}
#nav-below {
	margin: 0 0 -100px 0;
}
@media only screen and (max-width: 667px) {
	.navigation span {
		display: none;
	}
}
@media (prefers-color-scheme: dark) {
	.navigation {
		color: #777;
	}
	.navigation a:link,
	.navigation a:visited {
		color: #ededed;
	}
	.navigation a:active,
	.navigation a:hover {
		color: #bbb;
	}
	.nav-next .meta-nav {
		background-image: url(images/arrow-next@2x.jpg);
	}
	.nav-previous .meta-nav {
		background-image: url(images/arrow-previous@2x.jpg);
	}
}

/* =Footer
-------------------------------------------------------------- */
footer {}
#colophon {
	border-top: 2px solid #bbbbbb;
	margin-top: -2px;
	overflow: hidden;
	padding: 50px 0;
}
#follow a {
	text-decoration: none;
}
#follow a {
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 25px 0 0;
	width: auto;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#follow a.twelvek {
	background-image: url("images/12k-logo-footer@2x.png");
	background-size: 66px 20px;
	width: 66px;
}
#follow a.twitter {
	background-image: url("images/icons-twitter@2x.png");
	background-size: 29px 20px;
	width: 29px;
}
#follow a.rss {
	background-image: url("images/icons-rss@2x.png");
	background-size: 20px 20px;
	width: 20px;
}
#follow a:hover {
	opacity: 0.6;
}
#newsletter {
	text-align: right;
}
#newsletter a {
	color: #121212;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#newsletter a:hover {
	color: #bbbbbb;
}
@media only screen and (max-width: 667px) {
	#follow a.hide,
	#newsletter span.hide {
		display: none;
	}
}
@media (prefers-color-scheme: dark) {
	#colophon {
		border-top: 2px solid #bbb;
	}
	#follow a.twelvek {
		background-image: url("images/12k-logo-footer@2xDM.png");
	}
	#follow a.twitter {
		background-image: url("images/icons-twitter@2xDM.png");
	}
	#follow a.rss {
		background-image: url("images/icons-rss@2xDM.png");
	}
	#newsletter a {
		color: #ededed;
	}
	#newsletter a:hover {
		color: #bbb;
	}
}