.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: "Suisse Intl Mono";
font-weight: 400;
src: url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.eot); src: url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.eot?#iefix) format('embedded-opentype'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.woff2) format('woff2'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.woff) format('woff'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.ttf)  format('truetype'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Regular-WebS.svg#svgFontName) format('svg'); }
@font-face {
font-family: "Suisse Intl Mono";
font-weight: 600;
src: url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.eot); src: url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.eot?#iefix) format('embedded-opentype'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.woff2) format('woff2'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.woff) format('woff'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.ttf)  format('truetype'), url(//sparecordings.de/wp-content/themes/spatheme/fonts/SuisseIntlMono-Bold-WebS.svg#svgFontName) format('svg'); }    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1rem;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  .main-navigation {
clear: both;
display: inline-block;
width: fit-content;
margin-right: 1.5rem;
max-width: calc();
vertical-align: top;
}
@media only screen and (min-width: 700px) {
.main-navigation {
margin-left: 21ch!important;
}
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
margin-left: 0.5ch;
}
.main-navigation a {
display: block;
text-decoration: none;
text-transform: lowercase;
}
.current_page_item a,
.post-type-archive-artists #menu-item-60 a,
.post-type-archive-radio #menu-item-61 a{
font-weight: 600;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 15em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1rem; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0 0 0em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.site{
}
.site-header{
}
.site-title{
font-size: 1rem;
}
body{
font-family: "Suisse Intl Mono", monospace;
}
.page{
}
p{
}
.site-content{
}
article{
}
.site-main, .widget-area, .content-area, .site-footer{
}
h1, h2, h3, h4, h5, h6{
}
.wp-post-image{
}
body.admin-bar .site-header{
top: 32px;
}
body.admin-bar .theme-switch-wrapper {
top: 37px;
}
body.admin-bar.single-releases .content-area {
top: 6rem!important;
} :root {
--font-color: #111111;
--bg-color: #f2f2f2;
}
[data-theme="dark"] {
--font-color: #f2f2f2;
--bg-color: #111111;
}
html{
font-size: 12px;
scroll-behavior: smooth;
}
body{
background: var(--bg-color);
color: var(--font-color);
}
h1, h2, h3, h4, h5, h6{
font-size: 1rem;
font-weight: 400;
margin: 0;
} a:hover, a:active {
outline: 0;
text-decoration: none;
}
a, a:visited{
color: var(--font-color);
text-decoration: none;
}
a:hover, a:hover h2, a:focus, a:focus h2, a:active, a:active h2{
font-weight: 600!important;
color: var(--font-color)!important;
} a:before{
content: "\2192";
}
a[href*="//"]:not([href*="sparecordings.de"]):before {
content: "\2197";
}
.site-title a:before{
content: "";
}
.catalog-release-wrap a:before{
content: "";
}
a:focus {
outline: thin dotted;
}
.entry-content a{
border-bottom: 1px solid;
}
.entry-content td a{
border-bottom: 0px solid;
} a[href^="http://"]:not([href*="melaten.linusknappe.de"]),
a[href^="https://"]:not([href*="melaten.linusknappe.de"]),
a[href^="//"]:not([href*="melaten.linusknappe.de"]),
a[href*="//"]:not([href*="melaten.linusknappe.de"]), {
content: "a"!important;
} .logowrap{
text-align: right;
position: sticky;
bottom: 1rem;
right: 1rem;
z-index: 1000000000;
text-align: right;
margin-left: auto;
margin-top: 0rem;
width: fit-content;
padding-top: 0rem;
mix-blend-mode: difference;
}
.spalogo{
margin-left: auto;
text-align: right;
width: 200px;
color: white;
}
.logolink:before{
content: "";
} .site-header{
position: fixed;
width: 100%;
top: 0;
z-index: 10000000000;
padding: 1rem 0.5rem;
background: var(--bg-color);
height: 3rem;
}
.site-title{
width: fit-content;
left: 1em;
top: 1em;
margin: 0;
z-index: 1000000;
font-weight: 600;
}
.site-title span{
display: none;
}
.site-title a, .main-navigation a, .site-branding{
color: var(--font-color);
width: fit-content;
z-index: 100;
}
.site-branding{
display: inline-block;
vertical-align: top;
}
#page{
background: var(--bg-color);
}
@media screen and (min-width: 400px){
.site-title span{
display: none;
}
}
@media only screen and (min-width: 400px){
.site-footer{
margin-top: 0rem!important;
}
}
@media only screen and (min-width: 550px){
.logowrap{
bottom: 1rem;
right: 1rem;
}
.site-footer{
padding-right: 250px!important;
margin-top: -4.5rem!important;
}
.main-navigation li{
margin-left: 1ch;
}
}
@media only screen and (min-width: 1050px){
.site-footer{
margin-top: -7rem!important;
}
} .site-main{
min-height: 95vh;
min-height: calc(100vh - 3rem);
}
.site-content{
margin-top: 3rem;
padding: 0rem 0.5rem;
}
.post-type-archive-releases .site-content, .home .site-content{
padding: 0;
}
.home .site-title{
font-weight: 600;
}
.post-type-archive-releases .page-title, .home .page-title{
padding-left: 0.5rem;
} .site-footer{
margin-top: 0rem;
padding: 0.5em;
padding-right: 100px;
}
.site-footer ul{
margin: 0;
padding: 0;
list-style: none;
}
.site-footer ul li{
display: inline-block;
vertical-align: top;
width: 100%;
}
.site-footer .widget{
padding-bottom: 0rem;
}
.site-footer .widget p{
margin-bottom: 1rem;
margin-top: 0;
}
.catalog-release div:nth-child(2) h2{
font-weight: 600;
}
.widget_nav_menu a{
text-transform: lowercase;
}
@media screen and (min-width: 12rem){
.site-footer ul{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
max-width: 23ch;
}
.site-footer ul li{
display: inline-block;
vertical-align: top;
width: 6rem;
}
}
@media screen and (min-width: 25rem){
.widget{
width: 60ch;
}
.site-footer ul{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
max-width: 30ch;
margin-left: 25ch;
margin-right: 8ch;
}
.site-footer ul li{
display: inline-block;
vertical-align: top;
width: 12ch;
}
.catalog-release-wrap{
min-height: 1rem!important;
}
.catalog-release div:nth-child(2) h2{
font-weight: 400;
}
}
@media screen and (min-width: 800px){
.site-footer .widget{
width: auto;
display: inline-block;
vertical-align: top;
}
}
} @media screen and (min-width: 15rem){
.main-navigation{
position: absolute;
top: 1rem;
right: 2.5rem;
width: fit-content;
z-index: 100;
display: inline-block;
}
.main-navigation li{
margin-left: 0.5em;
}
}
@media screen and (min-width: 25rem){
.site-header{
padding: 1em;
}
.site-footer{
padding: 1em;
}
.textwidget p{
margin: 0!important;
}
.catalog-release div:nth-child(1){
padding-left: 1em;
}
.site-content{
padding-left: 1em;
padding-right: 1em;
}
.post-type-archive-radio .site-content, .post-type-archive-radio .page-header{
padding-left: 0.5em;
padding-right: 0.5em;
}
.releasewrap{
padding-left: 1rem!important;
padding-right: 1rem!important;
}
} .catalog-release-wrap{
border-bottom: 1px solid;
min-height: 3.3rem;
}
.catalog-release{
width: 100%!important;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: 5.25rem 1fr 1fr  ;
padding: 0.4em 0em 0.25em 0;
}
.catalog-release div {
padding: 0 0.5em;
}
.catalog-release div h2{
margin-block-start: 0em;
margin-block-end: 0em;
}
.catalog-header{
border-bottom: 2px solid;
padding-top: 0rem;
background: var(--bg-color);
position: sticky;
top: 3rem;
z-index: 100;
}
.catalog-header .catalog-release{
padding: 0.2rem 0;
font-weight: 600;
}
.catalog-release div:nth-child(5) {
display: none;
}
.catalog-release div:nth-child(4) {
display: none;
}
.catalog-artists span:after,
.single-release-artists span:after{
content:", ";
}
.catalog-artists span:last-child:after,
.single-release-artists span:last-child:after{
content:"";
}
@media screen and (min-width: 35em){
.catalog-release{
grid-template-columns: 5.5rem 1fr 1fr 200px;
}
.catalog-release div:nth-child(4) {
display: block;
}
}
@media screen and (min-width: 48.5em){
.catalog-release{
grid-template-columns: 75px 1fr 1fr 200px 100px;
}
.catalog-release div:nth-child(5) {
display: block;
}}
@media screen and (min-width: 87em){
.catalog-release{
grid-template-columns: 75px 1fr 1fr 200px 100px;
margin-left: 25ch;
}
.catalog-release div:nth-child(5) {
display: block;
}} .releasewrap{
padding: 0 0.5rem;
}
.releasewrap .entry-header{
position: sticky;
top: 3rem;
background: var(--bg-color);
z-index: 1000000;
width:  100%;
}
.releasewrap h2{
position: sticky;
top: 4.8rem;
background: var(--bg-color);
z-index: 10000;
padding-top: 0.4em;
}
.releaseinfo h2{
top: 0!important;
}
.single-releases .site-content, div.entry-content-release{
padding-left: 0;
padding-right: 0;
}
.releaseinfo {
max-height: 700px;
overflow: auto;
vertical-align: top;
border-bottom: 1px solid;
max-height: fit-content;
}
.release-head{
border-bottom: 2px solid;
margin-bottom: 0em;
padding: 0.4em 0 0.25em 0;
}
.releasetable {
vertical-align: top;
border-collapse: collapse;
margin-bottom: 0;
}
.releasetable td{
vertical-align: top;
border-bottom: 1px solid;
padding: 0.25em 0em;
}
.releasetable td:nth-child(1){
width: 8rem;
}
.releasetable ul {
list-style: none;
margin-left: 0;
padding-left: 0!important;
margin-bottom: 0;
}
.releasetable ul li{
list-style: none;
margin-left: 0;
padding-left: 0;
}
.releaseinfo .entry-title{
border-bottom: 2px solid;
font-weight: 600;
}
.singleSound .miniSound__logo{
display: none!important;
}
.entry-content{
padding: 0em 0.5em;
}
.tracks .release-head,
.coverimage .release-head{
margin-bottom: 0rem;
}
.tracks iframe{
font-family: "einfach Grotesk Mono"!important;
margin-bottom: 0.5em;
background: #f2f2f2; }
.entry-title{
padding-bottom: 0.25rem;
}
@media screen and (min-width: 600px){
.single-releases .releasewrap{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1rem;
row-gap: 0rem;
}
.releaseinfo{
width: 100%;
display: block;
}
.single-releases .releasewrap .entry-header{
grid-column: 1 / 3;
}
.tracks{
width: 100%;
display: block;
}
.coverimage{
width: 100%;
grid-column: span 2;
}
.releasewrap h2{
top: 4.8rem;
}
}
@media screen and (min-width: 52em){
.single-releases .releasewrap{
grid-template-columns: 1fr 1fr 1fr;
column-gap: 1rem;
row-gap: 0rem;
}
.releaseinfo{
width: 100%;
display: block;
padding-top: 1rem;
}
.single-releases .releasewrap .entry-header{
grid-column: 1 / 3;
}
.tracks{
width: 100%;
display: block;
}
.coverimage{
width: 100%;
grid-column: span 1;
}
.tracks iframe:nth-child(2),
.cover{
margin-top: 1rem;
}
.single-releases .releasewrap{
position: fixed!important;
padding-top: 1rem;
width: 100%;
height: 95vh;
height: calc(100vh - 3.5rem);
overflow-y: auto;
}
.releasewrap h2{
position: sticky;
background: var(--bg-color);
top: 1rem;
z-index: 10000;
}
.tracks, .coverimage{
padding-top: 0.5rem;
}
.releasewrap .entry-header{
position: fixed;
top: 3rem;
background: var(--bg-color);
width: 100%;
z-index: 1000000;
width: calc(100% - 2rem);
padding-top: 0.3rem;
}
.coverimage {
display: inline-block;
width: 100%;
position: sticky;
top: 0;
}
.coverimage img{
display: inline-block;
position: sticky;
top: 0;
max-height: 90vh;
max-height: calc(100vh - 7.5rem);
}
.single-release-catalaog{
margin-top: 0vh;
position: relative;
z-index: 10000;
background: var(--bg-color);
padding-bottom: 1rem;
border-top: 2px solid;
}
.site-footer{
background:  var(--bg-color);
margin: 0;
padding-top: 2rem;
position: relative;
z-index: 1000;
min-height: 100px;
}
}
@media screen and (min-width: 62em){
.single-releases .releasewrap{
grid-template-columns: 400px 1fr 1fr;
}
}
.single-release-artists{
grid-column: 3 / 4;
grid-row: 1;
}
.single-release-media{
grid-column: 4 / 5;
}
.single-release-date{
grid-column: 5 / 6;
}
.page-title{
margin-bottom: 1rem;
text-transform: lowercase;
} .cover{
position: relative;
width: 100%;
}
.serieslider{
width: 100%;
height: 90vh;
max-height: calc(100vh - 8.25rem);
position: relative;
top: 0;
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
}
.serieslider img{
width: calc(100vw - 10vw);
max-height: 100%;
top: 5vw;
left: 5vw;
position: relative;
vertical-align: center;
} .buttonleft, .buttonright{
background-color: rgba(0,0,0,0.0);
border: 0px;
border-radius: 0px;
color: rgba(0,0,0,0.0);
height: 100%;
width: 50%;
left: 0;
top: 0;
z-index: 100000;
position: absolute;
cursor: w-resize;
}
.buttonright{
top: 0;
left: 50%;
right: 5vw;
cursor: e-resize;
}
.buttonleft:focus, .buttonright:focus{
outline: none;
} .artist-list-item{
padding: 0.4rem 0 0.25rem 0;
border-bottom: 1px solid;
}
.artist-list-item a:before{
content:"";
}
.artist-list-item h2:before{
content:"→";
}
.single-artists .post-thumbnail img{
width: auto;
max-height: 100vh;
max-height: calc(100vh - 5.5rem);
}
.post-type-archive-artists .page-title{
margin-bottom: 0rem;
padding-bottom: 0.25rem;
border-bottom: 2px solid;
font-weight: 600!important;
}
.single-artists .entry-header{
position: sticky;
top: 2.5rem;
padding-top: 0.5rem;
margin-top: -0.5rem;
background: var(--bg-color);
z-index: 1000;
}
.artist-list .page-title{
padding: 0 0 0.25rem 0;
margin-bottom: 0rem;
border-bottom: 1px solid;
}
.single-artists .entry-content table{
border-collapse: collapse;
}
.single-artists .entry-content td{
border-bottom: 1px solid;
vertical-align: top;
padding: 0.4rem 0 0.25em 0;
}
.single-artists .entry-content tr:first-child td{
padding-top: 0;
}
.single-artists .entry-content td:first-child {
padding-right: 0.5rem;
}
.single-artists .entry-content td p:last-child{
margin-bottom: 0;
}
.single-artists .entry-content td ul{
margin: 0;
padding-left: 0rem;
}
.single-artists .entry-content td ul li,
.releasetable td ul li{
list-style: none;
border-bottom: 1px solid;
padding: 0.25rem 0;
}
.single-artists .entry-content td ul li:first-child,
.releasetable td ul li:first-child{
padding-top: 0;
}
.single-artists .entry-content td ul li:last-child,
.releasetable td ul li:last-child{
border-bottom: 0px solid;
padding-bottom: 0;
}
.single-artists article p{
margin: 0 0 0rem 0;
}
.single-artists article p::before{
content: "\00a0\00a0\00a0 ";
}
.single-artists article p:first-child::before{
content: "";
}
.artist-list .page-title, .post-type-archive-artists .page-header{
position: sticky;
top: 3rem;
background: var(--bg-color);
z-index: 100;
}
@media screen and (min-width: 600px){
.post-type-archive-artists .content-area{
position: sticky;
top: 3rem;
}
.artist-list{
position: sticky;
top: 3rem;
height: fit-content;
}
.single-artists .site-content{
display: grid;
grid-template-columns: 150px 1fr;
column-gap: 1ch;
row-gap: 1ch;
}
.artist-list{
max-width: 23ch;
top: 3rem;
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.post-type-archive-artists .page-title{
max-width: 23ch!important;
}
.single-artists .content-area{
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.single-artists article{
display: grid;
grid-template-columns: 300px 1fr;
column-gap: 0.5rem;
row-gap: 0.5rem;
}
.single-artists article .entry-header{
grid-column: 1 / 3;
}
.single-artists article .entry-header h1{
font-weight: 600!important;
}
.single-artists article .entry-content{
grid-column: 1 / 2;
grid-row: 2 / 3;
margin: 0;
padding: 0;
}
.single-artists .post-thumbnail{
position: sticky;
top: 5rem;
height: fit-content;
z-index: 100;
}
.post-type-archive-artists .page-title{
max-width: 200px;
}
}
@media screen and (min-width: 800px){
.single-artists .site-content{
grid-template-columns: 24ch 1fr;
}
.single-artists article{
grid-template-columns: 400px 1fr;
}
} .artisttable td:first-child{
width: 9ch!important;
} .radiopattern{
display: flex;
flex-wrap: wrap;
}
.radiopattern .post-thumbnail{
width: 50%;
padding: 0.5rem;
font-size: 0;
transition: 0.4s;
}
.radiopattern .post-thumbnail:hover {
transform: scale(1.05);
z-index: 1;
transition: 0.4s;
}
.post-type-archive-radio .page-title{
border-bottom: 2px solid;
margin-bottom: 0.5rem;
}
.post-type-archive-radio .page-header{
position: sticky;
top: 3rem;
background: var(--bg-color);
z-index: 100000;
}
@media screen and (min-width: 600px){
.radiopattern .post-thumbnail{
width: 33.333%;
padding: 0.5rem;
}
}
@media screen and (min-width: 800px){
.radiopattern .post-thumbnail{
width: 25%;
padding: 0.5rem;
}
}
@media screen and (min-width: 1000px){
.radiopattern .post-thumbnail{
width: 20%;
padding: 0.5rem;
}
}
@media screen and (min-width: 1200px){
.radiopattern .post-thumbnail{
width: 16.66666%;
padding: 0.5rem;
}
}
@media screen and (min-width: 1500px){
.radiopattern .post-thumbnail{
width: 12.5%;
padding: 0.5rem;
}
}
@media screen and (min-width: 1900px){
.radiopattern .post-thumbnail{
width: 10%;
padding: 0.5rem;
}
} @media screen and (min-width: 600px){
.single-radio .radiocover, .single-radio .entry-content{
width: 49%;
display: inline-block;
vertical-align: top;
}
.radiosc{
position: ;
top: ;
background: var(--bg-color);
margin-bottom: 1rem;
border-bottom: 0px solid;
}
.radiosc div:nth-child(2){
display: none;
}}
.single-radio .entry-header{
border-bottom: 2px solid;
position: sticky;
top: 3rem;
background: var(--bg-color);
z-index: 10000;
}
.single-radio .entry-header{
border-bottom: 0px solid;
position: sticky;
top: 3rem;
background: var(--bg-color);
}
.radiocover .wp-post-thumbnail{
width: 100%;
}
.radiocover img{
width: 100%;
max-height: auto;
}
.single-radio .entry-content h2, .radiocover  h2{
border-bottom: 2px solid;
margin-bottom: 1rem;
}
#wpadminbar{
z-index: 1000000000000;
}
#wpadminbar a:before{
content: "";
} .wp-block-image img{
width: 100%;
}
.wp-block-preformatted{
font-family: "Suisse Intl Mono", monospace!important;
background: none;
font-size: 1rem;
}
.wp-block-separataor, hr{
height: 1px;
background: var(--font-color);
margin: 1rem 0;
}
.wp-block-button a, .wp-block-button a:visited{
background: none;
border: 1px solid;
padding: 0.25rem 0.75rem 0.25rem 0.6rem;
font-size: 1rem;
color: var(--font-color);
}
.wp-block-buttons {
margin-top: 1rem;
}
.wp-block-buttons .wp-block-button{
margin-right: 0.25rem;
display: inline-block;
vertical-align: top;
} h1.entry-title, h1.page-title, h2.page-title{
font-weight: 600!important;
border-bottom: 2px solid!important;
padding: 0.2rem 0!important;
}
.page .entry-header{
position: sticky;
top: 3rem;
background: var(--bg-color);
z-index: 1000;
}
.page .entry-content{
padding: 0rem;
}
.page p{
max-width: 100%;
}
.page h2, .page h3, .page h4{
border-bottom: 1px solid;
margin-top: 2rem;
font-weight: 600;
position: sticky;
top: 4.8rem;
padding-top: 0.2rem;
background: var(--bg-color);
}
.entry-content ul {
margin-left: 0;
padding-left: 1.5rem;
max-width: 35rem;
list-style: square;
} .embed-privacy-inner{
padding: 0!important;
text-align: left!important;
display: block!important;
}
.embed-privacy-inner p{
padding: 0!important;
text-align: left!important;
display: block!important;
margin-top: 0;
color: var(--bg-color)!important;
}
.embed-privacy-overlay a,
.embed-privacy-label{
color: var(--bg-color)!important;
}
.embed-privacy-container a:hover,
.embed-privacy-label:hover{
color: var(--bg-color)!important;
font-weight: 600!important;
}
.embed-privacy-overlay{
background: var(--font-color)!important;
}
.embed-privacy-url{
font-size: 1rem;
} .acf-column{
max-width: 20rem;
}
.wpcf7 input,
.wpcf7 textarea{
font-family: "Suisse Intl Mono", monospace!important;
border: 1px solid;
border-radius: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
background: none;
color: var(--font-color);
font-weight: 600;
resize: vertical;
}
.wpcf7 input:invalid,
.wpcf7 textarea:invalid{
border: 1px solid red;
}
.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 input:focus,
.wpcf7 textarea:focus{
border: 1px solid;
background: white;
color: black;
outline: none;
}
.wpcf7 label{
font-size: 1rem;
}
.wpcf7-checkbox input{
width: auto;
min-width: auto;
max-width: auto;
}
.wpcf7-checkbox input:hover,
.wpcf7-checkbox input:focus,
.wpcf7-acceptance input:hover,
.wpcf7-acceptance input:focus{
outline: 2px solid var(--font-color);
border-radius: 0!important;
}
.wpcf7-list-item {
margin: 0;
display: block;
}
.wpcf7-acceptance input{
width: auto;
min-width: auto;
max-width: auto;
}
.wpcf7-submit{
background: none!important;
font-size: 1rem!important;
border-radius: 4rem!important;
}
.wpcf7-submit:hover,
.wpcf7-submit:focus{
background: var(--font-color)!important;
color: var(--bg-color)!important;
}
.wpcf7-submit:hover{
font-weight: 600!important;
}
.wpcf7-response-output{
margin: 0!important;
border-width: 1px!important;
}
.wpcf7 input,
.wpcf7 textarea{
color: var(--text-color);
background: var(--bg-color);
}
.wpcf7-spinner{
display: none;
}
.acf-column p{
margin-bottom: 0;
}
.wpcf7-list-item{
border-bottom: 1px solid;
margin-top: 0.3rem;
margin-bottom: 0rem;
}
.wpcf7-list-item label{
display: grid;
grid-template-columns: 1.5ch 1fr;
align-items: start;
}
.wpcf7-list-item input{
border-top: 1px solid;
margin-top: 0.1rem;
margin-bottom: 0.4rem;
}
.wpcf7-list-item-label{
margin-bottom: 0.3rem;
margin-left: 0.5ch;
display: inline-block;
}
.acf-column{
max-width: 100%;
}
input{
width: 100%;
}
textarea {
min-height: 15rem;
min-width: 230px!important;
}
@media (min-width: 600px){
.wpcf7-form{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}
.wpcf7-response-output{
grid-column: span 3;
}
}
@media(min-width: 800px){
.acf-column{
max-width: 100%;
}
} .woocommerce .products{
max-width: 100%!important;
border-left: 1px solid;
align-items: stretch!important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.products .product{
width: 50%!important;
border: 1px solid;
border-left: 0;
padding: 0.5rem!important;
margin: 0!important;
float: left!important;
font-size: 1rem!important;
align-self: stretch!important;
display: flex!important;
display: flex;
flex-direction: column;
}
.products .product h2{
flex: 1 0 auto!important;
}
@media (min-width: 500px){
.products .product{
width: 33.33333%!important;
width: calc(100% / 3)!important;
max-width: 100%!important;
margin: 0!important;
flex-basis: 33.333%;
flex-basis: calc(100% / 3);
flex-shrink: 0;
flex-grow: 0;
}
}
@media (min-width: 800px){
.products .product{
flex-basis: 25%!important;
max-width: 100%!important;
margin: 0!important;
}
}
@media (min-width: 1200px){
.products .product{
flex-basis: 20%!important;
max-width: 100%!important;
margin: 0!important;
}
}
.products .product:hover{
background: #dddddd!important;
}
.products .product a:before{
content:""!important;
}
.products .product img{
width: calc(100% + 1rem)!important;
max-width: calc(100% + 1rem)!important;
margin-left: -0.5rem!important;
margin-right: -0.5rem!important;
margin-top: -0.5rem!important;
margin-bottom: 0.5rem!important;
}
.products .product h2{
border-bottom: 0;
padding: 0!important;
background: none!important;
}
.products .product .amount {
color: var(--font-color);
font-size: 1rem!important;
}
.products .product .price{
text-align: right;
}
.products .product .amount span{
display: none!important;
}
.products .add_to_cart_button{
align-self: flex-end;
}
.add_to_cart_button{
background: var(--bg-color)!important;
border: 1px solid!important;
margin-left: auto!important;
text-align: center!important;
display: block!important;
color: var(--font-color)!important;
}
.add_to_cart_button:hover{
background: var(--font-color)!important;
color: var(--bg-color)!important;
}
.woocommerce-result-count{
margin-top: 0.25rem!important;
}
.woocommerce-ordering select.orderby{
background: none!important;
border: 1px solid;
margin: 0.25rem 0 0 0 ;
font-family: "Suisse Intl Mono", monospace!important;
padding: 0.25rem;
} .single-product .entry-header{
margin-top: 0rem;
font-weight: 600;
position: sticky;
top: 2.8rem;
padding-top: 0.2rem;
z-index: 10000;
background: var(--bg-color);
}
.single-product .entry-content{
padding-left: 0;
}
.single-product .price{
font-size: 1rem!important;
color: var(--font-color)!important;
}
.single-product .button{
background: none!important;
color: var(--font-color)!important;
border: 1px solid!important;
border-radius: 0!important;
font-family: "Suisse Intl Mono", monospace!important;
height: 2.5rem;
}
.single-product input{
background: none!important;
color: var(--font-color)!important;
border: 1px solid!important;
border-radius: 0!important;
font-family: "Suisse Intl Mono", monospace!important;
height: 2.5rem;
}
.single-product .entry-summary{
width: 100%!important;
margin: 0 0 1rem 0!important;
max-width: 100%!important;
}
@media (min-width: 37.5rem){
.single-product .entry-content .single-product .product{
display: grid;
width: 100%;
grid-template-columns: 50% 50%;
grid-template-rows: [row1-start] 15rem [row1-end] auto [third-line] auto [last-line];
}
.single-product .woocommerce-product-gallery{
margin-top: 0.5rem;
width: 100%!important;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: span 2;
position: sticky!important;
top: 4.8rem;
}
.single-product .summary.entry-summary{
padding-left: 0.5rem!important;
}
.wc-tabs-wrapper{
padding-left: 0.5rem;
}
.single-product .related.products{
grid-column-start: 2;
grid-column-end: 3;
padding-left: 0.5rem;
}
.single-product .related.products .product{
display: block;
}
}
@media (min-width: 60rem){
.single-product .entry-content .single-product .product{
display: grid;
width: 100%;
grid-template-columns: 50% 18rem 1fr;
grid-template-rows: [row1-start] 15rem [row1-end] auto [third-line] auto [last-line];
}
.single-product .woocommerce-product-gallery{
margin-top: 0.5rem;
width: 100%!important;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: span 2;
position: sticky!important;
top: 4.8rem;
}
.single-product .summary.entry-summary{
position: sticky;
top: 5rem;
grid-row-start: 1;
grid-row-end: 2;
align-self: start;
}
.wc-tabs-wrapper{
padding-left: 0.5rem;
position: sticky;
top: 5rem;
grid-row-start: 1;
grid-row-end: 2;
align-self: start;
}
.single-product .related.products{
grid-column-start: 2;
grid-column-end: 3;
padding-left: 0.5rem;
}
.single-product .related.products .product{
display: block;
}
}
.woocommerce-product-gallery a:before{
content: "";
}
.flex-control-thumbs{
display: flex;
}
.flex-control-thumbs img{
opacity: 1!important;
}
.pswp__bg,
.pswp__zoom-wrap{
left: 1rem!important;
right: 1rem!important;
width: calc(100% - 2rem);
border-bottom: 1rem solid var(--bg-color);
}
.pwsp--has-mouse{
background: none!important;
}
.pswp__button.pswp__button--close {
position: fixed!important;
z-index: 100000000!important;
top: 5rem!important;
right: 1rem;
}
.pswp__button.pswp__button--fs {
position: fixed!important;
z-index: 100000000!important;
top: 5rem!important;
left: 8rem!important;
}
.pswp__button.pswp__button--zoom {
position: fixed!important;
z-index: 100000000!important;
top: 5rem!important;
left: 12rem!important;
}
.pswp__preloader{
position: fixed!important;
z-index: 100000000!important;
top: 5rem!important;
left: 7rem!important;
}
.pswp__top-bar{
position: fixed!important;
z-index: 100000000!important;
top: 5rem!important;
left: 1.5rem!important;
background: none!important;
}
.pswp__caption{
background: none!important;
}
.pswp__button--arrow--left{
left: 1rem;
}
.pswp__button--arrow--right{
right: 1rem;
}
#tab-description{
max-width: 30rem;
}
.onsale{
background: none!important;
border: 2px solid;
mix-blend-mode: difference;
margin-right: 0.2rem!important;
margin-top: 0.2rem!important;
top: 0!important;
}
.single-product .onsale{
top: 0.8rem!important;
left: 0.5rem!important;
}
.single-product .cart{
width: 100%!important;
margin: 0 0 1rem 0!important;
max-width: 100%!important;
}
.wc-tabs li{
background: none;
border-radius: 0!important;
} .theme-switch-wrapper{
position: fixed;
z-index: 100000000000000000000000000!important;
color: var(--text-color);
top: 1rem;
right: 1rem;
}
.theme-switch-wrapper input{
display: none;
}
.slider:before{
content: "◒";
} ::-webkit-scrollbar {
width: 16px; }
::-webkit-scrollbar-track {
background: #f1f1f1; }
::-webkit-scrollbar-thumb {
background-color: #ff0000; border-radius: 0px; border: 4px solid #f1f1f1; opacity: 1; }
::-webkit-scrollbar-thumb:hover {
background: #cc0000; opacity: 1; } html {
scrollbar-width: thick; scrollbar-color: var(--font-color) #f1f1f1; opacity: 1; } body {
-ms-overflow-style: none; }
body::-webkit-scrollbar {
display: none; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}