/*
Theme Name: Illegale Farben
Description: Illegale Farben - Band theme
Template: themify-ultra
Author: grobc (carsten.grob@gmail.com)
*/

/* Woohoo! Let's customize! */
body:not(.mobile-menu-visible) .social-widget .widget_media_image, .audiotheme-archive-title.archive-title, .single-audiotheme_record .lyrics .tb_turn_on.js-turn-on-builder, .error404 #headerwrap,
.error404 #footerwrap {
	display: none;
}
body.mobile-menu-visible .social-widget .widget_media_image, .audiotheme-record-title.entry-title a {
	display: block;
}
body.mobile-menu-visible .social-widget {
	display: grid;
}
body.mobile-menu-visible .social-widget .widget_media_image {
	order: 1;
}
body.mobile-menu-visible .social-widget .themify-social-links {
	order: 2;
}
#site-logo img, body.mobile-menu-visible .social-widget .widget_media_image a:hover img, #footer-logo a:hover img, img.cookie-logo {
	filter: invert(88%) sepia(95%) saturate(6991%) hue-rotate(299deg) brightness(106%) contrast(108%);
}
#site-logo a:hover img {
	filter: none;
}
.preorder img {
	filter: drop-shadow(1px 1px 4px #999);
}
#content a.brlbs-cmpnt-cb-btn, #content, h1, h2, h3, h4, h5, h6, #headerwrap .social-links a:hover em, .social-links a:hover em, .mobile-menu-visible #headerwrap .social-links a em, #footerwrap #footer-nav a:hover, #footerwrap #footer-nav .current-menu-item > a, #content .ui.builder_button.pink, #footerwrap .social-links .icon-small a:hover em, #content a.brlbs-cmpnt-cb-btn:hover, #content .audiotheme-records .audiotheme_record .audiotheme-record-title a:hover, #content .audiotheme-records .audiotheme-featured-image:hover ~ h2.audiotheme-record-title a, #content .audiotheme-tracklist .audiotheme-track.is-playing a.audiotheme-track-title, .tb_layout_part_wrap .module-icon.large em  {
	color: #FFF;
}
#content a, #headerwrap a#menu-icon, #headerwrap .social-links .icon-medium em,
#footerwrap a:hover, #headerwrap a:hover, #headerwrap #main-nav .current-menu-item > a, #main-nav .current-menu-item > a, #headerwrap #main-nav .current-menu-parent > a, #main-nav .current_page_item > a, #main-nav .mega-menu-posts a:hover, #main-nav ul .current-menu-item > a, #main-nav ul .current_page_item > a, #main-nav ul a:hover, #slide-cart a:hover, .header-leftpane #main-nav .mega-menu-posts a:hover, .header-leftpane #main-nav ul a:hover, .header-rightpane #main-nav .mega-menu-posts a:hover, .header-rightpane #main-nav ul a:hover, .header-stripe.mobile-menu-visible #headerwrap a:hover, .mobile-menu-visible #headerwrap #main-nav a:hover, .mobile-menu-visible #headerwrap #main-nav ul a:hover, .mobile-menu-visible #headerwrap a:hover, .mobile_menu_active #headerwrap a:hover, .transparent-header #main-nav .mega-menu-posts a:hover, .transparent-header #main-nav ul a:hover, .mobile-menu-visible #headerwrap .social-links a:hover em, #footer-nav a, .tb_layout_part_wrap h1 span, #headerwrap #main-nav-wrap #main-nav .current-menu-item > a, #headerwrap #main-nav-wrap #main-nav .current_page_item > a  {
	color: #E700DA;
}
#headerwrap a#menu-icon:hover, .tb_layout_part_wrap .module-icon.large a:hover em  {
	color: #000;
}
#content a:hover {
	color: #666;
}
a#menu-icon,  #menu-icon-close:hover::after, #menu-icon-close:hover::before, #pagewrap .back-top-float:hover, .back-top:not(.back-top-float) .arrow-up a:hover, .mobile-menu-visible #headerwrap .social-links a:hover em, #content .ui.builder_button.pink:hover, .audiotheme-records .audiotheme_record .audiotheme-record-title a, .audiotheme-tracklist .audiotheme-track.is-playable:hover {
	background-color: #000;
}
a#menu-icon:hover, a#menu-icon-close:hover, .tf_close::after, .tf_close::before, #pagewrap .back-top-float, .back-top:not(.back-top-float) .arrow-up a, .social-links a:hover em, .mobile-menu-visible #headerwrap .social-links a em, #content .ui.builder_button.pink, .audiotheme-records .audiotheme_record .audiotheme-record-artwork .audiotheme-record-type, .audiotheme-records .audiotheme_record .audiotheme-record-title a:hover, .audiotheme-records .audiotheme-featured-image:hover ~ h2.audiotheme-record-title a, .audiotheme-tracklist .audiotheme-track.is-playing, .tb_layout_part_wrap .module-icon.large em {
	background-color: #E700DA;
}
body, .audiotheme-records .audiotheme_record .audiotheme-record-artwork a:hover .audiotheme-record-type {
	background-color: #551c5e;
}
.social-links a em {
	background-color: rgba(0, 0, 0, 1);
}
.audiotheme-records .audiotheme_record .audiotheme-record-artwork .audiotheme-record-type {
	opacity: 1;
}
a#menu-icon, #menu-icon-close {
	box-shadow: 1px 1px 0 #E700DA, -1px 1px 0 #E700DA, 1px -1px 0 #E700DA, -1px -1px 0 #E700DA;
}
.mobile-menu-visible #mobile-menu .navbar-wrapper, .tb_layout_part_wrap h1, .tb_layout_part_wrap h2 {
	text-align: center;
}
#footer-logo {
	text-align: right;
}
body.mobile-menu-visible .social-widget .widget_media_image {
	padding-bottom: 40px;
}
.social-links .icon-medium em {
	padding: 7px;
}
#footerwrap .social-links li em {
	padding: 4px;
}
.audiotheme-records .audiotheme_record .audiotheme-record-title a {
	padding: 9px;
}
.audiotheme-records .audiotheme_record .audiotheme-record-meta {
	padding-left: 9px;
	padding-right: 9px;
}
@media screen and (max-width: 1100px) {
	#headerwrap #main-nav a {
		margin: .3em 0!important;
		padding: .3em 0!important;
	}
}
#footerwrap .social-links .icon-small em {
	font-size: 15px;
	height: 15px;
	width: 15px;
	line-height: 0.1em;
}
.shopify_home {
	margin: 0 auto;
}
#mobile-menu  #main-nav, .audiotheme-records .audiotheme_record .audiotheme-record-title a {
	text-transform: uppercase;
}
#mobile-menu  #main-nav {
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	font-size: 1.4em;
}
.mobile-menu-visible #mobile-menu  #main-nav {
	font-size: 1.8em;
}
.tb_layout_part_wrap h1 span {
	font-size: 38px;
}
.navbar-wrapper {
	display: inherit;
	text-align: right;
}
.header_home h2 {
	text-shadow: 2px 2px 1px #000;
}
/* --- headerimages --- */
.page-id-2 #headerwrap, .page-id-64 #headerwrap, .page-id-66 #headerwrap, .page-id-134 #headerwrap, .post-type-archive-audiotheme_video #headerwrap, .post-type-archive-audiotheme_record #headerwrap, .single-audiotheme_video #headerwrap, .single-audiotheme_record #headerwrap, .single-audiotheme_track #headerwrap {
	z-index: 100;
	background: 0;
	color: #fff;
	position: absolute;
}
.tb_layout_part_wrap div.tb_row_frame_bottom {
	margin-bottom: -1px!important;
}
.tb_layout_part_wrap h1 {
	font-size: /*calc(1.5rem + 6.5 * ((100vw - 5rem) / 100)); Compressed*/ calc(1rem + 6.5 * ((100vw - 20rem) / 100));
	font-weight: normal;
	letter-spacing: 5px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6), 1px -1px 0 rgba(0, 0, 0, 0.6), -1px 1px 0 rgba(0, 0, 0, 0.6), 1px 1px 0 rgba(0, 0, 0, 0.6), 2px 2px 2px #000;
	hyphens: auto;
	/*font-family: 'AristotlePunk';*/
	text-transform: uppercase;
}
.tb_layout_part_wrap h2 {
	font-size: calc(3vw);
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 0;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 2px #000;
}
.tb_layout_part_wrap .module-icon.large em {
	border-radius: 100%;
	padding: 13px 0 0 0px;
}
@media (max-width: 760px) {
	.tb_layout_part_wrap h1 {
		font-size: 2.5em;
	}
	body #site-logo a img {
		width: 100px!important;
	}
}
@media (max-width: 600px) {
	body #site-logo a img {
		width: 80px!important;
	}
	.themify_builder_content-49 .tb_veya506.module-text {
		padding-top: 25%!important;
	}
}
.header_down svg {
	filter: drop-shadow(0 0 1px #000);
}
.tb_layout_part_wrap .builder_row_cover:before {
	-webkit-backdrop-filter: grayscale(100);
	backdrop-filter: grayscale(100);
}

/* --- Pointer / Event --- */
.single-audiotheme_record .audiotheme-record-artwork a, .audiotheme-track-title, .bit-event a.bit-details {
	pointer-events: none;
}
.audiotheme-tracklist .audiotheme-track:hover {
  cursor: pointer;
}
/* ----------------- Audiotheme Links ----------------- */
.audiotheme-record-link i.bandcamp:before, .audiotheme-record-link i.spotify:before,
.audiotheme-record-link i.apple:before, .audiotheme-record-link i.deezer:before,
.audiotheme-record-link i.youtube:before, .audiotheme-record-link i.shop:before{
	background-color: #FFF;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block!important;
	content: '';
	vertical-align: text-bottom;
}
.audiotheme-record-link i {
	padding-right: 8px;
}
.audiotheme-record-link i.shop:before {
	-webkit-mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/shopping-cart.svg');
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/shopping-cart.svg');
	margin-bottom: -1px;
	vertical-align: inherit;
	height: 14px;
}
.audiotheme-record-link i.bandcamp:before {
	-webkit-mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/bandcamp.svg') no-repeat 50% 50%;
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/bandcamp.svg') no-repeat 50% 50%;
}
.audiotheme-record-link i.spotify:before {
	-webkit-mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/spotify.svg') no-repeat 50% 50%;
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/spotify.svg') no-repeat 50% 50%;
}
.audiotheme-record-link i.apple:before {
	-webkit-mask: url('https://if.inmeinemkopf.de/wp-content/themes/illegale-farben/svg/music.svg') no-repeat 50% 50%;
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/music.svg') no-repeat 50% 50%;
}
.audiotheme-record-link i.deezer:before {
	-webkit-mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/deezer.svg') no-repeat 50% 50%;
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/deezer.svg') no-repeat 50% 50%;
}
.audiotheme-record-link i.youtube:before {
	-webkit-mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/youtube.svg') no-repeat 50% 50%;
	mask: url('https://www.illegalefarben.de/wp-content/themes/illegale-farben/svg/youtube.svg') no-repeat 50% 50%;
	width: 20px;
	height: 18px;
}
/* ----------------- Audiotheme ----------------- */
.audiotheme {
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (max-width:1260px){
	.audiotheme {
		max-width: 94%;
	}
} 

/* ---- Lyrics ---- */
´/*
.audiotheme-tracklist .audiotheme-track.is-playing:before {
	background-position-y: 10px;
}
.audiotheme-track:hover .audiotheme-track-info:after{
	content: ' zum Abspielen & Song-Text anzeigen anklicken';
	padding-left: 10px;
	color: #ACACAC;
	font-size: 0.7em;
}
.audiotheme-track.is-playing:hover .audiotheme-track-info:after{
	content: none;
}
.audiotheme-track .audiotheme-track-info .lyrics {
	display: none;
	clear: both;
}
.is-playing.audiotheme-track .audiotheme-track-info .lyrics {
	display: block;
}
*/
.audiotheme-videos .audiotheme_video .audiotheme-featured-image {
    position: relative;
    margin: 0 0 10px;
}
.audiotheme-grid .item .audiotheme-featured-image img {
	box-shadow: 0px 0px 1px #000;
	border: 2px solid #FFF;
}
.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;
}
.audiotheme-tracklist .audiotheme-track.is-playable:hover:before, .audiotheme-tracklist .audiotheme-track.is-playing:before {
	filter: invert(100);
	border-bottom-color: #FFF;
}
.audiotheme-tracklist .audiotheme-track.is-playable:hover:before {
		border-bottom-color: #000;
}
.audiotheme-tracklist .audiotheme-track.is-playable.is-playing:hover:before {
	filter: invert(100);
	 /*#d3d3d3;*/
}
.audiotheme-tracklist .audiotheme-track.is-playing:before {
	border-bottom-color: #3B4248;
}
.audiotheme-tracklist .audiotheme-track.is-playable:hover, .audiotheme-tracklist .audiotheme-track.is-playing  {
	transform: scale(1.02, 1.1);
	transition: all .3s ease-in-out;
}
.audiotheme-tracklist .audiotheme-track.is-playable:hover .audiotheme-track-cell {
	border-color: #000;
}
.audiotheme-tracklist .audiotheme-track.is-playing .audiotheme-track-cell {
	border-color: #E700DA;
}
.audiotheme-tracklist .audiotheme-track.is-playing:before {
	border-bottom-color: #17FF24;
}
.audiotheme-tracklist .audiotheme-track.is-playable:hover:before {
	border-bottom-color: #FFF;
}
@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;
	}
}
@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: 390px;
	}
	.audiotheme-record-single .audiotheme-record-artwork {
		max-width: 500px;
	}
}