html {
	overflow-y: scroll;
}

body {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
  color: #1a1b15;
}

.post-type-archive-release,
.single-release,
.release.active {
  background-color: #ccc;
}
.post-type-archive-artist,
.single-artist,
.artist.active {
  background-color: #7aa3cc;
}
.post-type-archive-event,
.single-event,
.event.active {
  background-color: #7ecc7a;
}
.post-type-archive-mix,
.single-mix,
.mix.active {
  background-color: #e5935c;
}
.page-template-default,
.page.active {
  background-color: #e56796;
}

/* Navigation bar */

.navbar-la .navbar-nav > li > a:hover,
.navbar-la .navbar-nav > li > a:focus {
  background-color: transparent;
}
.navbar-la .navbar-nav > li.release > a:hover,
.navbar-la .navbar-nav > li.release > a:focus {
  color: #ccc;
}
.navbar-la .navbar-nav > li.artist > a:hover,
.navbar-la .navbar-nav > li.artist > a:focus {
  color: #7aa3cc;
}
.navbar-la .navbar-nav > li.event > a:hover,
.navbar-la .navbar-nav > li.event > a:focus {
  color: #7ecc7a;
}
.navbar-la .navbar-nav > li.mix > a:hover,
.navbar-la .navbar-nav > li.mix > a:focus {
  color: #e5935c;
}
.navbar-la .navbar-nav > li.page > a:hover,
.navbar-la .navbar-nav > li.page > a:focus {
  color: #e56796;
}
.navbar-la .navbar-nav > li.shop > a:hover,
.navbar-la .navbar-nav > li.shop > a:focus {
  color: #619aa9;
}

.navbar-la .navbar-nav > li.active > a:hover,
.navbar-la .navbar-nav > li.active > a:focus {
  color: #fff;
}
.navbar-la .navbar-nav > li.active.child > a:hover,
.navbar-la .navbar-nav > li.active.child > a:focus {
  color: #1a1b15;
}

.navbar-la {
  background-color: #1a1b15;
  font-weight: 700;
  letter-spacing: .5px;
  border-bottom: 0;
}

.nav {
  line-height: 1;
}

@media (min-width: 768px) {  
  #site-navigation {
    margin-bottom: 60px;
    padding-top: 10px;
  }
  .navbar-brand img {
    margin-top: -14px;
  }
}
@media (max-width: 767px) {
  .navbar-brand img {
    width: 48px;
    height: auto;
    margin-top: -6px;
  }
}

.navbar-la .navbar-toggle .icon-bar {
  background-color: #fff;
}

@media (min-width: 768px) {
  .navbar-la .navbar-nav > li {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
}
.navbar-la a {
  color: #fff;
  text-transform: uppercase;
}

.social-nav {
  margin: 7.5px -15px;
}
.social-nav > li {
  list-style: none;
}
.social-nav > li > a:hover,
.social-nav > li > a:focus {
  background-color: transparent;
}
.social-nav > li > a {
  padding-top: 0;
  padding-bottom: 10px;
}
.social-nav > li > a > i, .social-nav > li > a > img {
  padding-top: 10px;
}

@media (min-width: 768px) {
  .social-nav {
    float: right;
    margin: 0;
  }
  .social-nav > li {
    float: left;
  }
  .social-nav > li > a {  
    padding-top: 1px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px){
  .social-nav {
    display: none;
  }
}
.social-nav .facebook:hover .fa,
.social-nav .facebook:focus .fa {
  color: #4862a3;
}
.social-nav .twitter:hover .fa,
.social-nav .twitter:focus .fa {
  color: #55acee;
}
.social-nav .soundcloud:hover .fa,
.social-nav .soundcloud:focus .fa {
  color: #ff5500;
}

/* Content */

div.content-core {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px 10px 1px 10px;
  margin-bottom: 30px;
}
div.content-archive {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 30px;
}
div.artists-archive {
  margin-bottom: 30px;
}

@media (max-width: 767px){
  div + div > div.row {
    margin-top: 30px;
  }
}

.tracklist {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.page-links {
  font-weight: 500;
  font-size: 18px;
}

#content h1 {
	font-weight: 700;
  margin-top: 0;
}

#content h2 {
  margin: 5px 0 10px 0;
  font-size: 24px;
}
.content-core h2 {
  padding: 0 5px;
}
#content h2 {
  color: #777;
}
#content h2.logo:before {
  content: url( 'http://localactionrecords.co.uk/wordpress/wp-content/themes/local-action/assets/img/logo-heading.png');
  padding-right: 7.5px;
}

#content h3 {
  margin: 5px 0 10px 0;
}

@media (max-width: 767px) {
  #content h4 {
    font-size: medium;
  }
}

#content img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
#content .content-core img, #content .content-archive img {
  border-radius: 0;
}
#content .artists-archive img {
  border-width: 10px;
  border-style: solid;
  border-color: #fff;
  border-radius: 50%
}

#content p {
	font-family: 'Droid Serif', serif;
}
.content-core p {
  padding: 0 20px 0 5px;
}

#content p.info, #content p.image-credit {
	font-family: 'Roboto', Helvetica, sans-serif;
}
#content p.image-credit {
  margin: 10px 0 0 0;
}
@media (max-width: 767px) {
  #content p.tracklist {
    margin-bottom: 30px;
  }
}

#content a:link {
  color: #143d66;
}
#content a:visited {
  color: #661432;
}
#content a:link:hover,
#content a:link:focus,
#content a:visited:hover,
#content a:visited:focus,
#content .rollover:hover a:link,
#content .rollover:focus a:link,
#content .rollover:hover a:visited,
#content .rollover:focus a:visited {
  color: #1a1b15;
  text-decoration: underline;
}
#content .rollover:hover small,
#content .rollover:focus small {
  color: #777;
}
@media (min-width: 768px) {
  #content .rollover a:link,
  #content .rollover a:visited,
  #content .rollover small {
    color: transparent;
  }
}

ul.links-external {
  font-weight: 500;
	list-style-type: none;
	list-style-image: url('http://localactionrecords.co.uk/wordpress/wp-content/themes/local-action/assets/img/list-arrow-black.png');
	margin-left: 23px;
  padding: 0;
}
.content-core ul.links-external { 
  padding: 0 5px;
}

#content iframe {
  border-radius: 6px;
  margin-bottom: 5px;
}
iframe.video {
	width: 100%;
	height: 376px;
}
@media (min-width: 768px) {
  .mix-archive {
    margin-bottom: 20px;
  }
}

.content-core .carousel-wrapper {
  margin-bottom: 10px;
}
.carousel-wrapper {
  margin-bottom: 30px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -15px;
}
.carousel-control .fa-angle-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .fa-angle-right {
  right: 50%;
  margin-right: -10px;
}
@media screen and (min-width: 768px) {
  .carousel-control .fa-angle-left,
  .carousel-control .fa-angle-right {
    margin-top: -25px;
	}
}
.carousel-control .fa-angle-left {
margin-left: -15px;
}
.carousel-control .fa-angle-right {
margin-right: -15px;
}

/* Footer */

footer hr + p {
	float: left;
}
footer p + p {
	float: right;
}