/*
Theme Name: KIND KAPUTT
Description: A band theme (child theme of Themify Ultra)
Template: themify-ultra
Author: grobc (carsten.grob@gmail.com)
*/

/* Woohoo! Let's customize! */
@font-face {
    font-family: 'Vinyl';
    src: url('https://kk.unhaesslich.de/wp-content/themes/kind-kaputt/font/rubik-vinyl.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body:not(.mobile-menu-visible) .social-widget .layout-parts, .audiotheme-record-single .audiotheme-record-header .audiotheme-record-artist, .home .bit-nav-bar-container, .bit-upcoming-events-show-all-button, .bit-rsvp-container, #content .bit-widget .bit-play-my-city-button {
	display: none;
}
body.mobile-menu-visible .social-widget .layout-parts, body.mobile-menu-visible .social-widget .themify-social-links  {
	display: block
}
/*.navbar-wrapper{
	display: inherit;
	text-align: right;
}
.header-bar {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}*/
.lyrics_inner, .lyrics_inner h2, .lyrics_inner h3, .audiotheme-record-single .audiotheme-record-header .audiotheme-record-title {
	color: #FFF;
}
a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav a:hover, #main-nav .current-menu-parent a, #main-nav ul a:hover, #headerwrap #header  #main-nav .current-menu-item > a, #headerwrap #header  #main-nav .current_page_item > a, #headerwrap #header #main-nav a:hover, #site-logo a, #header .social-widget .module-site-logo a {
	color: #395474;
}
a:hover, #content .audiotheme-record-links-list .audiotheme-record-links-item .audiotheme-record-link:hover, #site-logo a:hover, #header .social-widget .module-site-logo a:hover {
	color: #000;
}
#menu-icon, .audiotheme-record-links-list .audiotheme-record-links-item .audiotheme-record-link:hover, .info_inner {
	background-color: #FFF;
}
.lyrics_inner, .bit-widget .bit-offers:hover, .builder_button.blue:hover {
	background-color: #000;
}
:not(.home) .bit-widget .bit-upcoming-events {
	background-color: rgba(255,255,255,.3);
}
:not(.home) .bit-widget .bit-event:nth-child(odd) {
	background-color: rgba(255,255,255,.3);
}
:is(#footer, #pagewrap) .back-top-float, .audiotheme-record-links-list .audiotheme-record-links-item .audiotheme-record-link, .builder_button.blue {
	background-color: #395474;
}
:is(#footer, #pagewrap) .back-top-float:hover {
	background-color: #666;
}
.lyrics h2, .credits h2, .audiotheme-tracklist-section h2, .info_inner h2 {
	font-family: "Vinyl";
}
body {
	font-size: 1.2em;
}
#main-nav a {
	font-size: 1.6em;
	font-weight: 800;
	text-transform: uppercase;
}
body #site-logo a {
	font-size: 2em;
}
.audiotheme-tracklist-title.audiotheme-label {
	font-size: 2.3em;
}
.audiotheme-archive-title {
	font-size: 3.1em;
	font-weight: 700;
	line-height: 1.2em;
}
h2 {
	text-transform: uppercase;
}
h3, h3.module-title {
	font-size: 3.7em;
}
.audiotheme-record-single .audiotheme-record-header .audiotheme-record-title, .audiotheme-record-single .audiotheme-record-header .audiotheme-record-artist, .audiotheme-video-single .audiotheme-video-title {
	font-size: 32px;
}
.lyrics h2, .credits h2, .audiotheme-tracklist-section h2, .info_inner h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 6cqw;
}
body.mobile-menu-visible #mobile-menu, .audiotheme-record-single .audiotheme-record-meta.audiotheme-meta-list, .audiotheme-record-single .audiotheme-record-header .audiotheme-record-title, .audiotheme-record-links, .audiotheme-tracklist-section h2, .audiotheme-content.entry-content h2, .credits h2, .preorder .module-buttons, .preorder .image-title {
	text-align: center;
}
.footer-right-wrap {
	text-align: right;
}
.preorder .module-buttons {
	position: absolute;
	bottom: 0;
	width: 100%;
}
:is(.footer-horizontal-left, .footer-horizontal-right) #footer .footer-nav {
	float: right;
}
.social-widget {
	padding: 0 30px;
}
.audiotheme-meta-item, .menu:after, .widget li:after, .record_info:after {
  clear: both;
  content: "";
  display: table;
}
.audiotheme-tracklist-title.audiotheme-label {
	padding-top: 40px;
}
.info_inner, .lyrics_inner {
	padding-bottom: 10px;
}
:is(.footer-horizontal-left, .footer-horizontal-right) #footer .footer-nav li:last-child a {
	margin-right: 0;
}
.audiotheme-record-header, .record_info, .credits, .preorder div.module_column {
	margin-bottom: 40px;
}
.preorder .module-image {
	padding-bottom: 60px;
}
.social-widget .social-links.horizontal li {
	margin: 0;
}
.audiotheme-record-single.min-width-400 .audiotheme-record-artwork.pressing_info {
	/* float: left;
	clear: both;
	display: block; */
}
.audiotheme-record-single .audiotheme-record-header .audiotheme-record-title {
	background-image: url('https://kk.unhaesslich.de/wp-content/themes/kind-kaputt/img/headline_bg_blk.webp');
	background-size: 100% 100%;
	padding: 10px 15px;
	text-transform: uppercase;
	z-index: 2;
}
.audiotheme-record-single .audiotheme-record-meta.audiotheme-meta-list, .social-widget {
	background-image: url('https://kk.unhaesslich.de/wp-content/themes/kind-kaputt/img/headline_bg_ws.webp');
	background-size: 100% 100%;
}

.lyrics_wrapper:before, .lyrics_wrapper:after, .home .banner:before, .home .banner:after  {
	display: block;
	content: '';
	background-image: url('https://kk.unhaesslich.de/wp-content/themes/kind-kaputt/svg/wave-blk.svg');
	background-size: contain;
	background-repeat:  repeat-x;
	height: 50px;
	width: 100vw;
	background-position: bottom;
}
.home .banner {
	margin: 50px 0;
}
.home .banner:before {
	margin-top: -50px;
}
.home .banner:after {
	margin-bottom: -50px;
}
.lyrics_wrapper:after,  .home .banner:after  {
    -moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
    filter: FlipH FlipV;
    -ms-filter: "FlipH" "FlipV";
}
.info_wrapper:before, .info_wrapper:after {
	display: block;
	content: '';
	background-image: url('https://kk.unhaesslich.de/wp-content/themes/kind-kaputt/svg/wave-ws.svg');
	background-size: contain;
	background-repeat:  repeat-x;
	height: 50px;
	width: 100vw;
	background-position: bottom;
}
.info_wrapper:after {
    -moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
    filter: FlipH FlipV;
    -ms-filter: "FlipH" "FlipV";
}
.lyrics_wrapper, .lyrics_inner, .info_wrapper, .home .banner:before, .home .banner:after  {
    width:  100vw;
    max-width:  100vw;
    margin-left:  calc(50% - 50vw);
	margin-right:  calc(50% - 50vw); 
}
.lyrics_inner:after {
	content: '';
	display: block;
	clear: both;
}
.lyrics {
	padding-top: 20px;
	padding-bottom: 20px;
}
.lyrics_headline {
	margin: 26px 0;
}
.lyrics_content {
	column-count: 2;

}
/* ----------------- Audiotheme ----------------- */
.audiotheme, .lyrics, .audiotheme-content.entry-content {
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
}
ul.audiotheme-videos {
	margin-left: 0;
	list-style: none;
}

.audiotheme-grid .item .audiotheme-featured-image img, .audiotheme-record-single .audiotheme-record-artwork img, .audiotheme-record-single .audiotheme-record-artwork img.wp-post-image {
	box-shadow: 0px 0px 1px #000;
	border: 2px solid #FFF;
}
.audiotheme-records .audiotheme_record .audiotheme-record-artwork .audiotheme-record-type {
	border: 1px solid #000;
}
.audiotheme-grid.min-width-400 .item {
	width: 96%;
}
.audiotheme-grid.min-width-600 .item {
	width: 48%;
}
.audiotheme-grid.min-width-600 .item:nth-of-type(2n+1) {
	clear: left;
}

@media (max-width: 440px) {
	body #site-logo a {
		font-size: 1.6em;
	}
}
@media (min-width: 800px) {
	.audiotheme-videos.audiotheme-grid .audiotheme_video,
	.audiotheme-grid.min-width-600 .item {
		width: 48%!important;
		max-width: 48%;!important
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-webkit-flex: 0 0 48%;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
	}
	.audiotheme-grid.min-width-600 .item:nth-of-type(2n+1) {
		clear: left;
	}
}
.audiotheme-record-single.min-width-600 {
		padding: 0; /*0 0 430px;*/
		margin: 0; /*0 0 -430px;*/
		width: 49%;/*390px;*/
}
.audiotheme-record-single.min-width-600 {
	width: 100%;
}
.audiotheme-record-single.min-width-600 {
	padding: 0; /*0 0 430px;*/
}
.audiotheme-record-single.min-width-600 .audiotheme-record-artwork {
	margin: 0; /*0 0 -430px;*/
	width: 49%;/*390px;*/
}
.audiotheme-record-single .audiotheme-record-artwork {
	max-width: 100%;/*500px;*/
}
@media (max-width: 760px) {
	.audiotheme-record-single.min-width-400 .audiotheme-record-artwork {
		margin: 0;
		width: 100%;
		float: none;
	}
	.audiotheme-record-single.min-width-400 {
		padding: 0;
	}
}
@media (min-width: 1000px) {
	.audiotheme-videos.audiotheme-grid .audiotheme_video,
	.audiotheme-grid.min-width-600 .item {
		width: 31.3333%!important;
		max-width: 31.3333%!important;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-webkit-flex: 0 0 31.3333%;
		-ms-flex: 0 0 31.3333%;
		flex: 0 0 31.3333%;
		/*min-height: 412px;*/
	}
	.audiotheme-grid.min-width-600 .item:nth-of-type(3n+1) {
		clear: left!important;
	}
	.audiotheme-grid.min-width-600 .item:nth-of-type(2n+1) {
		clear: none;
	}
	.audiotheme-record-single.min-width-600 {
		padding: 0; /*0 0 430px;*/
	}
	.audiotheme-record-single.min-width-600 .audiotheme-record-artwork {
		margin: 0; /*0 0 -430px;*/
		width: 49%;/*390px;*/
	}
	.audiotheme-record-single .audiotheme-record-artwork {
		max-width: 100%;/*500px;*/
	}
}
@media screen and (max-width:1260px){
	.audiotheme, .lyrics, .audiotheme-content.entry-content {
		max-width: 94%;
	}
}

/* shape divider */