body{
  margin:0;
  padding:0;
  font-family: neue-haas-unica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5em;
  background:#fff !important;
}

/* if not uk or US, hide those */
.geo_uk, .geo_us{
  display:none;
}
/* if north or south america */
.geoip-continent-NA .geo_us, .geoip-continent-SA .geo_us{
  display:inline;
}
.geoip-continent-NA .geo_uk, .geoip-continent-SA .geo_uk{
  display:none;
}
.geoip-continent-NA .geo_eu, .geoip-continent-SA .geo_eu{
  display:none;
}

/* if eu */
.geoip-continent-EU .geo_uk{
  display:none;
}
.geoip-continent-EU .geo_us{
  display:none;
}
.geoip-continent-EU .geo_eu{
  display:inline;
}

/* if uk */
.geoip-country-GB .geo_uk{
  display:inline;
}
.geoip-country-GB .geo_us{
  display:none;
}
.geoip-country-GB .geo_eu{
  display:none;
}

a{
  transition: 0.3s ease-out;
  text-decoration: none;
}
.layout_2 a{
  color: #58697a;
}
.layout_2 a:hover{
  color: #000;
}
#nav{
  position:fixed;
  top:0;
  left:-300px;
  background: black;
  height: 100vh;
  width:300px;
  z-index: 100;
}
#nav, #content{
    transition: 0.3s ease-out;
}
#nav_close{
  font-size: 2em;
  padding:2vh 2vh 1vh 2vh;
  display:block;
}
#nav ul{
  list-style: none;
  margin:2vh 0 0 0;
  padding:0 2vh 2vh 2vh;
  font-size: 1.25em;
}
body.navopen #nav, body.navopen #content{

    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transform: translateX(300px);

}
#nav li{
  margin-bottom:2vh;
}
#nav a{
  color:white;
}
#nav a:hover{
  opacity:0.5;
}
#topbar{
  margin:3vh 2vh 0 2vh;
  overflow: hidden;
}
#topbar a{
  color:black;
  text-decoration: none;
  transition: 0.3s ease-out;
}
#topbar a:hover{
  opacity:0.5;
}
#menu{
  float:left;
  font-size: 2em;
  position: absolute;
  xtop:2vh;
  left:2vh;
}
#accountandcart{
  position: absolute;
  right:2vh;
}
#account, #cart{
  float:right;
  font-size: 1.75em;
  margin-left:1vh;
}
h1{
  text-align:center;
  margin:2vh 5vh 0;
  padding:0;
}
h1 img{
  width:80vw;
  max-width:150px;
  height: auto;
}
#header, .content, #footer{
  margin:5vh;
}
#header{
  background:black;
  text-align: center;
  height:50vh;
  overflow: hidden;
}
#header #carousel{
  height:50vh;
}
#header #carousel div{
  position: relative;
}
.slick-arrow{
  display:none !important;
}
.slick-list{
  height: 50vh;
}
.slick-dots{
  text-align: center;
  position: absolute;
  bottom:0;
  z-index: 900;
  color: white;
}
.slick-dots li button::before {
    color: white;
    font-size: 36px;
}
.slick-dots li.slick-active button::before {
  color:white;
}
#header img.wpsmartcrop-image{
  width:100%;
  height:50vh;
}
#header span{
  background:rgba(0,0,0,0.6);
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}
#header h2{
  text-transform: uppercase;
  font-family: neue-haas-unica, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 3em;
  margin-top: 20vh;
}
#header h3{
  font-size: 2em;
  line-height: 1.2em;
}
#header a{
  color:white;
}
#header a span{
  transition: 0.3s ease-out;
}
#header a:hover span{
  background:rgba(0,0,0,0.9);
}
#content_home{
  border-top:3px solid black;
  border-bottom:3px solid black;
}
.filter a{
  color:black;
  margin:0 0.5vh;
}
.filter a:hover{
  opacity:0.5;
}
.filter .selected{
  font-weight: bold;
}
.filter .selected:hover{
  opacity:1;
  cursor:default;
}
.layout_4 ul{
  list-style: none;
  margin:0;
  padding:0;
}
.layout_4 ul li{
  display:inline-block;
  width:22.5%;
  min-width: 150px;
  min-height: 150px;
  margin:1%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.layout_4 ul li img{
  width:100%;
  height: auto;
}
.layout_4 ul li a .deets{
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:80%;
  height:100%;
  color:black;
  padding:45% 10%;
  background:rgba(255,255,255,0.9);
  transition: 0.3s ease-out;
}
.layout_4 ul li a:hover .deets{
  opacity:1;
}
.layout_1{
  margin:5vh;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  padding:2.5vh 0;
  text-align:center;
}
.layout_1 p, .layout_1 hr{
  max-width:800px;
  margin:0 auto 20px;
  text-align: left;
}
#mc_embed_signup{
  max-width:400px;
  margin:0 auto 20px;
  text-align: left;
}
#mc_embed_signup p{
  text-align: justify;
}
#bottombar{
  background:black;
  padding:2vh;
  text-align: center;
}
#bottombar ul{
  list-style: none;
  margin:0;
  padding:0;
}
#bottombar ul li{
  display:inline-block;
  margin:0 1vh;
}
#bottombar ul li a{
  color:white;
}
#bottombar ul li a:hover{
  opacity:0.5;
}
#signup{
  min-width:304px;
}
#group img{
  max-width:100px;
  height: auto;
}
#footer ul li{
  margin-bottom: 5vh;
}
#footer input[type=email]{
  border:1px solid black;
  padding:10px;
  width:100%;
  width:calc(100% - 22px);
  max-width: 280px;
  -webkit-appearence:none;
  border-radius: 0;
  font-size: 0.8em;
}
#footer input[type=submit]{
  border:1px solid black;
  width:100%;
  max-width:302px;
  -webkit-appearence:none;
  border-radius: 0;
  background:black;
  color:white;
  font-size: 0.8em;
  cursor: pointer;
}
#footer input[type=submit]:hover{
  color: rgba(255,255,255,0.5);
}
#footer ul li p{
  font-size: 0.75em;
}
#footer ul li p a{
  color:black;
}
#footer ul li p a:hover{
  opacity:0.5;
}
.layout_2{
  overflow: hidden;
  border-top:3px solid black;
  padding:5vh 0;
  border-bottom:3px solid black;
}
.layout_2_item{
  width:49%;
  display: inline-block;
}
.layout_2_item img{
  width:100%;
  height: auto;
}
#release_content_l{
  float:left;
}
#release_content_r{
  float:right;
}
#release_related{
  xborder-top: 3px solid black;
  border-bottom: 3px solid black;
  padding-bottom: 3vh
}
.layout_2 h2{
  margin:0 0 1vh 0;
  padding: 0;
}
.layout_2 h3{
  font-weight: normal;
  margin:0;
  padding: 0;
}
#release_tracklist{
  column-count: 2;
  padding:2vh 0;
}
#release_tracklist p{
  margin-top:0;
}
#release_buybuttons{
  margin: 2vh 0;
  line-height: 2.5em;
}
.release_cart{
  background:black;
  color:white !important;
  padding:5px 10px;
}
.release_cart:hover{
  color: #58697a !important;
}
.alphabetize{
  display:none;
}
.release_format{
  text-transform: uppercase;
  width:140px;
  display:inline-block;
  font-size: 0.8em;
  padding-right:10px;
}
.release_price{
  font-weight: bold;
  width:50px;
  display:inline-block;
  font-size: 0.8em;
  padding-right:10px;
}
#gallery{
  list-style: none;
  margin:0;
  padding:0 0 2vh;
}
#gallery li{
  display:inline-block;
  width:10vw;
  background:white;
  display: inline-block;
  padding:0.5vw;
  transition: 0.3s ease-out;

}
#gallery li:hover{
  background:grey;
}
#gallery .slick-track{
  xwidth:100% !important;
}
#gallery .slick-current{
  background:#58697a;
}
#gallery li a img{
  display: block;
}
#topgallery{
  margin:0;
  padding:0 0 2vh 0;
}
#topgallery .slick-arrow, #gallery .slick-arrow, #topgallery .slick-dots, #gallery .slick-dots{
  display:none !important;
}
#topgallery .slick-list, #gallery .slick-list{
  height:auto;
}
.quicksearch{
  padding:0.5em 1em;
  border:1px solid black;
  -webkit-appearence:none;
}
.artists_item{
  overflow:hidden;
  height: 16vw;
}
.watch_item a{
  color:black;
}
.watch_item a:hover{
  color:rgba(0,0,0,0.5);
}
.watch_item em{
  padding:0px 10px 10px;
  font-size:0.8em;
  background:black;
  color:white;
}
.watch_item a:hover em{
  background:rgba(0,0,0,0.5);
}
#watch_items{
  padding-bottom:2em !important;
}
.watch_items_top{
  border-bottom:3px solid black;
  margin-bottom: 2em !important;
}
.artists_item a img.wpsmartcrop-image, .watch_item a img.wpsmartcrop-image {
    width: 100%;
    height: 100%;
}
#artist_socials{
  list-style: none;
  margin:1vh;
  padding:0;
}
#artist_socials li{
  display: inline-block;
  margin-right: 1vh;
}
#release_press{
  padding:5vh 0;
}
#release_press ul{
  margin:0;
  padding:0;
  list-style: none;
}
#release_press ul li{
  margin:2.5vh 0;
  clear: both;
  overflow: hidden;
}
#release_press ul li a img{
    width:45%;
    margin-right:5%;
    float:left;
}
#release_press ul li a h3, #release_press ul li a p{
  display:inline-block;
  width:45%;
}

@media(max-width : 1000px){
  .layout_4 ul li{
    width:47%;
    min-width: 150px;
    margin:1%;
    vertical-align: top;
    overflow: hidden;
  }
  #release_tracklist{
    column-count: 1;
  }
}
@media(max-width : 700px){
  .layout_2_item{
    width:100%;
    display: inline-block;
  }
  .layout_4 ul li{
    width:98%;
  }
  #header h2{
    margin-top: 10vh;
    margin-bottom: 2vh;
    line-height: 1em;
  }
  #header h3{
    font-size: 1.5em;
  }
  #artists_items li a .deets{
    padding: 25% 10%;
  }
  #release_tracklist{
    display:none;
  }
}