/**
 * Theme Name:     GridWP Child
 * Author:         Stanley Hottek
 * Template:       gridwp
 * Text Domain:	   gridwp-child
 * Description:    Submit Records 
 * Theme URI:      http://localhost/submit-records/category/submit-records/
 * Author URI:     http://localhost/submit-records/category/submit-records/
 * Version:        1.1
 * License:        GNU General Public License
 * License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:           submit records, industrial,techno,experimental,dystopian,idm,ebm,leftfield,ambient,lofi
 */

/* fix css */
body .is-layout-flex {
    display: flex;
    align-items: flex-start;
}

.is-layout-flex {
    flex-wrap: nowrap;
    align-items: center;
}

@font-face {
  font-family: 'UbuntuTitlingBold';
  src: url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.eot');
  src: url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.woff2') format('woff2'),
       url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.woff') format('woff'),
       url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.ttf') format('truetype'),
       url('../../../fonts/Ubuntu/UbuntuTitling-Bold-webfont.otf') format('opentype');
}

/* new oswald */
@font-face {
  font-family: 'Oswald';
  src: url('../../../fonts/Oswald/Oswald-VariableFont_wght.ttf');
  src: url('../../../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype'),
       url('../../../fonts/Oswald/Oswald-VariableFont_wght.otf') format('opentype');
}

/* Playfair new */
@font-face {
  font-family: 'Playfair Display';
  src: url('../../../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf');
  src: url('../../../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf') format('truetype'), url('../../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.otf') format('opentype');
}

/**********************
/* Submit Dates & Contakt Form
/**********************/
.submit_date {
	background: #eee !important;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}

.submit_date div {
	margin-bottom: 20px;
}


.submit_date h3 {
	color: #000 !important;
	text-align: left !important;
}

#party-url, #party-location, #party-lineup {
  width: 100% !important;
  font-size: 14px;
  font-family: 'roboto_condensedbold' !important;
}

#party-image {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'roboto_condensedbold' !important;
}

#emailmsg {
	width: 100% !important;
    font-size: 14px;
    font-family: 'roboto_condensedbold' !important;
}

#betreffmsg {
	  width: 100% !important;
    font-size: 14px;
    font-family: 'roboto_condensedbold' !important;
}

#textmsg {
	  width: 100% !important;
    font-size: 14px;
    font-family: 'roboto_condensedbold' !important;
}

/**********************/
/* Display Conditions */
/**********************/
.entry-title {
  display: none;
}

/* Frontpage Widgets */
#block-41 {display:none; background-color: #eee; }
/* Label Info */
#block-37 { display: none; }
/* Related Artist */
#block-171 { display: none;}
#block-151 { display: none;}
/* Artist Info */
#block-39 { display: none;}
/* Dynamic Display Conditions */
#block-47 { display: none;}
/* Bandcamp Supporters */
#block-163 { display: none;}


/* Fixed Soundcloud Player */
.soundcloud-player {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
	height: 50px;
  z-index: 100001;
  background-color: #fff;
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);
}


/* Dates */
/* Widget */
h6.dates-title {
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 14px;
}

span.dates-link a {
	text-transform: uppercase;
	font-size: 12px;
}

span.dates-link a:hover {
	font-weight: bold;
	color: red !important;
}

/* Kulturpage */
#toggle-all-dates {
 		position: absolute;
		top: 40%; 
		left: 45%; 
		transform: translate(-50%, 40%);
		width: 24px;
}

#add-party-date {
 		position: absolute;
		top: 40%; 
		right: 45%; 
		transform: translate(50%, 40%);
		width: 24px;
}

span.party-imagesource {
	position: absolute;
	top: 20px;
	left: 20px;
	color: white !important;
	font-size: 12px;
}

.party-imagesource a { color: white !important; }

.party-posts-content {
	margin-bottom: 15px;
	margin-right: 10px;
}

h3.location-title {
	color: #FFF !important;
	text-shadow: 3px 3px 0 #000;
}

span.location-title-span:after {content:'';position:absolute;width:0;height:0;
	right:-19px;
	bottom:0;
	border-top:34px solid rgba(0,0,0,0);
	border-right:4px solid rgba(0,0,0,0);
	border-left:15px solid #666 !important;
	background: #a0a0a0;
	transform: scalex(-1);
}

.toogletwo {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
}

.toogletwo.visible {
  opacity: 1;
  height: auto;
}

.party-title:hover {
	background-color: #7c2c10!important;
	opacity: 0.8;
}

.party-header {
	margin: 0px 0px 0px 10px;
	border: 1px solid black;
}

div.party-title a:hover  {
	background-color: #fff;
}

div.party-header h3 {
	width: 100%;
}
span.party-title-left {
	margin-right: auto;
}

span.party-title-right {
	margin-left: auto;
	font-size: 16px;
	margin-top: 5px;
}

.party-title a {
	color: white;
}

.party-date {
  display: flex;
	background: #000;
	margin: 0px 0px 0px 10px;
}

span.party-date {
	background: transparent;
}

.party-thump-container {
	float: left;
  width: 50%;
	background: #000;
}

.party-info-container {
	background: #FFF;
  float: left;
  width: 70%; 
	margin: 10px;
}

.party-lineup {
	background: #FFF;
	margin: 10px;
	font-size: 2rem;
	font-family: 'roboto_condensedbold' !important;
  font-weight: normal !important;
}

.party-title {
	display: flex;
  justify-content: space-between;
  width: 100%;
	background-color: #8c3c20 !important;
	color: #fff;
	text-shadow: 3px 3px 0 #000000;
	padding: 10px;
	margin: 0px;
		transition: background-color 0.2s linear ;
}

.party-title-wrapper {
	margin-top: 5px;
	background: #666 !important;
}

.party-image img {
	margin: 10px 0px 0px 10px;
}

@media screen and (max-width: 468px) { 
	.party-thump-container {
	display: none;
	}
	.party-info-container {
  float: left;
  width: 100%; 
	margin: 10px;
  }

	h3.party-title {
	font-size: 16px !important;
	}

	span.party-title-right {
	margin-left: auto;
	font-size: 10px;
	margin-top: 4px;
	
	}
}

/* Artist Infobox */
span.artist-imagesource {
	position: absolute;
	bottom: 45px;
	right: 5px;
	color: white !important;
	font-size: 12px;
}

.artist-imagesource a {
	color: white !important;
}

.gridwp-grid-post-inside img {
	margin-bottom: -10px;
}

/* Release Template */
.stream-icon {
	height: 48px;
	width: 48px;
}
.icon-row {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

.icon-container img {
	margin-bottom: -10px;
}

.icon-row:last-child {
  margin-right: 0;
}

.icon-row a {
  color: #000;
}

.icon-row i {
  font-size: 30px;
	margin: 1px;
}

.release-text {
	font-size: 1.3em;
  line-height: 1.2em;
	text-align: justify;
	text-align-last: none;
}

.release-title {
  position: relative;
}

.release-title h2 {
	margin: 0px;
	margin-bottom: 10px;
}

@media screen and (max-width: 468px) { 
	.release-title h2 {
	font-size: 20px;
	} 
}

p.release-catnr {
	position:absolute;
	top: 0px;
	right: 0px;
}

/* rotating vinyl */
.release-image img {
  /* Zentrierung des Bildes */
  margin: auto;
  display: block;
  /* Fügt einen Schatten hinzu, um den Eindruck einer erhabenen Schallplatte zu erwecken */
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
  /* Fügt eine runde Form hinzu, um den Eindruck einer Schallplatte zu erwecken */
  border-radius: 50%;
  /* Ändert den Cursor auf das Hover-Ereignis, um den Eindruck zu erwecken, dass es sich um ein interaktives Element handelt */
  cursor: pointer;
  /* Fügt eine Hintergrundfarbe hinzu, die die Farbe des Labels auf einer Schallplatte nachahmt */
  background-color: #ffffff;
  /* Definiert die Animation */
  animation: rotation 6s linear infinite;
}

/* Definiert die Animation */
@keyframes rotation {
  /* Definiert den Anfangszustand */
  from {
    transform: rotate(0deg);
  }
  /* Definiert den Endzustand */
  to {
    transform: rotate(360deg);
  }
}

/* tonarm */
.tonoff { display: none; }

/* Positionierung */
.turntable-tonearm {
  position: absolute;
  top: -4%;
  left: 23%;
  transform: translate(-50%, -50%) rotate(-80deg);
  z-index: 2;
}

/* Größe */
.turntable-tonearm {
  width: 145px;
  height: 145px;
}

/* Dicke */
.turntable-tonearm .tonearm-head {
  width: 75px;
}

@media only screen and (max-width: 768px) {
  .turntable-tonearm .tonearm-head {
    width: 475px;
    height: 475px;
	}
	.turntable-tonearm {
		top: 35%;
		left: 4%;	
  }
}

@media only screen and (max-width: 468px) {
  .turntable-tonearm .tonearm-head {
    width: 175px;
    height: 175px;
	}
	.turntable-tonearm {
		top: 13%;
		left: 21%;	
  }
}

/* Überlappung des turntable-tonearm über dem figure-Element */
#Image {
  position: relative;
  z-index: 1;
}

/* Rotation */
.turntable-tonearm .tonearm {
  animation: tonearm-rotation 0.5s linear infinite;
}

/* Definition der Animation */
@keyframes tonearm-rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* Überlappung des turntable-tonearm über dem figure-Element */
#Image {
  position: relative;
  z-index: 1;
}

/* YARPP */
.yarpp-thumbnails-horizontal {
	margin-top: -30px !important;
	clear:both !important
}
a.yarpp-thumbnail {
	margin-top: 30px !important;
}

.yarpp {
	margin-top: 30px !important;
	margin: 0px auto;
}

/* smr startpage*/
.smr-startpage-entry-content {
	margin: 0px;
}

.startpage-page-header h6 {
	color: #FFF;
}

.startpage-page-header {
		position: relative;
    margin: 0px 0px 5px 0px;
    padding: 15px;
    text-align: center;
    background: #000;
}

.star-startpage-blog {
	height: 230px !important;
	margin-bottom: 5px !important;
}

.smr-startpage-content-wrapper {
	background: #333333;
}

.smr-startpage-title-wrapper {
	position: relative;
	background: #5f5f5f;
	border-bottom: 5px solid #333333;
	text-shadow: 3px 3px 0 #000000;
}

.smr-startpage-title {
	margin: 0px 0px 0px 10px;
	padding: 5px;
	color: #FFF;
}

.smr-startpage-title-wrapper
 span { display:inline-block;background:#333333;position:relative;vertical-align:bottom;}

.smr-startpage-title-wrapper span:after {content:'';position:absolute;width:0;height:0;
	right:-19px;
	bottom:0;
	border-top:34px solid rgba(0,0,0,0);
	border-right:4px solid rgba(0,0,0,0);
	border-left:15px solid #333333;
}


div.smr-startpage-post-wrapper { 
	background: #333333;
}

.gridwp-grid-post-thumbnail.content-blog-thumpnail img {
	opacity: 0.8;
}

/* Sortierung */
.smr-sort-wrapper {
	background-color: #eee;
	width: auto;
	margin: 1px;
	overflow: hidden;
}

.smr-sort-container {
	max-height: 0px;
	display: flex;
	flex-direction: column-reverse;
	background: #333;
	opacity: 0.8;
	border: 1px solid #666;
	margin-bottom: 5px;
	transition: max-height 0.5s ease;
	overflow: hidden;
}

.smr-sort {
	margin: 10px;
}
/* Sort and Filter Bar */
#party-location.smr-form {
	
}

#party-date.smr-form {

}

.smr-form label, select#party-location, #party-date {
  font-size: 14px;  
  padding: 10px; 
	height: 40px;
	width: 100%;
  border: none;
	color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'roboto_condensedbold' !important;
}

.smr-form label, select#party_location, #party_date {
  font-size: 14px;  
  padding: 10px; 
	height: 40px;
	width: 100%;
  border: none;
	color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'roboto_condensedbold' !important;
}

#toggle { display: none; }

input[type="checkbox"]:checked + .smr-sort-container {
	max-height: 200px;
}

@media screen and (max-width: 468px) { .smr-sort { height: 40px; } }

.smr-sort {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
	flex: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.smr-sort-navi {
	position: absolute;
	right: 10px
}

.smr-sort-wrapper:hover {
	background: #666;
}

.smr-sort-title {
	text-align: center !important;
	margin-top: 6px;
}


#gridwp-main-wrapper > div > div.gridwp-main-wrapper-inside.clearfix > div.smr-sort-navi > div:nth-child(n) > h3 > a:hover {
    color: #fff !important;
}

div.smr-startpage-post-wrapper .gridwp-box { 
	margin-bottom: 10px !important;
}

#gridwp-posts-wrapper > div > div > div.smr-sort-container > div.smr-sort-navi > nav > div {
	background: #eee;
	color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'roboto_condensedbold' !important;
}

/* Suche */
.smr-sort-search-wrapper {
    background-color: #eee;
    width: 100%;
    height: 40px;
    margin-right: 10px;
}

#searchform {
    display: flex;
}
#searchform input[type="text"] {
		flex: 1;
		position: absolute;
		left: 10px;
		border: 1px solid #000;
		font-size: 14px;
		padding: 5px;
}

#searchsubmit {
position: absolute;
left: 190px;
background-color: #000;
border: none;
color: #fff;
cursor: pointer;
font-size: 14px;
padding: 7px 30px;
margin-left: 5px;
}

/* shop */
.shop-thumpnail a {
	background: #ddd;
}
p.shop-article-price {
	position: absolute;
  bottom: 0px;
  right: 10px;
	color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'roboto_condensedbold' !important;
}

.stock-avaiable-on-order {
	z-index:3;
	position: absolute;
	height: 20px; 
	top: 30px; 
	padding: 0px 80px;
	left: -80px; 
	color:#fff;
	background-color: #5E962D;
	/* background-color: #962D3E; */
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-on-order::after {
	content:'★ ON ORDER ★';}

/* misc smr page headers */
.smr-page-header {
		position: relative;
		color: #000000;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    text-align: center;
    background: #eeeeee;
    border: 1px solid #dddddd;
}

.stock-avaiable-sold-out::after {
	content:'★ SOLD OUT ★';}

.stock-avaiable-sold-out {
	z-index:3;
	position: absolute;
	height: 20px; 
	top: 30px; 
	padding: 0px 80px;
	left: -80px; 
	color:#fff;
	background-color: #962D3E;
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

/* blog css */
.content-blog-post.gridwp-1-col {
    float: left;
    width: 100%;
		height: 268px;
		margin-right: 1.1%;
		margin-bottom: 6px;
}

.content-blog-post-inside {
    display: flex;
    flex-direction: row;
}

.content-blog-thumpnail {
    flex-basis: 230px;
    margin-right: 0%;
	opacity: 0.9;
}

@media (max-width: 468px) {
  .content-blog-thumpnail {
    display: none;
  }
	.gridwp-grid-post-details {
    flex-basis: 100% !important;
	}
	.blog-post-meta {
	  margin-top: 5px !important;
		font-size: 12px;
}
	.content-blog-post.gridwp-1-col {
		height:  auto !important;
		margin-left: 0px;
		margin-right: 0px;
}
	.gridwp-grid-post-details.content-blog-detail {
		height: 290px !important;
	}
}

.content-blog-detail {
    flex-basis: 68%;
}

.content-blog-detail {
	height: 230px;
	background-color: white;
}

.gridwp-grid-post-excerpt {
	margin-top: 10px;
}

p.blog-post-meta {
	font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 10px;
}

/* podcast css */
.off_podcast_content {
	display: none;
}

div.smr-startpage-title-wrapper > span > h3 > a {
	color: white;
}

.content-podcast-embed iframe {
	width: 100%; 
	height: 150px
}

.content-podcast-post.gridwp-1-col {
    float: left;
    width: 100%;
		height: auto;
		margin-right: 1.1%;
		margin-bottom: 20px;
		background: #333333;
		margin-bottom: 25px;
}

.content-podcast-post-inside {
    display: flex;
    flex-direction: row;
}

.content-podcast-thumpnail {
    flex-basis: 230px;
    margin-right: 0%;
		opacity: 0.9;
}

div.content-podcast-post {
	height: 210px;
	background: #3333
}

@media (max-width: 468px) {
  .content-podcast-thumpnail {
    display: none;
  }
	.gridwp-grid-post-details {
    flex-basis: 100% !important;
	}
	.blog-post-meta {
	  margin-top: 5px !important;
		font-size: 12px;
}
	.content-podcast-post.gridwp-1-col {
		height: auto !important;
}
}

.content-podcast-detail {
    flex-basis: 68%;
}

.content-podcast-detail {
	height: 230px;
	background-color: white;
}

.gridwp-grid-post-excerpt {
	margin-top: 10px;
}

p.podcast-post-meta {
	font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 10px;
}

.content-podcast-posts-wrapper {
	background: #333333;
}

.stock-avaiable-podcast {
	z-index:3;
	position: absolute;
	height: 20px; 
	top: 30px; 
	padding: 0px 80px;
	left: -80px; 
	color:#fff;
	background-color: #BCAE01;
	/* background-color: #962D3E; */
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-podcast::after {
	content:'★ MIXCAST ★';}

h3.podcast-catnr {
	position:absolute;
	top: 0px;
	right: 0px;
}

/* artist related grid */
.artists-related-grid-title a {
  position: absolute;
	left: 2px;
	top: 2px;
	font-size: 12px !important;
}

.gridwp-grid-post.gridwp-2-col {
    float: left;
    width: 48.9%;
		margin-right: 1.1%;
		margin-bottom: 1.1%;
}

#block-38.gridwp-side-widget.gridwp-box.widget.widget_block {
    margin-bottom: 12px;
}

/* page navi style */
.menu-startpage-color a:link {background: #666666; !important}
.menu-startpage-color a:hover {background: #9fa6ab; !important}

.menu-releases-color {background: #647d8f;}
.menu-artists-color {background: #647d8f;}
.menu-news-color {background: #647d8f;}
.menu-podcast-color {background: #20708c;}
.menu-labels-color {background: #1f8a70;}
.menu-labels-sub-color {background: #1f8a70;}
.menu-labels-sub-sub-color {background: #1f8a70;}
.menu-shop-color {background: #8c3c20;}

.menu-icon > a > img { filter: invert(1); width: 15px !important; height: 10px !important; }

li.menu-icon { background: #118a70; }

/*************************************Dynamic Widgets *************************************/
.dynamic-widget
{
	font-family: 'Oswald' !important;
	font-size: 14px;
	padding: 5px;
}

figure
{
	margin: 1px !important; 
}

/*************************************
/* Artist infobox
*************************************/
figcaption.artist-infobox-name {  color: white; 
 text-shadow: 1px 1px 2px black;}

figcaption.artist-infobox-name {
  position: absolute;
	top: 55px;
	left: 25px;
	font-size: 12pt;
	line-height: 12pt;
}

span.artist-infobox-url {
	color: white;
	font-family: 'oswald';
	text-transform: uppercase;
}

.artist-infobox-button {
	padding: 10px !important;
	background-color:black !important;
	color: white !important; 
	width: 100%;
	height: 40px;
	border: 1px solid none;
	border-radius:10px;
	transition: 0.2s;
	margin-bottom: 1px !important;
}

li:hover.artist-infobox-button  {
	background-color: gray !important;
}

/*************************************Artist Tags by Release *************************************/ .release-post-artists-tag ul {
	display: flex;
  flex-wrap: wrap;
	text-align: left;
  float: left;    
	list-style: none;
}

div.release-post-artists-tag li a {
  text-transform: uppercase;
  background-color: #666;
  font-size: 12px;
  color: #fff !important;
  padding: 4px;
  margin: 2px;
	border: 1px solid black;	
}

div.release-post-artists-tag ul li a:hover {
  background-color: #000;	
}

/* widget background-color */
.gridwp-sidebar-one-wrapper-inside pre { background: none; 
padding: 5px; margin: 0px}

/* Tabs Size and Colors */
.tab-widget table
{
	max-width: 100%;
	width: 100%;
  border: 0px solid white;
}
.tab-widget td
{
  border: 0px solid white;
}

/* menu and titels */
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../../../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');
}

/* secondary nav menu */
#gridwp-menu-secondary-navigation {
	display: inline-block;
	list-style: none;
  margin-top: 40px;
}

#gridwp-menu-secondary-navigation li {
	list-style: none;
  margin: 10px 0;
}

.gridwp-secondary-nav-menu a {
	font-family: 'roboto_condensedbold';
	letter-spacing: 0px;
	color: white;
	text-shadow: none;
	margin-top: -20px;
}

@media (max-width: 767px) {
	#gridwp-menu-secondary-navigation {
		display: block;
	}
}

.gridwp-secondary-nav-menu a:hover, .gridwp-secondary-nav-menu a:focus, .gridwp-secondary-nav-menu .current-menu-item > a, .gridwp-secondary-nav-menu .sub-menu .current-menu-item > a:hover, .gridwp-secondary-nav-menu .sub-menu .current-menu-item > a:focus, .gridwp-secondary-nav-menu .current_page_item > a, .gridwp-secondary-nav-menu .children .current_page_item > a:hover, .gridwp-secondary-nav-menu .children .current_page_item > a:focus > a:focus {
	color:darkkhaki !important;
	text-decoration: underline;
}

/* hide category text in header */
.page-header h1
{ color: #eee; }
.page-header h1 > span:nth-of-type(1)
{ color: black;
float:left; }

/* background */
body.custom-background {background-color: #000; }

/* social */
.fa-facebook { color: white; background: blue;}
.fa-soundcloud { color: white; background: red;}
.fa-instagram { color: white; background: red;}
.widgets-social-icons { display:none; }

/* no border for icons */
.gridwp-top-social-icons a i {
	border: none !important; }
	
/*body*/
h2.gridwp-widget-title span, div.gridwp-posts header.page-header h1.page-title {font-family: 'roboto_condensedbold' !important;}

h1, h2, h3, h4, h5, h6 {font-family: 'roboto_condensedbold' !important; font-weight:normal !important }

.gridwp-primary-nav-menu a {font-family: 'roboto_condensedbold' !important; font-weight:normal !important}

/** max fullwidth **/
.gridwp-outer-wrapper, .gridwp-primary-menu-container.gridwp-fixed .gridwp-primary-menu-container-inside {
    max-width: 1000px !important;
}

/** menue **/
.gridwp-nav-primary {border-bottom: 3px solid #666; background: #000000;}

.gridwp-nav-primary-menu a:hover, .gridwp-nav-primary-menu .current-menu-item > a, .gridwp-nav-primary-menu .sub-menu .current-menu-item > a:hover, .gridwp-nav-primary-menu .current_page_item > a, .gridwp-nav-primary-menu .children .current_page_item > a:hover, .gridwp-primary-responsive-menu-icon:hover, .gridwp-primary-responsive-menu-icon:focus, .gridwp-primary-nav-menu a:hover, .gridwp-primary-nav-menu a:focus, .gridwp-primary-nav-menu .current-menu-item > a, .gridwp-primary-nav-menu .sub-menu .current-menu-item > a:hover, .gridwp-primary-nav-menu .sub-menu .current-menu-item > a:focus, .gridwp-primary-nav-menu .current_page_item > a, .gridwp-primary-nav-menu .children .current_page_item > a:hover, .gridwp-primary-nav-menu .children .current_page_item > a:focus {

    background: #666;
    color: #ffffff;
}

/* no diplay for mobile secondary menu */
@media screen and (max-width: 1112px) {
#gridwp-secondary-navigation {display:none !important}

}

/** category info **/
div.gridwp-posts header.page-header, .taxonomy-description {text-align:left}

/** thumbnail quadrat ***/
.gridwp-grid-post-thumbnail  {
    width: 100%;
    height: 0px;
    display: block;
	padding-bottom: 100%;	
}

/** footer **/
#gridwp-footer {background:none; border-top: 0px solid #3D3D3D; padding-bottom:30px;}
#gridwp-footer .gridwp-foot-wrap p.gridwp-copyright, #gridwp-footer .gridwp-foot-wrap p.gridwp-copyright a {color:#FFF;}
#gridwp-footer a:hover {text-decoration:underline}
.gridwp-grid-post-footer {display:none}

.single.single-post div#gridwp-header.gridwp-container div#gridwp-head-content.gridwp-head-content.clearfix div.gridwp-header-image.clearfix a.gridwp-header-img-link img {display:none}
.single.single-post h1.post-title.entry-title {display:none}


.gridwp-site-title {
	font-size:300%;
	text-transform: uppercase;
}

.gridwp-site-description {
	font-family: 'oswald' !important;
	text-transform: uppercase !important;
}

/** margin socialbar, header **/
.gridwp-top-social-bar, .gridwp-head-content {margin-bottom: 6px;}

/** colors socialbar ***/
.gridwp-top-social-bar {background: linear-gradient(to bottom, #555 5%, #aaa 100%);
    background-color: rgba(0, 0, 0, 0); margin-bottom: 6px;}

.gridwp-header-inside {
    padding: 10px 10px 0px 10px;
}

/** widget **/
.social-logo {max-width:200px; height: auto; text-align:center}
.submit-button {font-size:20px;}

/** header gradient colors */
#gridwp-head-content{
	-moz-box-shadow: inset 0px 1px 0px 0px #000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #000;
	box-shadow: inset 0px 1px 0px 0px #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #999));
	background: -moz-linear-gradient(bottom, #111 5%, #444 100%);
	background: -webkit-linear-gradient(bottom, #111 5%, #444 100%);
	background: -o-linear-gradient(bottom, #111 5%, #444 100%);
	background: -ms-linear-gradient(bottom, #111 5%, #444 100%);
	background: linear-gradient(to bottom, #111 1%, #444 100%);
    background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111', endColorstr='#444',GradientType=0);
	background-color: #d5fb62;
	color: #000000;
	}

/** genre grid style**/
div.gridwp-grid-post-inside div ul li
{text-align: left; float:left; list-style-type:none;}

div.gridwp-grid-post-inside div ul {margin:0px}

div.gridwp-grid-post-inside div ul li a
{text-transform:uppercase; background-color:#8888; font-size:10px;color:#ccc; padding: 2px; margin: 1px;}

div.gridwp-grid-post-inside div ul li a:hover
{background-color:#000; color:#fff; padding: 2px;}

footer.entry-footer span.gridwp-tags-links a
{color:#fff; padding: 2px 6px 2px 6px; text-transform:uppercase; background-color:#000;}

footer.entry-footer span.gridwp-tags-links a:hover
{background-color:#8888;}

/** frame grid and colors **/
.gridwp-grid-post {
border: 1px solid #444;
background-color: #444; }

/** grid release style **/
.post-navigation {background-color:#fff; border-radius:4px; }
.nav-links {padding:10px}
div.gridwp-grid-post-details h3.gridwp-grid-post-title a {color:#000 !important;text-transform:uppercase; font-size: 14px; font-family: 'roboto_condensedbold' !important; }
div.gridwp-grid-post-details h3.gridwp-grid-post-title a:hover {color:000 !important}
div.gridwp-grid-post-inside div.gridwp-grid-post-details {padding:11px;background-color:#eee; overflow: hidden; height:40px; }
div.gridwp-grid-post-inside div.gridwp-grid-post-details:hover {background-color:#fff;}
div.gridwp-grid-post-details h3.gridwp-grid-post-title {font-size:12px; font-weight:normal; letter-spacing: -0px; text-align:left;}
.gridwp-grid-post.gridwp-3-col div.gridwp-grid-post-inside div.gridwp-grid-post-thumbnail {background-color:#111;}
img.news-coverbild {display:inline !important}
div.gridwp-grid-post-inside div.gridwp-grid-post-thumbnail a img {opacity:0.8}
div.gridwp-grid-post-inside div.gridwp-grid-post-thumbnail a img:hover {opacity:1}

/*** release tags *****/
.grid-artists {
	max-width:190px;
	max-height: 20px;
	overflow: hidden;
}

.grid-artists:hover {
	overflow: visible;
}

/*** by-nc-sa.png ***/
.gridwp-posts-container a[href*="/tag/by-nc-sa/"]:after{
content: url("../../../graphics/cc/by-nc-sa.png");
	font-size:0px;
 	position: absolute;
 	right: 0px;
	padding-top:3px;
	background:none;
	float:left !important;
}

.gridwp-posts-container a[href*="/tag/by-nc-sa/"]{
	font-size:0px !important;
	padding:0 !important;
	background:none  !important;
}


/*** copyright.png ***/
.gridwp-posts-container a[href*="/tag/copyright/"]:after{
content: url("../../../graphics/copyright/c-sign.png");
	font-size:0px;
 	position: absolute;
 	right: 0px;
	padding-top: 3px;
	background: none;
	float:left !important;
}

.gridwp-posts-container a[href*="/tag/copyright/"]{
	font-size:0px !important;
	padding:0 !important;
	background:none  !important;
}

/*************************************
 * new, in stock and new and in
 * stock tags display:none 
 ************************************/
.gridwp-posts-container a[href*="/tag/new/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/stock/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/new-stock/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/on-order/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/podcast/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/extern/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/sold-out/"]{
	display:none;
}
.gridwp-posts-container a[href*="/tag/shop/"]{
	display:none;
}


/** yarpp style ***/
div.yarpp-related h3 {font-size:18px !important; margin-bottom:4px !important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail { border: 0px solid #ccc !important; background-color:#eee; opacity:0.8;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover { opacity:1; }
.yarpp-thumbnail-title {color: #666; font-weight:700 !important; font-size:10px !important; }
div.yarpp-thumbnails-horizontal a.yarpp-thumbnail { height: 140px; }

/********************************
 * Footer Menu *
********************************/
.footer-menu { 
	float: none
	margin: 0;
	text-align: center;
}

/********************************
 * Stock Label *
********************************/
/* NEW */
.stock-avaiable-new {
	z-index:3;
	position: absolute;
	height: 20px; 
	top: 15px; 
	padding: 0px 80px;
	left: -80px; 
	color:#fff;
	background-color: #597FA5; 
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-new::after {
	content:'★ NEW ★';}

/* IN STOCK */
.stock-avaiable-in-stock {
	z-index: 3;
	position: absolute;
	height: 20px; 
	top: 25px; 
	padding: 0px 80px;
	left: -80px; 
	color:#fff;
	background-color: #597FA5; 
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-in-stock::after {
	content:'★ IN STOCK ★';}

/* NEW AND IN STOCK */
.stock-avaiable-new-and-in-stock {
	z-index: 3;
	position: absolute;
	height: 20px; 
	top: 40px; 
	padding: 0px 40px;
	left: -50px; 
	color:#fff;
	background-color: #597FA5; 
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-new-and-in-stock::after {
	content:'★ NEW AND IN STOCK ★';}

/*Newsletter*/
div.newsletter h2 {display:none}
div.indicates-required {display:none;}
input#mce-EMAIL {width: 100%;}
input#mc-embedded-subscribe {margin: 10px 0px 10px 0px;}
p.brandingLogo { display:none;}

/* Misc */
.grayscale { filter: grayscale(1); }

/* page title */
.page-title { display:none; } 

/* page description */
.taxonomy-description { font-size: 1.3em; line-height: 1.2em; margin: 0px 0px -10px 10px;}

/* Notice */
p.notethis::after {
  content: '*Newsletter-Bedingungen';
	color: red;
}

p.notethis:hover::after {
  content: '*Durch das Absenden dieses Formulars und die Registrierung für unseren Newsletter erkenne ich die Allgemeinen Geschäftsbedingungen (Nutzungsbedingungen) und die Datenschutzrichtlinie unserer Website an und stimme ihnen zu. Ich bestätige, dass ich diese Bedingungen gelesen und verstanden habe und mich an sie halten werde. Ich verstehe, dass ich regelmäßig E-Mails von unserem Unternehmen erhalte und mich jederzeit abmelden kann.';
}

/*
 * Footer Menu
 */

#menu-footer.footer-menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

#menu-footer.footer-menu-list li a {
    margin: 0 5px;	color: white;	}

@media (max-width: 468px) {
  .content-blog-thumpnail {
    display: none;
  }
	.gridwp-grid-post-details {
    flex-basis: 100% !important;
	}
	.blog-post-meta {
	  margin-top: 5px !important;
		font-size: 12px;
}
	.content-blog-post.gridwp-1-col {
		height:  auto !important;
		margin-left: 0px;
		margin-right: 0px;
}
	.gridwp-grid-post-details.content-blog-detail {
		height: 290px !important;
	}
}

#add-party-date:after {
  content: "Einsenden";
  position: absolute;
  top: 4px;
  left: 30px;
  font-size: 12px;
  color: #000;
  font-family: 'roboto_condensedbold' !important;
  font-weight: normal !important;
}

#toggle-all-dates:before {
  content: "Aufklappen";
  position: absolute;
  top: 4px;
  right: 30px;
  font-size: 12px;
  color: #000;
  font-family: 'roboto_condensedbold' !important;
  font-weight: normal !important;
}

/* Discover Sounds */
.stock-avaiable-discover-sounds {
  z-index: 3;
  position: absolute;
  height: 30px;
  padding: 5px 5px;
  width: 100%;
  bottom: 0px;
  color: #000;
  background-color: #d1bf2b;
  border: 0px solid black;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stock-avaiable-discover-sounds::after {
	content:'★ DISCOVER SOUNDS ★'; }

/* breadcrumps */
#block-148 {
	margin: 0 0 0px 0 !important;
}

.aioseo-breadcrumb a {
	color: #FFF;
	margin: 10px;
}

.breadcrumps-title-wrapper {
	position: relative;
	background: #5f5f5f;
	border-bottom: 5px solid #333333;
	text-shadow: 3px 3px 0 #000000;
	bottom: 0;
}

.breadcrumps-title-wrapper 
 span { display:inline-block;background:#333333;position:relative;vertical-align:bottom;}

.breadcrumps-title-wrapper span:after {content:'';position:absolute;width:0;height:0;
	right:-19px;
	bottom:0;
	border-top:34px solid rgba(0,0,0,0);
	border-right:4px solid rgba(0,0,0,0);
	border-left:15px solid #333333;
}

/* dates-title */
h6.dates-title {
	margin-bottom: 0px;
}
/* blog-entry-full-width */
.blog-entry-full-width {
	flex-basis: 100%;
}

/* youtube Video Container */
.video-container {
	position:relative;
	width: 100%;
	padding-bottom:56.25%;
	height:410px;
	overflow:hidden;
}

.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media only screen and (max-width: 600px) {
	.video-container {
		margin: 0 auto;
		max-width: 300px;
		height: 410px;
	}
}

/* EXTERN */
.stock-avaiable-extern {
	z-index: 3;
	position: absolute;
	height: 20px; 
	top: 25px; 
	padding: 0px 80px;
	left: -80px; 
	color:#000;
	background-color: white; 
	border: 1px solid black;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-35deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	box-shadow: 0 5px 20px 	rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
}

.stock-avaiable-extern::after {
	content:'★ EXTERN ★';}

@media (max-width: 468px) {
  .content-blog-thumpnail {
    display: none;
  }
	.gridwp-grid-post-details {
    flex-basis: 100% !important;
	}
	.blog-post-meta {
	  margin-top: 5px !important;
		font-size: 12px;
}
	.content-blog-post.gridwp-1-col {
		height:  auto !important;
		margin-left: 0px;
		margin-right: 0px;
}
	.gridwp-grid-post-details.content-blog-detail {
		height: 290px !important;
	}
}

#add-party-date:after {
  content: "Einsenden";
  position: absolute;
  top: 4px;
  left: 30px;
  font-size: 12px;
  color: #000;
  font-family: 'roboto_condensedbold' !important;
  font-weight: normal !important;
}

#toggle-all-dates:before {
  content: "Aufklappen";
  position: absolute;
  top: 4px;
  right: 30px;
  font-size: 12px;
  color: #000;
  font-family: 'roboto_condensedbold' !important;
  font-weight: normal !important;
}

@media screen and (min-width: 768px) { 
	.menu-icon { width: 105px; }
	
	.contact-icon {
	  position:absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
		top: 13px;
		right: 15px;
    background-image: url(../../wp-content/uploads/2023/03/email-envelope-close.svg);
    background-repeat: no-repeat;
    background-size: contain;
		filter: invert(1);
	}
}

.text-description { display: none; }
.heateorSssClear { margin-bottom: 10px; }

/* Reedem Code Count on Grid */
.reedem-codes a {
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	  font-size: 16px;
  font-family: 'roboto_condensedbold' !important;
	padding: 0px;
	background-color: transparent;
	border: 0 !important;
}

.reedem-codes {
	padding: 0px;
	margin: 0px;
	text-align: center;
	margin-top: 1px;
}

p.protected-redeem-code {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-family: 'roboto_condensedbold' !important;
    padding: 10px;
    background-color: #f10000;
    margin-bottom: 0;
  	margin-top: 1px;
}

.reedem-codes-count {
	z-index:3;
	position: absolute;
	height: 35px; 
	top: 0px; 
	padding: 8px 85px 0 12px;
	right: -78px; 
	color:#fff;
	background-color: green;
	box-shadow: 0 5px 20px rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
	border-radius: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
		.reedem-codes-count {
			z-index:3;
			position: absolute;
			height: 40px; 
			top: 0px; 
			padding: 7px 90px 0 15px;
			right: -78px; 
			color:#fff;
			background-color: green;
			box-shadow: 0 5px 20px rgba(0,0,0,1), 0 6px 6px rgba(0,0,0,0.1);
			font-size: 16px;
			border-radius: 0 0 0 20px;
		}
}