/*** FONTS ***/
@font-face {font-family: 'TradeGothicLTPro-Cn18';src: url('https://s9.limitedrun.com/fonts/1427041978/2DB535_0_0.eot');src: url('https://s9.limitedrun.com/fonts/1427041978/2DB535_0_0.eot?#iefix') format('embedded-opentype'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_0_0.woff2') format('woff2'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_0_0.woff') format('woff'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_0_0.ttf') format('truetype');}
@font-face {font-family: 'TradeGothicLTPro-BdCn20';src: url('https://s9.limitedrun.com/fonts/1427041978/2DB535_1_0.eot');src: url('https://s9.limitedrun.com/fonts/1427041978/2DB535_1_0.eot?#iefix') format('embedded-opentype'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_1_0.woff2') format('woff2'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_1_0.woff') format('woff'),url('https://s9.limitedrun.com/fonts/1427041978/2DB535_1_0.ttf') format('truetype');}

body {
  font: 12px/19px 'Gotham SSm A', 'Gotham SSm B', 'Helvetic Neue', Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  background: #FFFFFF;
}

header {
  height: 60px;
  line-height: 60px;
  -webkit-font-smoothing: antialiased;
}

.content {
  margin: 0 auto;
  padding: 2em 0;
  color: #3A3D46;
}

footer {
  padding: 3em;
  text-align: center;
  background: black;
  -webkit-font-smoothing: antialiased;
}

.row {
  max-width: 100%;
}

@media only screen and (min-width: 40.063em) {
  header {
    height: 70px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 64.063em) {
  header {
    margin: 2em auto 0;
  }
  
  header, .content {
    margin-left: 2em;
    margin-right: 2em;
  }
}



/********************
  TYPOGRAPHY
********************/

h1, h2, h3, h4,
h1 a, h2 a, h3 a, h4 a {
  font-family: "TradeGothicLTPro-BdCn20";
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 1em;
  letter-spacing: 0.5px;
  color: #3A3D46;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #3A3D46;
}

h2 {
  font-size: 2.75em;
  line-height: 1.2em;
}

h3 {
  font-size: 2em;
  line-height: 1.2em;
}

h4 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

h2 small, h3 small {
  font-size: 0.8rem;
  display: block;
}



/********************
  HTML ELEMENTS
********************/

p {
  margin: 0 0 20px;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style-position: inside;
}

hr {
  border-top: 1px solid;
  border-bottom: 0;
  margin: 2.5em 0;
}

a {
  text-decoration: none;
  color: #E46669;
}

select {
  background: transparent;
	border: 0;
	cursor: pointer;
	font: inherit;
  border-radius: 0;
  //-webkit-appearance: none;
  //-moz-appearance: none;
  color: #3A3D46;
}

input, textarea {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
}

*:focus, *:active {
  outline: none;
}

section {
  position: relative;
  margin-bottom: 2em;
}

section:last-child {
  margin-bottom: 0;
}

iframe {
  max-width: 100% !important;
}



/********************
  CLASSES
********************/

button, .button, .buttons a {
  /* Clear Button Styles */
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  font: inherit;
  margin: 0;
  -webkit-appearance: none;
  /* User Styles */
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 2em;
  border: 1px solid;
  text-transform: uppercase;
}

button.secondary, .button.secondary,
button:hover, .button:hover {
  background: black;
  color: white;
  border-color: black;
}

button.secondary:hover, .button.secondary:hover {
  color: white;
}

button.full-width, .button.full-width {
  width: 100%;
  text-align: center;
}

button.action, .button.action {
  font-size: 1.4em;
  height: 50px;
  line-height: 48px;
  border: 1px solid transparent;
  color: white;
  background: #E46669;
}

button.action:hover, .button.action:hover {
  background: none;
  color: #E46669;
  border-color: #E46669;
}

.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 96%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.accent {
  color: #E46669;
}

.dark {
  color: white;
  -webkit-font-smoothing: antialiased;
}

.dark h2, .dark h3, .dark a,
.dark h2:hover, .dark h3:hover, .dark a:hover {
  color: white;
}

.post {
  text-transform: none;
}

.play-button i {
  font-size: 75px;
  color: white !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

[class*="arrow-"]:before {
  content: '';
  display: inline-block;
  height: 25px;
  width: 25px;
  border-style: solid;
  border-width: 2px 2px 0 0;
}

.arrow-up:before    { transform: rotate(-45deg); }
.arrow-right:before { transform: rotate(45deg); }
.arrow-down:before  { transform: rotate(135deg); }
.arrow-left::before { transform: rotate(-135deg); }

.slick-slider [class*="arrow-"] {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  color: white;
  z-index: 1;
  transition: all 0.2s;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.slick-slider .arrow-left {
  left: 0;
}

.slick-slider .arrow-right {
  right: 0;
}

.carousel [class*="arrow-"] {
  opacity: 0;
}

.carousel:hover [class*="arrow-"] {
  opacity: 1;
}

.slider [class*="arrow-"]:before {
  height: 15px;
  width: 15px;
}

.slick-slide img {
  width: 100%;
}

.tracklist {
  margin-bottom: 2em;
}

.tracklist li, .pressing {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  list-style: none;
}

.tracklist i {
  margin: 4px 10px 0 0;
}



/********************
  ACCORDIONS
********************/

dl, dt, dd {
  margin: 0;
}

.accordion {
  margin: 1em 0;
  border-bottom: 1px solid;
}

.accordion dt {
  padding: 1em 5px;
  border-top: 1px solid black;
}

.accordion dt:hover {
  cursor: pointer;
}

.accordion dd {
  padding: 1em 0;
}

.table {
  margin-bottom: 4em;
}

.table dd {
  border-top: 1px solid;
  padding: 2em 0;
}

.table dd img {
  width: 100%;
  margin-bottom: 2em;
}



/********************
  HEADER
********************/

header h1 {
  text-indent: -9999px;
  position: absolute;
  font-size: 2em;
  z-index: 10;
}

header h1:before {
  content: '';
  float: left;
  margin: 18px 15px;
}

@media only screen and (min-width: 40.063em) {
  header h1 {
    text-indent: initial;
  }
  
  header h1:before {
    border-right: 2px solid;
  }
}

header i {
  width: 40px;
  text-align: center;
}



/********************
  NAVIGATION
********************/

.mobile-nav {
  font-family: "TradeGothicLTPro-BdCn20";
  letter-spacing: 1px;
  font-size: 2.5em;
  line-height: 1.7em;
  position: fixed;
  left: 0; top: -100%;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center;
  background: rgba(0,0,0,0.95);
  opacity: 0;
  transition: opacity 0.25s;
}

.mobile-nav.open {
  top: 0;
  opacity: 1;
}

.mobile-nav::-webkit-scrollbar {
  display: none;
}

.mobile-nav li a {
  color: white;
}

.mobile-nav li a:hover {
  text-decoration: underline;
  color: white;
}

.nav-trigger {
  position: absolute;
  right: 1em;
  height: 60px;
  width: 44px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  z-index: 1100;
}

@media only screen and (min-width: 40.063em) {
  .nav-trigger {
    height: 70px;
  }
}

.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
  position: absolute;
  width: 18px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.nav-trigger span {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.nav-trigger span::before,
.nav-trigger span:after {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}

.nav-trigger span::before {
  bottom: 6px;
}

.nav-trigger span::after {
  top: 6px;
}

.nav-is-visible .nav-trigger {
  position: fixed;
}

.nav-is-visible .nav-trigger span {
  background-color: rgba(255, 255, 255, 0) !important;
}

.nav-is-visible .nav-trigger span::before,
.nav-is-visible .nav-trigger span::after {
  background-color: white;
}

.nav-is-visible .nav-trigger span::before {
  -webkit-transform: translateY(6px) rotate(-45deg);
  -moz-transform: translateY(6px) rotate(-45deg);
  -ms-transform: translateY(6px) rotate(-45deg);
  -o-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}

.nav-is-visible .nav-trigger span::after {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -moz-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  -o-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}

.nav-trigger.fixed {
  position: fixed;
  background: black;
  height: 45px;
  width: 45px;
  top: 1em;
}

.nav-trigger.fixed span,
.nav-trigger.fixed span::before,
.nav-trigger.fixed span::after {
  background-color: white;
}

.menu-icons a {
  position: absolute;
  z-index: 1;
}

.menu-icons .cart-trigger {
  right: calc(1em + 3em);
}

.menu-icons .search-trigger {
  right: calc(1em + 6em);
}

@media only screen and (min-width: 64.063em) {
  .nav-trigger {
    right: 3em;
  }
  
  .menu-icons .cart-trigger {
    right: calc(3em + 3em);
  }
  
  .menu-icons .search-trigger {
    right: calc(3em + 6em);
  }
}



/********************
  HERO SECTION
********************/

.hero-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hero-section img {
  width: 100%;
}

.hero-caption {
  padding: 2em 0;
  position: absolute;
  bottom: 5%; left: 3%; right: 3%;
  text-align: center;
}

@media only screen and (min-width: 64.063em) {
  .hero-caption {
    text-align: left;
    bottom: 3%; left: 67.5%;
  }
}



/********************
  PAGINATION
********************/

.pagination {
  margin-bottom: 2em;
  text-align: center;
}

.pagination .page a,
.pagination .current {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin: 1px;
  color: #3A3D46;
}

.pagination .page a:hover,
.pagination .current {
  background: rgba(0,0,0,0.05);
}

.pagination .prev,
.pagination .next {
  display: none;
}



/********************
  FOOTER
********************/

footer, footer a, footer a:hover {
  color: white;
}

.footer-top {
  background: black;
}

.footer-bottom {
  background: #1a1a1a;
  text-transform: none;
}

.mailing-list {
  background: white;
  overflow: hidden;
  width: 100%;
}

.mailing-list input[type=email] {
	font-family: inherit;
	height: 40px;
	line-height: 38px;
	float: left;
	padding-left: 8px;
	width: 60%;
	text-transform: uppercase;
}

.mailing-list input[type=submit] {
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 1em;
  color: white;
  background: black;
}

.mailing-list input[type=submit]:hover {
  background: white;
  color: black;
  border: 2px solid white;
}

.footer-nav li {
  display: inline-block;
  border-right: 1px solid;
  padding-right: 10px;
  margin: 0 5px 2em 0;
}

.footer-nav li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.icons li {
  display: inline-block;
  margin: 2em 5px 0;
}

.icons li a {
  font-size: 1.5em;
  display: block;
  background: white;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  color: black;
}

.icons li a:hover {
  color: black;
  opacity: 0.9;
}

footer .icons li a:hover {
  color: black;
}



/********************
  SEARCH
********************/

#search {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1200;
  display: none;
}

#search.open {
  display: block;
}

#search input[type="search"] {
  background: transparent;
  position: absolute;
  top: 50%;
  font-family: inherit;
  font-size: 4em;
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#search .close {
  position: fixed;
  top: 10px;
  right: 20px;
  font-size: 4em;
  padding: 0;
  border: 0;
  color: #3A3D46;
}

#search .close:hover {
  background: transparent;
  border: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }



/********************
  MASONRY
********************/

.gutter-sizer {
  width: 2%;
}

.grid-item {
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .three-columns .grid-item {
    width: 49%;
  }
  
  .four-columns .grid-item {
    width: 49%;
  }
}

@media only screen and (min-width: 64.063em) {
  .three-columns .grid-item {
    width: 32%;
  }
  
  .four-columns .grid-item {
    width: 23.5%;
  }
}



/********************
  LANDING PAGE
********************/

.landing-banner {
  margin-bottom: 1em;
}

.landing-banner .absolute-center {
  width: initial;
  top: 85%;
}

.landing-banner img {
  width: 100%;
}

.landing-banner a {
  display: block;
  position: relative;
}

.landing-banner h2 {
  color: white;
  font-size: 2em;
  padding: 10px 20px 8px;
  margin: 0;
  background: black;
  -webkit-font-smoothing: antialiased;
}



/********************
  NEWS PAGE
********************/

.news .grid-item {
  background: black;
  margin-bottom: 2%;
}

.news .grid-item,
.news .grid-item h3 {
  color: white;
}

.news .grid-item img {
  mix-blend-mode: screen;
  width: 100%;
}

.news-summary {
  background: black;
  padding: 1em;
  text-transform: none;
}

.news-summary p {
  margin-bottom: 0;
}

.news-summary h3 {
  font-size: 2em;
  line-height: 1.2em;
  margin-top: 2px;
}

.news-summary:hover h3,
.news .grid-item:hover h3 {
  text-decoration: underline;
}

.news-search {
  border: 1px solid;
  padding: 0;
  height: 40px;
  margin-bottom: 2em;
}

.news-search .placeholder {
  content: 'Search...';
  position: absolute;
  left: 25px;
  top: 12px;
  pointer-events: none;
  color: #ccc;
}



/********************
  NEWS ITEM PAGE
********************/

.news-item article {
  text-align: center;
}

.news-item .breadcrumbs {
  margin-bottom: 2em;
}

.news-item .post p {
  color: #3A3D46 !important;
}

.news-item .post a {
  border-bottom: 1px solid;
}

.news-item .post p:first-child {
  font-weight: bold;
}

.related-articles .grid-item {
  display: none;
}

.related-articles .grid-item:nth-child(-n+3) {
  display: block;
}

@media only screen and (min-width: 64.063em) {
  .related-articles .grid-item:nth-child(-n+5) {
    display: block;
  }
}