@import url("http://fonts.googleapis.com/css?family=Noto+Sans:400,700");
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&family=Press+Start+2P&family=Share+Tech+Mono&family=Special+Elite&display=swap');
@import url("../../css/fontawesome/css/all.css");

/*
	Aerial by Pixelarity
	pixelarity.com | hello@pixelarity.com
	License: pixelarity.com/license
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
		display: flex;
		flex-direction: column;
		padding: 0;
    /* overflow-x: hidden; */
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Basic */

	/* Hiding */
	.hide-section {
		display: none;
	}


	body, input, select, textarea {
		color: #0aff1a;
		font-family: 'Share Tech Mono', monospace;
		font-size: 15pt;
		font-weight: 400;
		letter-spacing: -0.025em;
		line-height: 1.75em;
	}

	body {
		background: #000;
		background: #000 url("images/banner-logo-thing.jpg") center left;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	main {
		/*margin: auto;*/
    display: flex;
    flex-direction: column;
    padding: 0 0.6em;
	}

	.inner {
		background-color: #8b009f3d;
		display: flex;
		flex-direction: column;
    padding: 2em 0;
    min-height: 100vh;
	}

  .inner-2 {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
    max-width: 1062px;
  }

	.content {
    display: flex;
    flex-direction: column;
		margin: 1em 2em;
	}

	a {
		color: inherit;
		outline: 0;
		text-decoration: none;
	}

	a:hover {
		border-color: inherit;
	}

	#header {
		padding-bottom: 2em;
		text-align: center;
	}

	#header h1 {
		font-family: 'Press Start 2P', cursive;
		font-size: 1.8em;
		font-weight: 600;
		letter-spacing: -0.035em;
		line-height: 1em;
	}

  .header-right h1 {
		text-align: end;
    margin: 0 0 0.6em 0;
    padding: 0 1.3em 0 0;
	}

	ul {
		/*border-left: 2px #22ce2d69 solid;
		border-right: 2px #22ce2d69 solid;*/
		/*text-align: center;*/
		/*max-width: 400px;*/
	}

	li {
		padding: 0.5em 2em 0.5em 0.5em;
		font-size: 1.3em;
		font-weight: 700;
	}

	li:hover {
		color: #fff;
		background: #22ce2d69;
	}

  .no-link {
    font-style: italic;
    background:none !important; 
    color:#868686 !important;
  }

	h3 {
		/*color: #000; */
    font-family: 'Press Start 2P', cursive;
		font-size: 1em;
		text-align: right;
    padding: 1em 0 0 0;
	}	

 .icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

	hr.ten {
		border: 1px dashed #000;
    width: 100%;
	}

  hr.twelve {
		border: 1px dashed #686868;
    width: 100%;
	}

	.sigil-wrapper {
		display: flex;
	}
	
	.sigil {
		margin: 0 auto;
		width: 23%;
	}

/* Nav */

nav > ul {
  font-size: 2em;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

nav > ul > li {
  padding: 0.4em 0.8em;
}

.links {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

	
/* Footer */

	#footer {
		cursor: default;
		padding: 2em 1em 1em 1em;
		text-align: center;
		/*width: 100%;*/
		font-family: 'Press Start 2P', cursive;
		font-size: 0.6em;
	}

	#footer a:hover {
		border-bottom: dotted #22ce2d 2px;
		padding-bottom: 0.3em;
	}

  #footer nav ul{
    font-size: 2em;
  }

  #footer nav {
    padding: 1em 0 0 0;
  }

  #footer nav a:hover {
		border-bottom: dotted #22ce2d 0px;
		padding-bottom: 0em;
	}
  #footer > .sigil-wrapper a:hover {
		border-bottom: dotted #22ce2d 0px;
		padding-bottom: 0em;
	}

/*Full*/

	@media screen and (max-width: 1304px) {
	
		
	}
		
/*Medium*/

	@media screen and (max-width: 1130px) {
	
	
	}		

/* Small */

	@media screen and (max-width: 906px) {
		
		#header h1 {
			font-size: 1.5em;
		}
		
		#footer {
			font-size: 0.5em;
		}
		
    /*.content {
      margin: 0;
    }*/
		
		li {
			font-size: 1.2em;
			padding: 0.5em 1em 0.5em 0.5em;
		}

    nav > ul > li {
      padding: 0.4em;
    }

	}

/* Smaller */

	@media screen and (max-width: 680px) {
		
		#header h1 {
			font-size: 1.1em;
		}

    h3 {
      font-size: 0.7em;
      padding: 0 1em 0 0;
      /*background-color: RGBA(0,0,0,0.2);*/
      margin: 1.2em 0 0 0;
    }

    #header {
      padding-bottom: 1em;
    }
		
		body {
			padding: 0;
      text-align: end;
		}

    .content {
      margin: 0 !important;
    }
		
		li {
			font-size: 1em;
			padding: 0.5em 1em 0.5em 0.5em;
		}

    nav ul li {
      font-size: 0.8em;
    }

    #footer nav ul li {
      font-size: 1.1em;
    }

    .links {
      margin: 0 0 0 0;
    }

    .links li {
      margin: 0 0 0.1em 0;
      /*border-bottom: 1px solid #000;*/
      background-color: #22ce2d23;
      color: #fff;
      text-align: left;
    }

    .links li:hover {

      background-color: #22ce2d44;
    }

    .cred-formatting {
      flex-direction: column !important;
      align-items: end !important;
    }

    .cred-formatting li {
      border: hidden;
      background-color: #fff0;
      color: inherit;
      text-align: end;
    }

    .cred-formatting li:hover {
      border: hidden;
    }

	}

/* Well tiny */

	@media screen and (max-width: 326px) {
		/*
		#header h1 {
			font-size: 0.8em;
		} */
		
		#footer {
			font-size: 0.5em;
		}

		body {
			/*padding: 2em 0.5em 2em 0.5em; 
			text-align: center;*/
		}
		
		.inner {
			/*text-align: center;*/
			padding: 1em 0 0 0;
		}
		
		
		h3 {
			/*text-align: center;*/
			font-size: 0.6em;
			margin-top: 1em;
		}
		
		ul {
			/*text-align: center;*/
		}
		
		li {
			font-size: 0.8em;
			padding: 0.3em;
		}

    nav ul li {
      font-size: 0.6em;
    }

    #footer nav ul li {
      font-size: 1.1em;
    }    
		
	}


  
  /* Icon */

	.icon {
		text-decoration: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

    .release-info {
      text-align: right;
      margin: 0 0 1em 0;
      background: RGBA(0,0,0,0.2);
      padding: 1em;
      display: flex;
      flex-direction: column;
    }

    .release-info h4 {
      font-size: 1.4em;
      padding: 0.3em 0;
    }

    .release-info p {
      padding: 0.3em 0;
    }

    .credits {
      display: flex;
      justify-content: flex-end;
      text-align: right;
    }

    .credits ul {
      display: flex;
      justify-content: space-around;
      gap: 1em;
      list-style: square inside;
    }

    .credits li {
      font-size: 1em;
      padding: 0;
    }

    .credits ul li:hover {
      background-color: #ffffff00;
      color: inherit;
    }

    .credits p {
      padding: 0.3em 0;
    }
    
    .cred-formatting {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
    }

    .cred-formatting ul {
      padding: 0 1em;
    }

    .tracklist {
      /* display: flex;
      flex-direction: row; */
      font-size: 1em;
    }

    .tracklist > ol {
      list-style: decimal inside;
      padding: 0 1em;
    }

    .tracklist ol li:hover {
      background-color: #ffffff00;
      color: inherit;
    }

/* Mailchimp */

#mc_embed_signup {
  background: #ffffff00; false;
  clear:left; 
}

#mc_embed_signup form{
  margin: 0 !important;
  padding: 0 !important;
}

#mc_embed_signup input {
  border: 1px solid #fff0 !important;
  border-radius: 0 !important;
  background-color: #ffffff44 !important;
}

#mc_embed_signup input:focus {
  border: 1px solid #0aff1a !important;
  border-radius: 0 !important;
  outline: none !important;
}

#mc_embed_signup .mc-field-group input {
  width: auto !important;
  text-align: end;
  padding-right: 1em;
}

#mc_embed_signup .helper_text {
  background-color: #fff0 !important;
}

#mc_embed_signup .button {
  color: inherit !important;
  width: 100%;
  text-align: end;
  font-size: 1em;
  height: fit-content;
  background-color: #ffffff44 !important;
  margin: 0 0 1em 0 !important;
  border: 1px solid #fff0 !important;
}

#mc_embed_signup .button:hover {
  background-color: #22ce2d44 !important;
  border: 1px dotted #22ce2d44 !important;
  color: #fff !important;
}

#mc_embed_signup .mc-field-group {
  padding: 0 !important;
  width: 100% !important;
}

#mc_embed_signup .mc-field-group label {
  text-align: end !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  padding: 0.2em 0.4em;
  margin: 0 0 0.5em 0 !important;
  background-color: rgba(0,0,0,0.85);
  border: 1px solid rgba(0,0,0,0.85);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.8em;
  font-weight: normal;
  z-index: 1;
  color: #e85c41;
}

#mc_embed_signup div#mce-responses {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}

#mc_embed_signup div.response {
  margin: 0;
  padding: 0;
}

#mc_embed_signup .foot {
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

.notfound {
  text-align: center;
  margin: 2em 0 1em 0;
  font-family: 'Share Tech Mono', monospace;
  font-size: 1.6em;
}

.notfound-inner {
  min-height: 100vh;
}

.title h3 {
  margin: 0;
}