/* Fonts  */
@font-face {
	font-family: 'iosevka';
	src:  url('iosevka.woff') format('woff');
  }
  @font-face {
	font-family: 'pork';
	src:  url('PorkWurst-Straight-4.woff') format('woff');
  }
  @font-face {
	font-family: 'tall';
	src:  url('TallBox.woff') format('woff');
  }
   
  html {
	  font-family: 'iosevka', sans-serif;
	  color: #000;
	  background:#fff;
  }
  h1,h2,h3,h4,h5,h6 {  }
  
  body {
  }
  main {
  }
  
  @media (min-width: 64em) {
	  .content_wrapper {
		  width: calc(100% - 4em);
	  }
  }
  
  header {
	  font-weight:normal;
	  /*font-family: 'pork', sans-serif;*/
	  text-transform: uppercase;
	  font-weight: 400;
	  /* background: #000; */
	  max-width:100vw;
	  /* outline: 2px solid #fff; */
	  letter-spacing: 0.04em;
	  }
  .header-logo {
	  background:transparent;
	  display:inline-block;
	  padding:0;
	  vertical-align:middle;
	  margin-top:1em;
	  height:auto;
  }
  .header-logo img{
	  display:block;
  }
  
  .mobile-menu--active .navicon span:after {
	  width: 4em;
	  margin-left:0;
  }
  header a, 
  header button, 
  footer a, 
  nav a {
	  color: #000;
	  text-decoration:none;
	  font-size: 2em;
	  }
  
  footer a:hover{
	  text-decoration:underline;
  }
  header a {
	  position:relative;
  }
  .menu-button, .search-button {
	  transform: scale(0.75);
	  z-index: 5;
  }
  #search .search-label--submit::before,
  .searchicon span::before {
	  border-width:0.25em;
	  height:1.33em;
	  width:1.33em;
  }
  .page--search-results #search {
	  background: #fff;
	  position: relative;
	  color: inherit;
	  opacity: 1;
	  visibility: visible;
	  pointer-events: auto;
	  padding: 3em 0 1em;
	  z-index: auto;
  }
  
  .nav--container {
	  background:#fff; 
	  box-shadow: 0 100vh 0 100vh rgba(0,0,0,0.75);
  }
  .nav--container li {
	  position:relative;
  }
  .nav--container a {
	  outline-offset:-2px;
  }
  .nav--featured {
	  background:#fff; 
	  padding:0 0.5em;
	  top:4em;
	  height:3em;
	  text-align:center;
  }
  .nav--featured ul {
	  padding-top:0.65em;
  }
  .nav--featured li {
	  width: 8em;
	  text-align: center;
  } 
  .nav--featured li:first-child {
	  text-align: left;
  } 
  .nav--featured li:last-child {
	  text-align: right;
  } 
  .nav--featured a {
	  padding:0.5em;
	  display:inline-block;
  }
  @media (max-width:28em) {
	  .nav--featured a {
		  font-size:0.875em;
	  }
  }
  .nav--featured a:hover {
	  background:inherit;
  }
  .nav--featured .nav-item--current > a {
	  text-decoration:underline;
  }
  .nav--main,
  .nav--secondary {
  }
  .nav--main ul {
	  background:transparent;
  }
  .nav--mobile-extras {
	  margin:1em auto;
	  text-align: center;
	  font-weight: normal;
	  padding:0 1em;
  }
  .nav--mobile-extras a {
	  display:inline-block;
  }
  .nav--mobile-extras .social_icons  {
	  font-size:1.5em;
	  padding: 0.5em 0;
  }
  .nav--mobile-extras .social_icons a {
	  margin:0;
	  padding: 0 0.25em;
	  height: 1.2em;
  }
  .nav--mobile-extras p {
	  font-size:90%;
	  color:#fff;
	  text-transform:none;
  }
  .nav--mobile-extras p a {
	  text-decoration:underline;
	  padding:0.5em;
  }
  nav a:hover {
	  background:transparent;
  }
  .nav--main a.nav-list-title {
	  padding-left:3em;
  }
  
  header li.menu-dropdown ul li {text-transform:none;}
  .nav--featured {display: none;}
  
  @media (max-width:47.95em) {
	  header {
		  height:6em;
		  /* position:absolute; */
	  }
	  main {
		  /* padding-top:7em; */
		 }
	  #search {
		  top:5em;
	  }
	  header .content_wrapper {
		  /* height: 6em; */
		  /* position:fixed; */
		  top:0;
		  left:0;
		  right:0;
		  padding:0 1em;
		  /* background: #000; */
		  z-index:199;
		 }
  
	  .nav--container {
		  left:0;
		  text-align:center;
	  }
	  .header-logo img {
		  pointer-events:none;
	  }
	  .mobile-menu--active .header-logo img {
	  }
	  .mobile-menu--active .nav--featured {
		  visibility:visible;
	  }
	  .nav--container {
		  border-top:none;
	  }
	  .nav--container nav {
		  padding:0;
	  }
	  .nav--container .nav--main {
		  border-top:5px solid;
	  }
	  header a {
		  padding: 0.5em 1em;
	  }
	  .nav--main a {
		  margin-right:3.5em;
	  }
	  .nav--main a::after {
		  margin-left:1em;
	  }
	  .nav--main li.mobile-nav--opened > a::after {
		  margin-left:5em;
	  }
	  .nav--main ul,
	  .nav--secondary ul {
		  text-align: left;
	  }
	  
	  .nav--main ul ul a {
		  text-transform:none;
	  }
	  .nav--container {
		  height:100vh;
		  padding-top:1em;
	  }
	  .mobile-menu--active .nav--container {
		  max-height:calc(100vh - 4em);
	  }
	  .mobile-menu--active #critical_communications + header .nav--container {
		  max-height:calc(100vh - 8em);
	  }
	  body.custom-offer main {padding-top:7em;}
	  body.custom-offer header .content_wrapper {top:2em;}
	  
	  .search-button {display:none;}
	  .nav--main ul {
		  padding: 0.5em 0;
	  }
	  .nav--secondary ul>li a{
		  padding: .5em;
	  }
	  .nav--secondary ul>li:last-child {display: none;}
	  .nav--secondary ul> li{
		  padding: .3em 0 .1em .5em;
	  }
	  .nav--container .nav--secondary li:first-child { 
		  padding-top: .8em;
		  border-top:5px black solid;
	  }
	  .nav--mobile-extras {
		  border-top:5px black solid;
	  }
  }
  
  @media (max-width:48em) and (min-aspect-ratio:10/7) {
	  
	  html {
		  font-size:3vh;
	  }
	  #search {
		  top:0;
		  z-index: 199;
		  padding: 8.125em 0 0;
	  }
	  #search::before {
		  height:0;
	  }
	  .page--search-results #search {
		  top:5.5em;
	  }
	  /* layering elements  */
	  .search--active .nav--featured {
		  position:fixed;
		  z-index:99;
	  }
	  .search--active #critical_communications ~ #search {
		  margin-top:0;
	  }
	  .search--active #critical_communications + header .nav--featured {
		  margin-top:3em;
	  }
	  .search--active header {
		  z-index:auto;
		  position:static;
		  margin-bottom:-6.5em;
	  }
	  .header-logo {
		  transition:opacity 0.15s;
	  }
	  .search--active .header-logo {
		  opacity:0;
	  }
	  header .content_wrapper {
		  position:fixed;
		  left:0; right:0;
		  top:0;
		  z-index:999;
	  }
	  #search .content_wrapper {
		  width:calc(100vw - 8em);
	  }
	  .search--active header .content_wrapper {
		  pointer-events:none;
		  background:#000;
	  }
	  .search--active  .menu-button, 
	  .search--active .search-button {
		  pointer-events:auto;
		  color:#fff;
	  }
	  #critical_communications + header .content_wrapper {
		  margin-top:3em;
	  }
	  .menu-button, 
	  .search-button {
		  z-index:9999;
	  }
	  .nav--container {
		  height: calc(100vh - 5.5em);
	  }
	  .nav--container nav {
	  }
	  .mobile-menu--active .nav--container {
		  padding:1em 0;
	  }
	  .nav--mobile-extras .social_icons {
		  display:block;
		  vertical-align:middle;
		  margin: 0;
	  }
	  .nav--mobile-extras p {
		  margin: 0 1em;
		  display:inline-block;
		  vertical-align:middle;
	  }
	  header .content_wrapper {
		  max-width:none;
	  }
	  .nav--container .nav--secondary li:first-child {border: none;}
	  .nav--container .nav--secondary li:first-child {padding-top:0;}
	  /* no real estate */
	  #rendered-custom-offer {display:none;}
	  body.custom-offer header {top:0;}
	  body.custom-offer header .content_wrapper {top:0;}
	  body.custom-offer main {padding-top:5.5em;}
  }
  @media screen and (min-width:48em) {
	  header nav {
		  font-size: inherit;
	  }
	  .header-logo img {
		  padding:0;
	  }
	  .header-logo {
		  margin-left: 0;
		  margin-right: 1em;
		  margin-top:0;
	  }
	  .search-button {
		  margin-top: -3.1em;
		  margin-right: -1.2em;
	  }
	  .nav--container {
		  background:transparent;
		  box-shadow:none;
	  }
	  .nav--main ul div {
		  background:rgba(0,0,0,0);
		  left:0;
		  transform:none;
		  right:auto;
	  }
	  
	  .nav--main ul div > ul a:last-child {
		  padding-right:1.5em; 
	  }
	  .nav--main a {
		  white-space:nowrap;
		  transition:color 0.1s;
	  }
	  .nav--main > ul > li::after, 
	  .nav--secondary > ul > li::after {
		  background:transparent;
		  content:'';
		  display:block;
		  height:0.2em;
		  position:absolute;
		  bottom: 0.25em;
		  left: 0.75em;
		  right: 0.75em;
		  pointer-events:none;
		  transition:background 0.1s;
	  }
	  .nav--main > ul > li:hover::after,
	  .nav--main > ul > .nav-item--current::after,
	  .nav--main > ul > .nav-item--current-parent::after {
		  background:#333;
	  }
	  .nav--main > ul > .nav-item--current.li--products::after,
	  .nav--main > ul > .nav-item--current-parent.li--products::after {
		  /*right: 2.75em;*/
	  }
	  .nav--secondary a {
		  position:relative;
	  }
	  .nav--secondary img {
		  width: 1.33em;
		  height: 2em;
		  position: absolute;
		  top: 0.25em;
		  left: 0.25em;
		  display:none;
	  }
	  .nav--secondary ul>li:first-child {display: none;}
	  .nav--secondary .link--cart span,
	  .nav--secondary .link--account span {display: none;}
  
	  .nav--main ul div > ul {
		  background: #fff;
		  box-shadow: .1em .1em .01em rgba(0, 0, 0, .2);
	  }
  
	  .nav--secondary {
		  right: 1.5em;
	  }
  }
  
  
  footer {
	  overflow: hidden;
	  position: relative;
	  margin-bottom: 0;
	  background: #fff;
	  margin-top: 6em;
	  border-top: 2px solid #000;
  }
  
  footer .content_wrapper {
	  position: relative;
	  background: #fff;
	  box-shadow: 20em 0 0 2em #fff, -20em 0 0 2em #fff, 0em 0 0 2em #fff;
	  z-index: 1;
	  margin-top: 10vw;
	  margin-bottom: 2em;
  }
  
  .footer-nav--main {
	  display: block;
	  width: 80%;
	  padding: 0 10%;
  }
  
  .footer-nav--main ul {
	  position: relative;
	  display: block;
  }
  
  .footer-nav--main a:hover {
	  background: none;
	  text-decoration: underline;
  }
  
  .footer-nav--main a {
	  font-weight: bold;
  }
  
  .footer-nav--secondary a {
	  text-decoration: underline;
	  font-size: .8em;
  }
  
  footer li {
	  margin: 0 1em 0;
	  padding-top: 0.5em;
	  padding-bottom: 0.5em;
	  break-inside: avoid;
  }
  
  .legalcomponent {
	  padding-bottom: 4.5em;
	  position: relative;
	  z-index: 1;
  }
  
  footer .copyright {
	  color: #000;
	  font-size: .8em;
	  margin: 2em 0 0 0;
  }
  
  header .social_icons a, 
  footer .social_icons a {
	  font-size: 1.5rem;
	  margin: 0.5em;
  }
  
  .social_icons {
	  display: inline-block;
	  vertical-align: top;
	  margin: 1em 0 0 ;
  }
  
  @media (min-width:48em) {
	  .search-results {
		  margin: 1em 0
	  }
  
	  footer .content_wrapper {
		  margin-top: 5em;
	  }
  
	  .footer-nav--main li:first-child a::before {
		  width: 6em;
		  height: 7em;
		  left: -0.66em;
		  margin-left: 0em;
		  top: -8em;
	  }
  
	  .footer-nav--main ul {
		  text-align: left;
		  columns: 3;
	  }
  
	  .footer-nav--main li {
		  display: block;
		  text-align: center;
	  }
  }
  
  /* Headings and paragraph styles */
  
  h3, h2, h1 {
	  font-weight: 900;
	  text-transform: uppercase;
	  /* line-height: .73; */
	  text-indent: -.051em;
	  /* font-family: 'DM Sans'; */
	 }
	 h1 {
	   font-size: 2em;
	   font-weight: 100;
   }
  
  h3 {
	  font-weight: 900;
	  font-size: 1.5em;
	  line-height: 1.1;
  }
  
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
	  margin: 0;
	  }
  
  
  h1 span,
  h2 span,
  h3 span,
  h4 span,
  h5 span,
  h6 span {
	  
	  /* font-size: 25%; */
	  /* display: block; */
	  /* font-weight: 300; */
  color: #ff5d01;}
  
  
  .disclaimer {
	  font-size: 0.8em;
  }
  
  small {
	  font-size: 0.667em;
  }
  @media (min-width:48em) {
	  h2 {
		  font-size: 8em;
		 }
	  h3 {
		  font-weight: 900;
		  font-size: 2em;
	  }
  }
  
  /* Tables */
  table {
	  margin: 0;
	  border-collapse: collapse;
	  border-spacing: 0;
	  width: 100%;
  }
  
  tr {}
  
  td {
	  padding: 0.5em 0;
  }
  
  
  /* Links and CTA Buttons */
  
  a {
	  color: #fff;
	  text-decoration: underline;
  }
  a:hover,
  button:hover {
	  color: #f59200;
	  /* text-decoration: none; */
  }
  
  .button-cta {
	  background: #000;
	  color: #fff;
	  font-size: 1.125rem;
	  font-weight: bold;
	  text-align: center;
	  text-transform:uppercase;
	  letter-spacing:0.03em;
	  min-width: 8em;
	  padding: 0.6em 0.5em 0.65em;
	  transition: color 0.15s, background 0.15s;
  }
  
  .button-cta:hover {
	  background: #f59200;
	  color: #fff;
  }
  
  .video-fullwidth .ytplayer-wrapper {
	  margin: 0 -1em;
	  height: auto;
  }
  
  
  .icon--player {
	  color:#000;
  }
  
  .ytplayer:hover .icon--player {
	  color: #f59200;
  }
  
  .ytplayer {
	  opacity: 0.8;
	  pointer-events: none;
  }
  
  .yt-link-initialized {
	  opacity: 1;
	  pointer-events: auto;
  }
  
  @media (min-width:48em) {
	  .icon--player {
		  font-size: 1em;
	  }
  
	  .button-cta {
		  min-width: 10em;
	  }
  
	  .video-fullwidth .ytplayer-wrapper {
		  width: 66.67%;
		  margin: 0 auto;
	  }
  }
  
  .nav--main li:hover > div {
	  max-height: 100vh !important;
  }
  
  
  
  /* Forms */
  input,
  textarea {
	  border-radius: 0.2em;
  }
  
  select {
	  font-weight: bold;
	  text-align: center;
	  padding: 0.45em 2em 0.5em 1em;
	  transition: color 0.15s, background 0.15s;
  }
  
  .pagination a,
  .pagination input {
	  background: #da2037;
  }
  
  #search {
	  background: rgba(0, 0, 0, 0.9);
	  line-height:1;
  }
  #search input[type="text"] {
	  border-radius: 0;
	  font-size: 1.5em;
	  cursor: text;
	  padding: 0.5rem 2.5rem 0.5rem 0;
	  height: 2em;
	  outline-offset: 0.25em;
  }
  
  @media (min-width:48em) {
	  #search .content_wrapper {
		  max-width: 29em;
	  }
  
	  #search input[type="text"] {
		  width: calc(100% - 10rem);
	  }
  }
  
  /* Some active styles */
  a:focus,
  a:active,
  form input[type="checkbox"]:focus + label:before,
  form input[type="radio"]:focus + label:before {
	  outline: 2px solid #f59200;
  }
  
  #search input[type=text]:focus {
	  outline: 2px solid #f59200;
  
  }
  
  input:focus,
  input:active,
  textarea:focus,
  textarea:active,
  select:focus,
  select:active,
  button:focus,
  button:active {
	  outline:2px solid #f59200;
  }
  @media (max-width:47.95em) {
	  .nav--container a:focus, 
	  .nav--container a:active {
		  outline:2px solid #f59200;
	  }
  }
  
  
  .menu-button:focus:hover,
  .menu-button:active:hover,
  .search-button:focus:hover,
  .search-button:active:hover,
  a:focus:hover,
  a:active:hover {
	  outline: none;
	  box-shadow: none;
  }
  
  /* Change autocomplete styles in WebKit */
  #search input[type=text]:-webkit-autofill,
  #search input[type=text]:-webkit-autofill:hover,
  #search input[type=text]:-webkit-autofill:focus,
  #search input[type=text]:-webkit-autofill:active {
	  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
	  -webkit-text-fill-color: #fff !important;
	  color: #fff !important;
  }
  
  .tns-controls[tabindex]:focus {
	  outline: none;
  }
  
  .tns-controls[tabindex]:focus::after {
	  content: '';
	  display: block;
	  border: medium solid  #f59200;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  bottom: 0;
	  right: 0;
	  z-index: 1;
	  pointer-events: none;
  }
  
  /* 
  Home page sections 
  */
  
  /* Basic Hero */
  .pagehero {
	  background: #fff;
	  color: #fff;
	  max-height:none;
	  max-height:none;
	  height: 112vw;
	  min-height: 0;
  }
  
  .pagehero section {
	  margin: 0;
	  background: transparent;
  }
  .pagehero img {
	  width:100%; 
	  height:100%;
  }
  .pagehero h1,
  .pagehero h2 {
	  color: inherit;
  }
  
  .pagehero .content_wrapper::before {
	  display: inline;
  
  }
  
  .pagehero .content_wrapper {
	  width: 100%;
  }
  
  .hero-slide h1,
  .hero-slide h2 {
	  margin:0;
  }
  .hero-slide--levelup .rich-text {
	  position: absolute;
	  left: 7%;
	  top: 7%;
	  font-size: 6.67vw;
	  text-align: left;
  }
  .page--home-fr .hero-slide--levelup .rich-text {
	  font-size: 4.5vw;
	  top: 15%;
  }
  .hero-slide--levelup h1 {
	  text-align: left;
	  line-height: 0.8;
	  color: #fff;
	  max-width: 2.5em;
	  margin-bottom: 0.25em;
  }
  
  
  .full-size-promo .content_wrapper>div {
	  padding: 1em 1em 1em 30%;
	  text-align: center;
  }
  
  .full-size-promo .promo-logo{
	  width: 8em;
	  margin: 0 0 1em 0;
  }
  
  .full-size-promo .promo-product{
	  width: 80%;
	  margin: 0 auto;
  }
  
  .full-size-promo .button-cta{
	  background: #522007;
	  margin: 1em;
  }
  
  .full-size-promo h3{
	  text-decoration: none;
	  display: block;
	  padding-bottom: 0.1em;
	  margin: 0.29em 0;
	  color: #000;
	  border-bottom: 0.2em solid #000;
	  width: 100%;
	  text-align: left;
	  
  }
  .full-size-promo p{
	  font-size: .7em;
  }
  
  
  
  .tns-controls button[data-controls] {
	  padding:0;
  }
  .tns-controls button[data-controls="next"]::before,
  .tns-controls button[data-controls="next"]::after,
  .tns-controls button[data-controls="prev"]::before,
  .tns-controls button[data-controls="prev"]::after {
	  background: #dedede;
  }
  
  
  .tns-nav { opacity:0.66; transition:opacity .2s; z-index:1;  }
  .tns-nav:hover { opacity:1; }
  .tns-nav:focus { opacity:1; }
  .tns-nav:focus-within { opacity:1; }
  .tns-nav button {
	  color: #fff;
	  transition:color 0.2s;
  }
  .tns-nav button::before {
	  border:1px solid #000;
  }
  .tns-nav button.tns-nav-active {
	  color: #000;
  }
  
  
  
  
  /* Icons
  
   Note: This is not used much currently but it is the best way to load icons. We created an icon font with a tool like icomoon (https://icomoon.io/) and embedded these icons in this css as a base64-ecoded woff font. This way nets ZERO additional server requests to load your icons.  */
  @font-face {
	  font-family: 'icomoon';
	  src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	  font-weight: bold;
	  font-style: normal;
  }
  .social_icons {
	  margin-top:0.5em;
	  font-size:1.5em;
  }
  .social_icons a {
	  margin:0.5em;
	  width:1em;
	  height:1.5em;
	  display:inline-block;
	  padding:0;
	  font-family: 'icomoon' !important;
  }
  
  .icon-smartlabel:before {
	content: "\e905";
  }
  .icon-icon-coupon:before {
	  content: "\e903";
  }
  .icon-icon-map-pin:before {
	  content: "\e902";
  }
  .icon-snapchat-ghost:before {
	  content: "\e904";
  }
  .icon-envelope:before {
	  content: "\e900";
  }
  .icon-pinterest-p:before {
	  content: "\e901";
  }
  .icon-facebook:before {
	  content: "\ea90";
  }
  .icon-facebook2:before {
	  content: "\ea91";
  }
  .icon-instagram:before {
	  content: "\ea92";
  }
  .icon-twitter:before {
	  content: "\ea96";
  }
  .icon-youtube:before {
	  content: "\ea9d";
  }
  
  footer .social_icons a {
	  text-decoration:none;
	  margin: 1em .25em;
  }
  .social_icons a[data-tracking*="instagram-com"] img,
  .social_icons a[href*="instagram.com"] img,
  .social_icons a[data-tracking*="twitter-com"] img,
  .social_icons a[href*="twitter.com"] img,
  .social_icons a[data-tracking*="facebook-com"] img,
  .social_icons a[href*="facebook.com"] img,
  .social_icons a[data-tracking*="pinterest-com"] img,
  .social_icons a[href*="pinterest.com"] img,
  .social_icons a[data-tracking*="youtube-com"] img,
  .social_icons a[href*="youtube.com"] img {
	  display: none;
  }
  
  .social_icons a[href*="facebook.com"]:before, 
  .social_icons a[data-tracking*="facebook-com"]:before {
	  font-family: icomoon!important;
	  content: "\ea90";
	  font-size: 1em
  }
  
  .social_icons a[href*="twitter.com"]:before,
  .social_icons a[data-tracking*="twitter-com"]:before {
	  font-family: icomoon!important;
	  content: "\ea96";
	  font-size: 1em
  }
  .social_icons a[href*="instagram.com"]:before,
  .social_icons a[data-tracking*="instagram-com"]:before {
	  font-family: icomoon!important;
	  content: "\ea92";
	  font-size: 1em
  }
  .social_icons a[href*="pinterest.com"]:before,
  .social_icons a[data-tracking*="pinterest-com"]:before {
	  font-family: icomoon!important;
	  content: "\ead1";
	  font-size: 1em
  }
  .social_icons a[href*="youtube.com"]:before,
  .social_icons a[data-tracking*="youtube-com"]:before {
	  font-family: icomoon!important;
	  content: "\ea9d";
	  font-size: 1em
  }
  
  
	  .album-hero {
	  max-width: 36%;
	  /* flex-basis: 33.2%; */
	 }
  
  
  .album {
	  border: 1px solid;
	  flex-wrap: wrap;
	  flex-direction: column;
	  display: flex;
	  margin: 1em 0;
	 }
  .artist-info {
	  min-width: 60%;
	 }
  .album-info {
    background: rgba(15, 15, 24, .9);
    margin: 0;
    padding: 2em;
  }
  .album-info::before {content:'RECORD INDEX__//'; display: block; margin-bottom:2em;color: rgba(232, 233, 255, 0.897); font-weight: 400;
	text-shadow: 0 0 5px rgba(255, 200, 255, .2);}
	 .album-info p {padding-bottom: 1em;  color: rgba(232, 233, 255, 0.897); font-weight: 400;
		text-shadow: 0 0 5px rgba(255, 200, 255, .2);}
  
.headshot {max-width: 50%; margin-bottom:1em;}
		.post {
			background: rgba(15, 15, 24, .9);
			margin: 0;
			padding: 2em;
		  }
		  .post p {padding-bottom: 1em;  color: rgba(232, 233, 255, 0.897); font-weight: 400;
			 text-shadow: 0 0 5px rgba(255, 200, 255, .2);}

  .csplit {display: flex; flex-direction: column;}
  .albums {flex-basis: 60%;}
  .spot {flex-basis: 40%;}
  
  
  @media (min-width:48em) {
  .csplit {display: flex; flex-direction: row-reverse;}
  /*.album {
	  flex-direction: row;}
  .album-info {
	  flex-basis: 40%;
	  margin: 0 2em;
	  padding-right: 0em;
  }
  .artist-info {
	  flex-basis: 20%;
  }
  .album-hero {
	  max-width: 20vw;
	  margin: 0;
  }
  
  */
	  .nav--secondary img { display:none; }
	  .nav--secondary .link--where-to-buy-dotter::before,
	  .nav--secondary .link--promotions::before {
		  font-family: icomoon!important;
		  font-size:1.75em;
		  content: "\e902";
		  display:inline-block;
		  vertical-align:top;
		  margin:-0.35em 0.2em -0.5em -0.15em;
	  }
	  .nav--secondary .link--promotions::before {
		  content: "\e903";
	  }
  
  }
  
  
	  .nav--main li:hover > a::after {
			  transform: translate(0, -50%) scale(0.66) rotatey(0deg) rotate(-45deg); } 
		  .nav--main > ul > li:focus-within > div,
		  .nav--main ul > li:hover > div {
			  max-height: 30em;
			  max-height: calc(100vh - 5.5em);
			  overflow: visible; } 
  /* re-adding these commented lines */
  
  
  #back-to-top {display: none;}
  
  .artists {display:flex; margin:0 -1em;}
  .artist {padding: 1em;
	  flex-basis: 33%;}
  .artist-name {
    border-bottom: 1px solid;
    padding: 1em;
}
  .artist-bio {}
  .albums {}
  .album-hero img {
    border-left: 1em solid;
    padding: 1em;
    /* margin: 1em; */
}
  .album-title {
    border-bottom: 1px solid;
    padding: 1em;
}
  .album-links {margin: 1em 0;padding:0;/* border: 1px solid; */display: block;width: 100%;text-transform: uppercase;;}
  .album-links li {list-style-type:none;border: 1px solid; 
    border-radius: 2em;margin: 1em;padding-left: 3em; 
    display: inline-block;}
.album-links a {text-decoration:none;  color: inherit;
    display: inline-block;
	padding: 1em;}

.album-links li:hover {
    background: white;
}

li.apple {}

.album-links li.spotify {
	background: url(spotify.jpeg) no-repeat center left/auto 100%;
	
	}
.album-links li.apple {
	background: url(applemusic.jpeg) no-repeat center left/auto 100%;
	
	/* padding-left: 2em; */
	}

.artist.primary {
	flex-basis: 40%;}
.artist.secondary {margin-top:1em;}
.artist.tertiary {margin-top:3em;}

.special-page {background: #fff700;color: #000;
}
.records-page {background: #29272d;color: #e9e6ea;
	}
code {white-space: pre-line;
font:inherit}

.special .albums {background: #29202b;color: wheat;
}
.special-sea .albums  {background: black;color: #e2e2e2;
}
.special-car .albums  {background: #29202b;color: wheat;
}
.special-hash .albums  {background: #56670b;color: black;
}
.special-mean .albums  {background: #29202b;color: wheat;
}
.special-met .albums  {background: #afb5b0; color: #f00;
}

@keyframes flashing {
	0% {
		color: inherit;
	}
	50% {
		color: rgb(255, 174, 0);
	}
	100% {
		color: inherit;
	}
	}
	
	em {
	font-style: normal;
	animation: flashing 3s infinite;
	}

	section {padding: 2em 0;}