/**
 * @license
 * MyFonts Webfont Build ID 3120364, 2015-11-05T10:44:25-0500
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3120364
 * Webfonts copyright: Copyright (c) 2009 by Hannes von Doehren. All rights reserved.
 * © 2015 MyFonts Inc
 */
@import url("https://hello.myfonts.net/count/2fb658");
@font-face {font-family: 'BrandonGrotesque';font-weight:500;src: url('../webfonts/2FB658_0_0.eot');src: url('../webfonts/2FB658_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FB658_0_0.woff2') format('woff2'),url('../webfonts/2FB658_0_0.woff') format('woff'),url('../webfonts/2FB658_0_0.ttf') format('truetype'); font-display: swap; }
@font-face {font-family: 'BrandonGrotesque';font-weight:400;src: url('../webfonts/2FB658_1_0.eot');src: url('../webfonts/2FB658_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FB658_1_0.woff2') format('woff2'),url('../webfonts/2FB658_1_0.woff') format('woff'),url('../webfonts/2FB658_1_0.ttf') format('truetype'); font-display: swap; }
@font-face {font-family: 'BrandonGrotesque';font-weight:300;src: url('../webfonts/2FB658_2_0.eot');src: url('../webfonts/2FB658_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FB658_2_0.woff2') format('woff2'),url('../webfonts/2FB658_2_0.woff') format('woff'),url('../webfonts/2FB658_2_0.ttf') format('truetype'); font-display: swap; }
@font-face {font-family: 'BrandonGrotesque';font-weight:700;src: url('../webfonts/2FB658_3_0.eot');src: url('../webfonts/2FB658_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FB658_3_0.woff2') format('woff2'),url('../webfonts/2FB658_3_0.woff') format('woff'),url('../webfonts/2FB658_3_0.ttf') format('truetype'); font-display: swap; }

/**
 * © 2015-2024 Higi Bigler (nullnulleins.ch). All rights reserved.
 */
* { margin: 0; padding: 0; }
html, body { min-height: 100%; }
/*          italic small-caps bold */
/* 14/20pt */
body { font: normal normal 400 1.35em/1.5 'BrandonGrotesque', sans-serif; margin: 0; padding: 0; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; background-color: #FFF; overflow-y: scroll; letter-spacing: .02em; vertical-align: baseline; }
select, input, textarea, button { font-family: 'BrandonGrotesque', sans-serif; font-size: 100%; color: #FFF; background-color: #000; border: none; box-sizing: border-box; display: block; }

/* structure */
#container { max-width: 58em; margin: 0 auto; padding: 0 2em; }
header { position: sticky; top: 0; left: 0; width: 100%; padding: 0; z-index: 10; }
.headerwrapper { margin: 0 auto; max-width: 58em; padding: 0; background-color: rgba(255,255,255,.95); }
.header { margin: 0 10px; position: relative; }
.innerheader { display: table; width: 100%; border-bottom: 2px solid #000; padding: 21px 0 11px; }

.logo { display: table-cell; text-align: left; vertical-align: top; padding-top: 5px; }
.logo a { display: block; max-width: 225px; }
.logo img { display: block; }
.logo img.label { display: none; }
body.label .logo img.global { display: none; }
body.label .logo img.label { display: block; }
/*
body.label .logo img { visibility: hidden; }
body.label .logo a { background-image: url(./../img/irascible_records.png); background-size: contain; }
*/

div.navigation { display: table-cell; text-align: right; vertical-align: top; }
div.navigation ul { list-style: none; text-align: right; display: flex;	flex-wrap: wrap; padding: 0 0 0 2em; justify-content: right; line-height: 1.45; }
div.navigation li { list-style: none; margin: 0 0 0 1em; }
nav a { color: #000; text-transform: uppercase; text-decoration: none; /*font-size: 96.42857142857143%;*/ font-weight: 500; }
nav a:hover, nav a.active, nav a.activesparent { color: #FF5055; }

.lead { padding: 1em 0 .5em; border-bottom: 1px solid #000; font-size: 125%; }
#container .lead { margin: 0 10px 10px; }

.subnavigation ul { list-style: none; text-align: center; border-bottom: 1px solid #000; padding: 10px 0 5px; overflow: auto; }
.subnavigation li { list-style: none; display: inline; }
.subnavigation li + li { margin-left: 20px; }
.subnavigation a { text-transform: uppercase; font-size: 171.4285714285714%; line-height: 1.3125; font-weight: 700; }

.smartbutton { width: 1.5em; height: 16px; display: none; position: absolute; top: 18px; right: 40px; cursor: pointer; }
.smartbutton::before, .smartbutton::after { border-top: 2px solid #000; border-bottom: 2px solid #000; height: 5px; width: 100%; display: block; content: ''; }
.smartbutton::after { border-top: none; }
.open .smartbutton::before, .open .smartbutton::after { border-color: #FF5055; }

#metanavigationbar { position: fixed; top: 0; right: 0; line-height: 1.5; -webkit-font-smoothing: antialiased; }
#metanavigationbar ul { list-style: none; }
#metanavigationbar li { list-style: none; margin: 2px 0 0; }
#metanavigationbar a { background-color: #000; display: block; color: #FFF; text-align: center; text-decoration: none; width: 2em; height: 2em; padding: 0 1px; line-height: 2; }
#metanavigationbar a span { font-size: 120%; line-height: 1.75em; }
#metanavigationbar a:hover, #metanavigationbar a.active { background-color: #FF5055; }
#metanavigationbar .languageselector a { text-transform: uppercase; font-weight: 400; letter-spacing: -.02em; }
#metanavigationbar .languageselector a.active { display: none; }
.smartmetanavigationbar { display: none; }

.metanavigation a[href*="instagram.com"] span,
.metanavigation a[href*="spotify.com"] span,
.metanavigation a[href*="facebook.com"] span,
.metanavigation a[href*="linkedin.com"] span { width: 0; height: 0; overflow: hidden; display: block; position: absolute; transform: translateX(-100%); }
.metanavigation a[href*="instagram.com"]::after,
.metanavigation a[href*="spotify.com"]::after,
.metanavigation a[href*="facebook.com"]::after,
.metanavigation a[href*="linkedin.com"]::after { content: '\f08c'; font: normal normal normal 100%/1.75em FontAwesome; text-rendering: auto; }
.metanavigation a[href*="instagram.com"]::after { content: '\f16d'; }
.metanavigation a[href*="spotify.com"]::after { content: '\f1bc'; }
.metanavigation a[href*="facebook.com"]::after { content: '\f082'; }

#metanavigationbar a::after { font-size: 120%; }


/* content */
#content { padding: 0 0 12px 0; }

/* */
h1, h2 { text-transform: uppercase; font-size: 171.4285714285714%; line-height: 1.3125; font-weight: 700; }
h2 span.ontour { padding-right: 1.75em; position: relative; }
h2 span.ontour::after { -webkit-animation: drive .5s infinite; animation: drive .5s infinite; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; content: ''; display: block; right: 0; top: 50%; margin-top: -.4375em; position: absolute; background-image: url('../img/ontour.png'); background-size: 3.281em auto; background-position: right bottom; background-repeat: no-repeat; width: 1.458em; height: .766em; }
@keyframes drive {
	0%   { transform: rotate(0deg) translate(0, 0em); }
	25%  { transform: rotate(1deg) translate(0, .02em); }
	75%  { transform: rotate(2deg) translate(0, -.01em); }
	100% { transform: rotate(0deg) translate(0, 0em); }
}
@-webkit-keyframes drive {
	0%   { -webkit-transform: rotate(0deg) translate(0, 0em); }
	25%  { -webkit-transform: rotate(1deg) translate(0, .02em); }
	75%  { -webkit-transform: rotate(2deg) translate(0, -.01em); }
	100% { -webkit-transform: rotate(0deg) translate(0, 0em); }
}
h2 span.ontour.go::after { right: -50vw; transition: 10s ease-in right; }
h2 span.ontour.come::after { right: 0px; transition: 12s ease-out right; background-position: bottom left; }
h2.distribution { color: #FF5055; font-size: 300%; line-height: 1.18; }

h3, h4 { text-transform: uppercase; font-weight: 700; font-size: 100%; }
.tile h3, .tile h4, .homegig h3, .homegig h4, .homevideo h3, .homevideo h4 { font-size: 92.85714285714286%; line-height: 1.230769230769231; }
h1.center { border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 10px; }
.tile.ontour h3:last-child, .tile.ontour h4:last-child { margin-right: 30px; }
.tile.ontour { position: relative; }
.tile.ontour a::after { content: ''; display: block; width: 1.5em; height: .75em; background-image: url('../img/ontour.png'); background-size: 200% auto; background-position: right bottom; background-repeat: no-repeat; position: absolute; right: 0; bottom: .25em; }
.tile.ontour a:hover::after { background-position: right top; animation: drive .5s infinite; }
h4 { font-weight: 400; }
h5, h6 { text-transform: uppercase; /*font-size: 71.42857142857143%;*/ font-size: 92.85714285714286%; line-height: 1.230769230769231; }
h6 { font-weight: 400; }
p { margin-bottom: .5em; }
strong, b { font-weight: 500; }
.tiles { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/*.tiles > li { padding-bottom: 49px; }*/
.tiles > li p.releasedate span { margin: 2px 0 0; }
/*
.tiles > li p.releasedate { position: absolute; bottom: 20px; left: 0; display: block; width: 100%; margin: 0; }
.tiles > li p.releasedate span { margin: 2px 10px 0; }
/*
.tiles.calc > li p.releasedate { position: absolute; bottom: 20px; left: 0; display: block; width: 100%; margin: 0; }
.tiles.calc > li p.releasedate span { margin: 2px 10px 0; }
*/
.tile p.releasedate span { display: block; border: 1px solid #000; border-left: none; border-right: none; margin-bottom: 20px; padding-top: 1px; margin-top: 2px; }
a { outline: none; color: #FF5055; text-decoration: none; }
a:hover { color: #808080; }
a img { border: none; }
.center { text-align: center; }
#content ul { margin-left: 1em; /*background-color: red;*/ }
#content ul.distributionfilelist { margin-left: 0; list-style: none; }

.addressblock { width: 100%; margin-bottom: 10px; position: relative; }
.addressblock h3 { border-bottom: 1px solid #000; }
address { font-style: normal; padding: 10px 10px 10px 0; }
address p { margin: 0; }

/* socials */
.socialswrapper { margin: 0; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.socialswrapper a { display: inline-block; width: 1.25em; height: 1.75em; background-size: auto 100%; background-image: url(./../img/socials.1.png); background-position: center; background-repeat: no-repeat; margin: 5px 10px 5px 0; background-color: #000; vertical-align: middle; }
.socialswrapper #facebook { background-position: 44.5% center; }
.socialswrapper #facebook:hover { background-color: #45619D; }
.socialswrapper #youtube { background-position: 55.5% center; }
.socialswrapper #youtube:hover { background-color: #CC181E; }
.socialswrapper #bandcamp { background-position: 77.5% center; }
.socialswrapper #bandcamp:hover { background-color: #629AA9; }
.socialswrapper #soundcloud { background-position: 66.5% center; }
.socialswrapper #soundcloud:hover { background-color: #FF5600; }
.socialswrapper #twitter { background-position: 33.5% center; }
.socialswrapper #twitter:hover { background-color: #55ACEE; }
.socialswrapper #website { background-position: 89% center; }
.socialswrapper #website:hover { background-color: #FF5055; }
.socialswrapper #instagram { background-position: 100% center; }
.socialswrapper #instagram:hover { background-color: #39688E; }
.socialswrapper #mx3 { background-position: 22.5% center; }
.socialswrapper #mx3:hover { background-color: #A52721; }
.socialswrapper #vimeo { background-position: 11.5% center; }
.socialswrapper #vimeo:hover { background-color: #86C9EF; }
.socialswrapper #spotify { background-position: 0% center; }
.socialswrapper #spotify:hover { background-color: #1ED760; }

/* artist */
figure.cover img { max-width: 100%; height: auto; display: block; }
div.description { margin: 10px 0; }
.columncontent .tile figure.cover { padding-bottom: 100%; }
#content .giglist { list-style: none; margin-left: 0; }
.giglist li { border-bottom: 1px solid #000; }
.artisttable { display: table; width: 100%; margin-top: -20px; margin-bottom: 32px; }
.lead + .tilewrapper > .columncontent > .artisttable { margin-top: 0px; }
.artistrow { display: table-row; }
.artistrow > div { display: table-cell; vertical-align: top; border-bottom: 1px solid #000; padding: 10px 0; }
.artistrow > div.char { text-align: center; padding: 0 1em 0 0; width: 4.25%; }
.artistrow > div.char span { font-size: 171.4285714285714%; font-weight: 700; text-transform: uppercase; }
.artistrow:hover > div.char span { color: #FF5055; }
.artistrow a { color: #000; text-decoration: none; white-space: nowrap; }
.artistrow a:hover { color: #FF5055; }

/**/
div.figurewrapper.cover { position: relative; }
div.figurewrapper.album.cover { /*max-width: 270px;*/ border: 1px solid #808080; }
figure.cover { width: 100%; height: 0; padding-bottom: 100%; background-position: center; background-size: cover; background-color: #EFEFEF; }
div.figurewrapper.album.list { width: 60px; border: 1px solid #808080; }
div.figurewrapper.album.list figure { width: 60px; padding-bottom: 100%; background-color: #EFEFEF; background-size: cover; }

/* gig */
.homegig { border-bottom: 1px solid #000; text-transform: uppercase; margin: 3px 10px; padding: 0 0 3px; }
.homegig p { font-size: 92.85714285714286%; line-height: 1.230769230769231; margin: 0; }
.homegig h3 a { color: #000; text-decoration: none; }
.homegig h3 a:hover { color: #FF5055; }

/* video */
.homevideo { margin: 3px 10px 10px; }
.homevideo .videowrapper { width: 100%; margin: 3px 10px 7px 0; }
.columncontent .videowrapper { width: 100%; padding: 10px 0 0; }
.columncontent .videowrapper:last-child { border-bottom: 1px solid #000; padding-bottom: 10px; }
.columncontent h2 + .videowrapper { border-top: 1px solid #000; margin-top: 1px; }

/* placements */
#content ul.placements { display: grid; padding: 10px 0; margin: 0 10px; flex-wrap: wrap; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; }
#content ul.placements > li { position: relative; }
#content ul.placements > li figure { margin: 0; }
#content ul.placements > li figure figcaption { margin-top: .5em; }
#content ul.placements > li img { display: block; width: 100%; height: auto; }

/* columns */
.column { float: left; width: 100%; }
.column-1-2th { width: 50%; }
.column-2-5th { width: 40%; }
.column-3-5th { width: 60%; }
.columncontent { margin: 10px 10px 22px; }
.columncontent.text { margin-top: 4px; }
.columncontent.text.close { margin-bottom: 6px; }
.columncontent.text.about { margin-right: 20px; }
.columncontent.border { border-bottom: 1px solid #000; padding-bottom: 6px; }
.columncontent.tilewrapper { margin: 10px 0 22px; }
.columncontent.tilewrapper .tile { margin-bottom: 20px; }
.tilewrapper hr { border: none; border-top: 1px solid #000; margin: 5px 10px 4px; }
.tilewrapper h2 + hr { margin-top: 1px; }
.text hr { margin: 16px 0 16px; }
/*hr { border: none; border-top: 1px solid #000; margin: 5px 0 4px; width: 100%; float: left; }*/

/* release */
#content ul.albumdetails { list-style: none; margin: 20px 0; }
ul.albumdetails li { border-bottom: 1px solid #000; padding: 2px 0; }
ul.albumdetails p { margin: 0; }
ul.albumtable { display: table; width: 100%; list-style: none; margin-top: -5px; margin-left: 0 !important; }
.lead + .tilewrapper > .columncontent > ul.albumtable { margin-top: 10px; }
ul.albumtable > li { display: table-row; }
ul.albumtable > li > div { display: table-cell; vertical-align: top; padding-bottom: 10px; border-top: 1px solid #000; padding-right: 10px; }
ul.albumtable div.date { text-align: right; padding-right: 0; }
ul.albumtable div.cover { width: 90px; border-top: none; padding-right: 0; }
ul.albumtable a { color: #000; }
ul.albumtable a:hover { color: #FF5055; }

/* alpha */
.alphanavigation { border-bottom: 1px solid #000; font-size: 92.85714285714286%; line-height: 1.230769230769231; margin: 0 0 10px; padding: 5px 0; text-transform: uppercase; position: relative; }
.alphanavigation ul { list-style: none; text-align: center; }
.alphanavigation li { display: inline; margin: 0 4px; }
.alphanavigation a { text-decoration: none; color: #000; }
.alphanavigation a:hover, .alphanavigation a.active { color: #FF5055; }
/*.alphaindex { display: none; }*/
.gridlisttoggle { position: absolute; right: 0; top: 5px; }
.gridlisttoggle li { margin: 0 0 0 10px; }
.gridlisttoggle a { background-image: url(../img/gridlist.1.png); background-size: 44px auto; background-position: right top; display: inline-block; height: 20px; width: 18px; }
.gridlisttoggle a.active, .gridlisttoggle a:hover { background-position: right bottom; }
.gridlisttoggle a.list { background-position: left top; }
.gridlisttoggle a.list.active, .gridlisttoggle a.list:hover { background-position: left bottom; }
/*.gridlisttoggle a.active, .gridlisttoggle a:hover { background-color: #FF5055; }
.gridlisttoggle li a.list { background-position: 5% 50%; }*/

/* tiles */
.tilewrapper + .tilewrapper { margin: 32px 0 0; }
.tilewrapper > h1, .tilewrapper > h2 { margin-top: 10px; margin-left: 10px; margin-right: 10px; }
#content .tiles { list-style: none; margin-left: 0; }
div.loading { position: relative; }
div.loading::before, div.loading::after { border: 4px solid #FFF; display: block; content: ''; width: 16px; height: 16px; background-color: #FF5055; border-radius: 50%; position: absolute; top: 100%; left: 50%; margin: 0px 0 20px -12px; z-index: 20; }
div.loading::after { z-index: 22; -webkit-transform: scale(0.1); transform: scale(.1); -webkit-animation: loading 1.5s linear 0s infinite; animation: loading 1.5s linear 0s infinite; opacity: 0; }
@-webkit-keyframes loading {
    0%   { opacity: 0; -webkit-transform: scale(0.1); }
    25%  { opacity: 1; }
    35%  { opacity: 1; -webkit-transform: scale(1); }
    36%  { opacity: 0; -webkit-transform: scale(0.1); }
    70%  { opacity: 1; }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes loading {
    0%   { opacity: 0; transform: scale(0.1); }
    25%  { opacity: 1; }
    35%  { opacity: 1; transform: scale(1); }
    36%  { opacity: 0; transform: scale(0.1); }
    70%  { opacity: 1; }
    100% { opacity: 1; transform: scale(1); }
}

.tiles > li { position: relative; }
.tiles.images > li { width: 20%; display: flex; }
.tiles.images div.tile { margin: 5px 10px 10px; flex-grow: 1; display: flex; }
.tiles.images a { color: #000; text-decoration: none; display: flex; flex-direction: column; flex-grow: 1; }
.tiles.images a > div { flex-grow: 1;}
.tiles.images a:hover { color: #FF5055; }
.tiles.fifth > li { width: 20%; position: relative; }
.tiles.fourth > li { width: 25%; }
.tiles.third > li { width: 33.3333333%; }
.tiles.half > li { width: 50%; }
.tile .figurewrapper { border: 1px solid #808080; margin: 0 0 5px; }
.tiles figure { height: 0; padding-bottom: 77.88461538461538%; background-position: center; background-size: cover; background-color: #EFEFEF; }
.tiles.third figure, .tiles.fifth figure { padding-bottom: 100%; }
.tiles { margin-bottom: 12px; }
.tiles.fourth, .tiles.fifth { margin-bottom: 1.5em; }
.tiles li.offline { background-image: url(./../../../system/gui/img/bg/offlinecontent.png); }

/* imagetiles */
.imagetile { float: left; }
.imagetile a { display: block; margin: 5px 10px 5px; position: relative; }
.imagetile img { position: static; display: block; background-image: url(./../img/nopreviewimage.png); background-position: center; background-repeat: no-repeat; background-size: 29px auto; }

.columncontent.text img { max-width: 100%; height: auto; margin: 10px 0 0; display: block; }
.columncontent.text iframe { width: 100%; }

/* distributionwrapper */
h2.distribution { position: absolute; margin-top: 1px; margin-right: 40px; }
.distributioncell h3 { margin: 16px 0 0; }
/* .distributionwrapper { width: 54%; margin: 0 23% 0; }*/
.distributionwrapper { max-width: 712px; margin: 0 0 1.5em; display: table; float: right; }
.distributionrow { display: table-row; }
.distributioncell { display: table-cell; padding: 10px 10px 0; }
.distributioncell:first-child { width: 71.488888%; }
.distributionwrapper figure { margin: 0; }
.distributionwrapper figure img { width: 100%; height: auto; }
.distributionthumb { width: 100%; height: 0; padding-bottom: 75%; background-position: center; background-size: 200% auto; }

/* publishing */
/*.publishing { border-top: 1px solid #000; } */
.publishing h3, .publishing h4 { display: inline; }

h3.embed { display: block; width: 100%; text-align: center; padding: 0 .5em; box-sizing: border-box; background-color: #000; color: #FFF; margin-top: 2em; }
h3.embed:first-child { margin-top: 0; }
/*
h3.embed::before, h3.embed::after { content: '♦'; position: absolute; }
h3.embed::before { left: .5em; }
h3.embed::after { right: .5em; }
*/

/* gvideoembed */
/*
span.gvideoembed { display: block; background-size: 140%; background-position: center; position: relative; max-width: 100% !important; padding-bottom: 56.25%; height: 0 !important; overflow: hidden; transition: all .25s; cursor: pointer; background-color: #000; }
span.gvideoembed a.gvideoembed { display: none; }
span.gvideoembed::after { opacity: .75; content: ''; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -26px; width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-left: 52px solid #FFF; }
span.gvideoembed::before { opacity: .5; content: ''; position: absolute; left: 50%; top: 50%; margin: -37px 0 0 -27px; width: 0; height: 0; border-top: 37px solid transparent; border-bottom: 37px solid transparent; border-left: 55px solid #808080; }
span.gvideoembed:hover::before, span.gvideoembed:hover::after { opacity: .9; }
span.gvideoembed.loaded, span.gvideoembed.loaded:hover { opacity: 1; cursor: wait; }
span.gvideoembed.loaded::after { display: none; }
.gvideoembed iframe, .gvideoembed object, .gvideoembed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.columncontent.text span.gvideoembed { margin: 10px 0 0; }
*/

/* media-embed */
figure.media { margin: 1em 0; }
.videowrapper figure.media { margin: 0; }
figure.media > oembed { display: block; }
figure.media > oembed > div { height: 0; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
figure.media > oembed > div a.fallback { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
figure.media > oembed > div a.fallback > span { display: none; }
figure.media > oembed[data-g-hwratio] > div { position: relative; }
figure.media > oembed[data-g-hwratio] > div > iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
figure.media > oembed.initialized.loaded > div { background-color: transparent; background-size: 0; }
figure.media > oembed.initialized[data-g-type="video"]:not(.loaded) > div { cursor: pointer; }
figure.media > oembed.initialized[data-g-type="video"]:not(.loaded) > div::before { opacity: .75; content: ''; display: block; border-radius: 50%; width: 4em; height: 4em; background-color: #FFF; position: absolute; left: 50%; top: 50%; margin: -2em 0 0 -2em; padding: 0; transition: opacity .25s; }
figure.media > oembed.initialized[data-g-type="video"]:not(.loaded) > div::after { opacity: .9; content: ''; position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-40%,-50%); width:0; height:0; border-top: 1em solid transparent; border-bottom: 1em solid transparent; border-left: 1.8em solid #000; transition: opacity .25s; }
figure.media > oembed.initialized[data-g-type="video"]:not(.loaded) > div:hover::before, figure.media > oembed.initialized[data-g-type="video"]:not(.loaded) > div:hover::after { opacity: .95; }
figure.media iframe { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; z-index: 1; display: block; }
figure.media > oembed[data-g-type="video"] iframe { background-color: transparent !important; height: 100%; }
figure.media span.caption { display: none; }
figure.media > oembed[data-g-providername="spotify"] > div { border-radius: 12px; backdrop-filter: blur(20px); }
figure.media > oembed[data-g-providername="spotify"]:not(.loaded) > div::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(10px); z-index: 1; }
figure.media > oembed[data-g-providername="apple music"] > div { border-radius: 11px; }
figure.media > oembed[data-g-providername="apple music"]:not(.loaded) > div::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(10px); z-index: 1; }
figure.media > oembed[data-g-providername="bandcamp"] > div { background-size: contain; background-position: left top; background-color: #d2d2d2; }
figure.media > oembed[data-g-providername="issuu"] > div { background-size: contain; background-position: center; background-color: #333 !important; }
figure.media > oembed[data-g-providername="twitter"] > div { background: linear-gradient(to right,#71c6f4,#0d70a5); border-radius: 1em; }
figure.media > oembed[data-g-providername="twitter"] > div blockquote { padding: 1em; margin: 0;  }
figure.media > oembed[data-g-providername="twitter"] > div blockquote p { padding: 0; margin: 0 0 1em; }

/* could not embed so just displaying a link */
figure.media oembed.noembed > div { background-color: rgba(0,0,0,.1); border-radius: .5em; height: unset; }
figure.media oembed.noembed > div a { display: flex; padding: 1em; color: inherit; }
figure.media oembed.noembed > div a > span { display: flex; flex-direction: column; justify-content: center; margin-left: 1em; }
figure.media oembed.noembed > div a > span span span { display: block; }
figure.media oembed.noembed > div a span.title { font-weight: 700; }
figure.media oembed.noembed img { max-width: 6em; height: auto; border-radius: .25em; object-fit: contain; }

#content > .tilewrapper:first-child { margin-top: 10px; }

/* googlemap */
img.gimageleft { margin: 2px 20px 20px 0 !important; float: left; }
img.gimageright { margin: 2px 0 20px 20px !important; float: right; }

.clearfix::before, .clearfix::after, .tiles::before, .tiles::after, #content::before, #content::after { content: ' '; display: table; }
.clearfix::after, .tiles::after, #content::after { clear: both; }
span.nowrap { white-space: nowrap; }
span.uppercase { text-transform: uppercase; }
span.uppercase strong, span.uppercase b { font-weight: 700; }

/* tour */
.tourtable { display: table; width: 100%; }
.tourrow { display: table-row; }
.tourrow > div { display: table-cell; text-transform: uppercase; padding: 0 10px 0 0; }
.tourrow > div.date, .tourrow > div.artist { font-weight: 700; }
.tourrow > div.artist span.venue { display: none; }
.tourrow.dateheader > div { border-top: 1px solid #000; }
.tourrow.dateheader:first-child > div { border-top-color: #000; }
.tourrow.datelast > div { padding-bottom: 1em; }
.tourrow.daterepetition > div.date span { display: none; }
.tourrow a { color: #000; text-decoration: none; }
.tourrow a:hover { color: #FF5055; }
#container .tourtable div.select { width: 100%; height: 1.45em; overflow: hidden; background-color: #000; margin-bottom: 22px; position: relative; }
#container .tourtable div.select::after { content: '+'; font-weight: 500; color: #FFF; background-color: #000; z-index: 1; position: absolute; right: 0; font-size: 140%; top: -.2em; padding: 0 .2em; }
#container .tourtable select { padding-left: .2em; font-size: 90%; font-weight: 500; width: calc(100% + 1.5em); text-transform: uppercase; -webkit-appearance: none; background: transparent; z-index: 2; position: relative; height: 1.75em; }
#container .tourtable option { background-color: #000; }
.tourtablenoresult { border-top: 1px solid #000; }

/* contact */
input, button { font-size: 100%; font-family: 'BrandonGrotesque'; font-weight: 400; box-sizing: border-box; border: none; width: 100%; padding: 0 .25em; height: 100%; background-color: #000; border-radius: 0; }
input[type=submit] { text-transform: uppercase; background-color: #FF5055; text-align: left; cursor: pointer; }
#content form ul { margin: 0; list-style: none; }
#content form li { margin: 0 0 10px; }
#content form label span { display: none; }
::-webkit-input-placeholder { color: #FFF; text-transform: uppercase; }
::-moz-placeholder { color: #FFF; opacity: 1; text-transform: uppercase; }
:-ms-input-placeholder { color: #FFF; text-transform: uppercase; }
input:-moz-placeholder { color: #FFF; text-transform: uppercase; }

#container li.error ::-webkit-input-placeholder { color: #FF5055; }
#container li.error ::-moz-placeholder { color: #FF5055; }
#container li.error :-ms-input-placeholder { color: #FF5055; }
#container li.error input:-moz-placeholder { color: #FF5055; }
#container li.error input { color: #FF5055; }
p.error { color: #FF5055; }

#contactform form { margin-top: 10px; }

/* search */
#metanavigationbar .searchform { margin: 2px 0 0; }
#metanavigationbar .searchform ul, #metanavigationbar .searchform li { display: block; height: 2em; }
#metanavigationbar .searchform li:first-child { position: absolute; top: 0px; right: -8em; width: 10em; -webkit-transition: right .25s ease-in; transition: right .25s ease-in; }
#metanavigationbar .searchform.show li:first-child { right: calc(2em + 4px); }
body.search #metanavigationbar .searchform.show li:first-child { right: -8em; }
#metanavigationbar .searchform input { height: 100%; display: block; }
#metanavigationbar .searchform input:focus { outline: none; }
header .searchform button { width: 100%; height: 100%; position: relative; z-index: 2; }
header .searchform button:hover, body.search header .searchform button { background-color: #FF5055; cursor: pointer; }
header .searchform button::after { content: '\f002'; font-family: FontAwesome; }
header .searchform button span { display: none; }
input[type="search"] { -webkit-appearance: textfield; -webkit-appearance: none; -webkit-border-radius: 0; }
input[type="submit"] { -webkit-appearance: textfield; -webkit-appearance: none; -webkit-border-radius: 0; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.searchresults { padding-top: 10px; }
.searchheader h2 { text-transform: uppercase; font-weight: 700; font-size: 100%; display: none; }

.searchresults ol { margin: 0; list-style: none; }
.searchresults ol li { border-top: 1px solid #000; padding: 2px 0 10px; }
.searchresults ol li.ajax { display: none; }
.searchresults .alternatives ul { display: inline; margin: 0 !important; }
.searchresults .alternatives li { display: inline; }
.searchresults .alternatives li::before { content: ', '; }
.searchresults .alternatives li:first-child::before { content: ' '; }
.searchresults .filesize { font-weight: 300; display: inline-block; }
.searchresults h3.file { word-break: break-all; }
.searchresults p { margin: 0; }
.searchresults .url, .searchresults .details { display: none; }
.searchresultslist { padding: 10px 0 0; }

#content .searchform form ul { display: table; min-width: 50%; }
#content .searchform form li { display: table-cell; padding-right: 10px; }
#content .searchform form li:last-child { padding-right: 0; min-width: 90px; }
#content .searchform button { background-color: #FF5055; cursor: pointer; }

span.searchmatch { background-color: rgba(255,255,0,.4); }
span.searchmatch1 { background-color: rgba(255,255,0,.35); }
span.searchmatch3 { background-color: rgba(255,255,0,.3); }
span.searchmatch4 { background-color: rgba(255,255,0,.25); }
span.searchmatch5 { background-color: rgba(255,255,0,.2); }
span.searchmatch6 { background-color: rgba(255,255,0,.15); }

/* slim down navi */
@media only screen and (max-width: 90em) {
	body { font-size: 1.2em; }
}
@media only screen and (max-width: 80em) {
	body { font-size: 1.1em; }
}
@media only screen and (max-width: 70em) {
	body { font-size: 1em; }
}
@media only screen and (max-width: 58em) {
	#container { padding-left: 10px; }
	.headerwrapper { padding-left: 0; }
	/*#header { padding: 8px 0px 10px; }
	#metanavigationbar a { width: 28px; height: 28px; line-height: 30px; }
	#metanavigationbar .searchform ul, #metanavigationbar .searchform li { height: 28px; }
	#metanavigationbar .searchform li:first-child { right: -126px; }
	#metanavigationbar .searchform.show li:first-child { right: 32px; }
	body.search #metanavigationbar .searchform.show li:first-child { right: -126px; }
	#container #metanavigationbar .searchform input { height: 28px; line-height: 30px; }
	#container #metanavigationbar .searchform button { width: 30px; height: 28px; }
	*/
	.logo a { max-width: 130px; }
	.logo img { width: 130px; height: auto; }
	.tiles.third.releases > li { width: 50%; } /* artists releases */
}
/* uncenter content */
@media only screen and (max-width: 1010px) {
	.headerwrapper, #container { max-width: unset; padding: 0 calc(1.6em + 10px) 0 0; }
}
/* home fifty/fifty and only two columns of records */
@media only screen and (max-width: 830px) {
	.column-3-5th, .column-2-5th { width: 50%; }
	.column-3-5th .tiles.third > li { width: 50%; }
	.tiles.fifth > li { width: 25%; } /* release overview */
}
@media only screen and (min-width: 768px) {
	header div.navigation { display: table-cell !important; }
}
@media only screen and (max-width: 767px) {
	#container, .headerwrapper { padding-left: 0; }
	.innerheader { padding-top: 7px; display: block; padding-bottom: 0; }
	div.navigation { display: block; }
	.logo { display: inline-block; padding-bottom: 11px; }
	div.navigation ul { width: 100%; border-top: 1px solid #000; padding: 11px 0 8px; justify-content: center;}
	div.navigation li { margin: 0 .5em; }
	.column-1-2th { width: 100%; }
	/* .alphanavigation ul.index { text-align: left; display: table; } */
	.tiles.fourth > li { width: 33.3333%; } /* artist overview */
	/* album list */
	ul.albumtable { margin-top: -15px; }
	ul.albumtable, ul.albumtable > li, ul.albumtable > li > div { display: block; }
	ul.albumtable > li { float: left; width: 100%; clear: both; }
	ul.albumtable > li > div { margin-left: 70px; padding-bottom: 0; border-top: none; line-height: 1.23077; }
	ul.albumtable > li > div.cover { float: left; width: 70px; margin-left: 0; padding-bottom: 10px; }
	ul.albumtable > li > div.title { border-top: 1px solid #000; padding-top: 5px; }
	ul.albumtable > li > div.date { padding-bottom: 10px; text-align: left; }
	.tiles.third.releases > li { width: 25%; } /* artists releases */
}

@media only screen and (max-width: 560px) {
	.distributionwrapper { max-width: 100%; }
	.distributioncell:first-child { width: 100%; }
	.distributioncell:last-child { display: none; }
}

@media only screen and (min-width: 681px) {
	.alphanavigation ul.index { display: block !important; position: static; }
}
@media only screen and (max-width: 680px) {
	/* home move down gigs and videos */
	.column-3-5th, .column-2-5th { width: 100%; }
	.column-3-5th .tiles.third > li { width: 33.3333%; }
	.tiles.fifth > li { width: 33.3333%; } /* release overview */
	/* tourtable */
	.tourrow > div { display: none; }
	.tourrow > div.date, .tourrow > div.artist { display: table-cell; }
	.tourrow > div.artist { padding-right: 0; }
	.tourrow > div.artist span { display: block; }
	.tourrow > div.artist span.venue { font-weight: 400; margin-bottom: 10px; display: block; }
	.tourrow.datelast > div { padding-bottom: 0; }
	.tiles.third.releases > li { width: 33.3333%; } /* artists releases */
	/* index */
	/* .header .alphanavigation.label .alphaindex { display: block; margin: 0 4px; }
	.header .alphanavigation.label .alphaindex span { color: #FF5055; cursor: pointer; }
	*/
	.alphanavigation.label ul.index { display: none; padding: 5px 0 4px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0; top: 100%; position: absolute; background-color: rgba(255,255,255,.95); width: 100%; }
	.alphanavigation.label ul.index li { margin-right: 8px; float: left; }
}
/* smart navigation */
@media only screen and (min-width: 621px) and (max-width: 767px) {
	div.navigation { display: block !important; }
}
@media only screen and (max-width: 620px) {
	.tiles.fourth > li { width: 50%; } /* artist overview */
	div.navigation ul { display: block; text-align: center; line-height: unset; }
	div.navigation ul li { display: block; }
	#metanavigationbar { display: none; }
	.smartmetanavigationbar { display: block; }
	#container, .headerwrapper { padding-right: 0px; }
	.smartbutton { right: 10px; }
	.header div.navigation { width: 100%; line-height: 2.1; }
	/* nav above subnav */
	.smartbutton { display: block; }
	.header div.navigation { display: none; position: absolute; width: 100%; background-color: rgba(255,255,255,.95); border-bottom: 2px solid rgb(0, 0, 0); z-index: 10; }
	div.navigation ul { border-top-width: 2px; }
	/* meta-navigation */
	.smartmetanavigationbar { border-top: 1px solid #000; font-size: 150%; text-align: center; }
	div.navigation .smartmetanavigationbar ul { border-top: none; margin: 0; padding: 0; }
	div.navigation .smartmetanavigationbar ul li { display: inline-block; margin: 0 10px; }
	div.navigation .smartmetanavigationbar .searchform ul li:first-child { display: none; }
	.smartmetanavigationbar button { background-color: transparent; color: #000; display: inline; width: auto; font-size: 90%; }
	body.search header .smartmetanavigationbar button, header .smartmetanavigationbar button:hover { color: #FF5055; background-color: transparent; }
	div.navigation .smartmetanavigationbar .languageselector ul li.active { display: none; }
	.smartmetanavigationbar .searchform, .smartmetanavigationbar .languageselector, .smartmetanavigationbar .metanavigation { display: inline-block; }
	/* */
	h1, h2, .subnavigation a { font-size: 134%; line-height: 1.125; }
	.artistrow > div.char span { font-size: 134%; line-height: 1.9; }
}
@media only screen and (max-width: 540px) {
	#content ul.placements { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

/* home move down gigs and videos */
@media only screen and (max-width: 500px) {
	.column-3-5th .tiles.third > li { width: 50%; }
	/*h2.distribution { display: none; }*/
	.tiles.fifth > li { width: 50%; } /* release overview */
	.tiles.third.releases > li { width: 50%; } /* artists releases */
}

@media only screen and (max-width: 440px) {
	.tiles.fourth > li { width: 100%; } /* artist overview */
	.tiles.fourth figure { padding-bottom: 38.9423%; background-position: 50% 20%; }
	h2.distribution { font-size: 11vw; }
}
@media only screen and (max-width: 400px) {
	.addressblock ul.tiles.half > li { width: 100%; } /* addresses */
	.artistrow a { white-space: normal; }
}