@font-face {
    font-family: 'Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Regular'), url('../fonts/sans-regular.woff') format('woff');
    }
    @font-face {
    font-family: 'RegularItalic';
    font-style: normal;
    font-weight: normal;
    src: local('RegularItalic'), url('../fonts/sans-regularitalic.woff') format('woff');
    }
    @font-face {
    font-family: 'Light';
    font-style: normal;
    font-weight: normal;
    src: local('Light'), url('../fonts/sans-light.woff') format('woff');
    }
    @font-face {
    font-family: 'Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Bold'), url('../fonts/sans-bold.woff') format('woff');
    }
    @font-face {
    font-family: 'Black';
    font-style: normal;
    font-weight: normal;
    src: local('Black'), url('../fonts/sans-black.woff') format('woff');
    }
	@font-face {
    font-family: 'BoldCondensed';
    font-style: normal;
    font-weight: normal;
    src: local('BoldCondensed'), url('../fonts/sans-boldcondensed.woff') format('woff');
    }

body {
		font-size: 16px;
	}
	.content a {
		
		text-decoration: underline;
		color: #eb0781;
	}
	.content h2 {
		font-family: 'BoldCondensed';
		
		font-size: 2rem;
		margin-top: 2rem;
		margin-bottom: 1.2rem;
	}
	
	.cover-art {
		margin-bottom: 0.5rem;
		box-shadow: 0 1px 4px hsla(0,0%,0%,0.1),0 1px 2px hsla(0,0%,0%,0.05);border-radius: 3px;
	}
	.category-item {
		font-family: 'Bold';
	}
	.category-item .year {
		font-family: 'Regular';
		font-size: 0.875rem;
	}
	.category-item p {
		line-height: 1.4rem;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.btn-primary {
		background-color: #eb0781;
		border: none;
	}
	.btn-primary:hover {
		color: #eb0781;
		background-color: #fff;
		border: none;
	}
	
/* NAVIGATION ******************************/
	
	.gdd-nav-top ul, .gdd-nav-bottom ul {
		display: flex; 
		list-style-type: none; 
		margin-bottom: 0;
		padding-left: 0;
		gap: 1rem;
	}
	.gdd-nav-top {
		display: block;
		padding: 0;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.5;
		font-family: 'Black', sans-serif;
    	color: #ccc;
	}
	.gdd-nav-bottom {
		display: block;
		padding: 0;
		font-family: 'Bold', sans-serif;
    	color: #ccc;
		text-decoration: none;
		font-size: 0.85rem;
		font-weight: 500;
	}
	.gdd-nav-top a, .gdd-nav-bottom a {
		color: #000000;
		text-decoration: none;
		transition: color 0.15s, background 0.15s;
    }
	.gdd-nav-top a:hover, .gdd-nav-bottom a:hover {
      	color: #eb0781;
		text-decoration: underline;
    }
	.nav-small {
		font-size: 0.75rem;
	}
	
	/* ── SEARCH ── */
    .nav__search {
      margin-left: auto;
      position: relative;
      flex-shrink: 0;
    }
    .nav__search input {
      padding: 0.45rem 0.9rem 0.45rem 2.25rem !important;
      font-size: 0.875rem !important;
    }
    .nav__search input::placeholder { color: #aaa; }
    .nav__search-icon {
      position: absolute;
      left: 0.65rem;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      color: #aaa;
    }
	
/* NAV END ************************************************** /

/* TESTING */

  /*  Rollover image styles  */
  .figure {
    position: relative;
    max-width: 100%;
  }
  .figure img.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }
  .figure:hover img.image-hover {
    opacity: 1;
  }

/* TESTING ENDS */

.spacer {height: 400px;}

  body {font-family: 'Work Sans', sans-serif}
  a {text-decoration: underline; color:#ee0d80;}
  a:hover {text-decoration: none; color:#ee0d80;}

  h1 {
    font-size: 10vw; 
    text-transform: uppercase; 
    font-family: 'Bebas Neue', sans-serif;
  }

  h2 {
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 80px;
  text-transform: uppercase;
}

h3 {
  font-family: 'Work Sans', sans-serif; 
  font-weight: 900;
  font-size: 80px;
  text-transform: uppercase;
  border-bottom: 5px solid #dee2e6!important;
  margin-bottom: 1.6rem;
}

h4 {
  font-family: 'Work Sans', sans-serif; 
  font-weight: 700;
  font-size: 1em;
  text-transform: uppercase;
  color: #21252980;
  margin-top: 1.5rem
}

  .alt-theme h1 {
    color: #000;
  }

  .header {
    color: #fff;
  }

.navbar .navbar-nav .nav-item a {color: #ffffff}
.navbar .navbar-nav .nav-item a:hover {color: #ee0d80}


  .secondary-nav .nav-item a:hover, .navbar-nav .nav-item a:hover {text-decoration: underline; color:#ee0d80;}
  
  .navbar-nav .nav-item a {font-family: "Work Sans", sans-serif;
  /*font-size: 22px;*/
  font-size: 16px;
  font-weight: 500;
  color: black;
  }
  .navbar-nav .nav-item a {text-decoration: none;
  color: black;
  }

  .nav-link {padding: 0.5em}

  .secondary .nav-item a {font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  color: black;
  }

  .secondary .nav-item a {text-decoration: none;
  color: black;
  }

  .search-btn {font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  color: #222222;
  }

  /* CARD STYLES */
  /* .issue .card-title {padding-left: 1rem;padding-right: 1rem;} */
  .release-type {text-transform: uppercase;}

  .subhead {
	font-family: 'Bebas Neue', sans-serif;
     font-size: 26px;
  }
  .display-5 {
    font-family: 'Bebas Neue', sans-serif;
  }
	
	.issue .list-group-flush .list-group-item {
		padding: .5rem 0;
	}
	.card-title {
		margin-bottom: 0;
	}
	.card li {
		font-family: "Regular";
		font-size: 0.9rem;
		color: #000000b3;
	}
	.card .badge {
		font-family: "Black";
	}
	.card li h5.card-title {
		font-family: "Bold";
		color: #000;
	}
	.card li h5.card-title.subtitle {
		font-family: "Bold";
		font-size: 1rem;
		color: #000000b3;
	}
	.card li h5.card-title.boxset {
		font-family: "BoldCondensed";
		font-size: 1rem;
		color: #000000b3;
	}
	h6.card-title {
		font-family: "BoldCondensed";
		color: #000000b3;
	}
	.card a {
		text-decoration: none;
	}

  /* TRACKLISTING DETAIL STYLES - no longer being used */

.tracklist {
    display: table;
}
.track-row
{
    display: table-row;
}
.track-details
{
    display: table-cell;
}
.track-number {
    display: table-cell;
    text-align: right;
    
}

/*  NEW TRACK STYLES */
.tracks h5 {margin-top:0.5em; margin-bottom:0.5em; 
  /* font-size: 1em */
}
.tracks h3 span {
font-size: 1em;
}
.bolder-text {font-weight: 500;}
.track-grouping {background-color: #eee;}
.track-grouping h5 {}

.debug {background-color: #eee; border: 1px solid red;}


.navbar-custom {
  padding: .5rem 0;
    position: absolute;
    width: 100%;
    top: 1rem;
    z-index: 1010;
}


/* @media screen and (max-width: 992px) {
.navbar {
    background-color: #212529;
  }
}
  */

.navbar .show, .navbar .collapsing {
  background-color: #212529;
}

footer svg {
  fill: #6c757d;
}
	

	
	 /* ── SEARCH ── */
	
    .nav__search {
      margin-left: auto;
      position: relative;
      flex-shrink: 0;
    }

    .nav__search input {
      width: 220px;
      padding: 0.2rem 0.9rem 0.2rem 2.25rem !important;
      border: 1px solid transparent !important;
      border-radius: 3px !important;
      font-size: 0.875rem !important;
      font-family: 'Regular' !important;
      outline: none !important;
      box-shadow: none !important;
      transition: border-color 0.2s, background 0.2s, width 0.3s;
    }

    .nav__search input::placeholder { color: #aaa; }

    .nav__search input:focus {
      background: #fff !important;
      /*border-color: var(--accent) !important;*/
      box-shadow: none !important;
      width: 350px;
		color: #6c757d !important;
    }

    .nav__search-icon {
      position: absolute;
      left: 0.65rem;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      color: #aaa;
    }
	
/* NAV END ************************************************** /