/*
Theme Name: R&S Records
Author: Kleber Design Ltd
Author URI: http://kleber.net
Version: 0.9a
*/
/*@site-width: 960px;*/
@import url("soundcloud-custom-player/css/sc-player-rands.css");
.left {
  float: left;
}
.right {
  float: right;
}
.hidden {
  display: none;
}
.clear {
  clear: both;
  height: 0;
}
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {
  /* remember to define focus styles! */
  outline: 0;
}
body {
  background: #fff;
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body,
input {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html {
  overflow-y: scroll;
}
body {
  font: normal 16px/24px 'AvantGardeGothicITCW01M 731087', 'Helvetica Neue', Helvetica, sans-serif;
}
a,
a:visited {
  text-decoration: none;
  -webkit-transition: all ease-out 0.125s;
  -moz-transition: all ease-out 0.125s;
  transition: all ease-out 0.125s;
}
a,
a:visited,
span.artist,
h1.artist {
  color: #00b26e;
}
a:hover,
a:visited:hover {
  color: #007f4e;
}
a.more,
a.more:visited,
a.buy,
a.buy:visited {
  color: #c0bfbf;
}
a.more:before,
a.more:visited:before,
a.buy:before,
a.buy:visited:before {
  content: "—";
}
a.more:hover,
a.more:visited:hover,
a.buy:hover,
a.buy:visited:hover {
  color: #00b26e;
}
a.menu,
a.menu:visited {
  -moz-transition-duration: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
a.buy:hover,
a.buy:visited:hover {
  color: #f41f83;
}
a.title,
a.title:visited {
  color: #3a4142;
}
a.title:hover,
a.title:visited:hover {
  color: black;
}
strong,
b {
  font-family: 'AvantGardeGothicITCW01B 731063', 'Arial Black', Arial, sans-serif;
  font-weight: normal;
}
.menu-group-holder {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9998;
  max-height: 0;
  height: auto;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-property: max-height;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-timing-function: easeOut;
  -moz-transition-timing-function: easeOut;
  -ms-transition-timing-function: easeOut;
  -o-transition-timing-function: easeOut;
  transition-timing-function: easeOut;
}
.menu-group-holder .menu-control-holder {
  position: absolute;
  bottom: -40px;
  left: 0;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: easeOut;
  -moz-transition-timing-function: easeOut;
  -ms-transition-timing-function: easeOut;
  -o-transition-timing-function: easeOut;
  transition-timing-function: easeOut;
}
.menu-group-holder .menu-group {
  -moz-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-property: translate;
  -webkit-transition-property: translate;
  transition-property: translate;
  -webkit-transition-timing-function: easeOut;
  -moz-transition-timing-function: easeOut;
  -ms-transition-timing-function: easeOut;
  -o-transition-timing-function: easeOut;
  transition-timing-function: easeOut;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.menu-group-holder.open {
  max-height: 5000px;
}
.menu-group-holder.open .menu-group {
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.menu-spacer {
  height: 0;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: easeOut;
  -moz-transition-timing-function: easeOut;
  -ms-transition-timing-function: easeOut;
  -o-transition-timing-function: easeOut;
  transition-timing-function: easeOut;
}
.menu-spacer.open {
  height: auto;
}
.admin-bar .menu-group-holder {
  top: 28px;
}
.social-menu-holder {
  background: #00b26e;
  position: relative;
  width: 100%;
}
.social-menu-holder ul {
  display: block;
  margin: 0 auto;
  padding: 6px 0;
}
.social-menu-holder ul li {
  margin: 3px 0;
  padding-right: 18px;
  float: left;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.social-menu-holder ul li.omega {
  padding-right: 0;
}
.social-menu-holder ul li a,
.social-menu-holder ul li a:visited {
  color: white;
}
.social-menu-holder ul li a:hover,
.social-menu-holder ul li a:visited:hover {
  color: #007f4e;
}
@media (max-width: 960px) {
  .social-menu-holder ul li.break {
    clear: both;
  }
}
.social-menu-holder form {
  margin-top: -1px;
}
.social-menu-holder form label {
  display: none;
}
.social-menu-holder form input[type='text'],
.social-menu-holder form input[type='email'] {
  border: none;
  background: #00995e url(gfx/search-icon.png) no-repeat 6px 3px;
  color: white;
  padding: 3px 6px 3px 22px;
  font-size: 12px;
  width: 120px;
  font-family: 'AvantGardeGothicITCW01M 731087', 'Helvetica Neue', Helvetica, sans-serif;
  margin-right: 0;
  border-radius: 8px;
  -moz-border-radius: 8px;
}
.social-menu-holder form input[type='text']:focus {
  background: white url(gfx/search-icon.png) no-repeat 6px -47px;
  color: #3a4142;
}
.social-menu-holder form input[type='submit'] {
  display: none;
}
::-webkit-input-placeholder {
  color: white;
}
:-moz-placeholder {
  color: white ;
}
input:focus::-webkit-input-placeholder {
  color: #797e80;
}
input:focus:-moz-placeholder {
  color: #797e80;
}
.main-menu-holder {
  background: black;
  width: 100%;
}
.main-menu-holder ul {
  margin: 0 auto;
}
.main-menu-holder ul li {
  float: left;
  font-size: 16px;
  line-height: 1;
  font-family: 'AvantGardeGothicITCW01B 731063', 'Arial Black', Arial, sans-serif;
  text-transform: uppercase;
  width: 12.5%;
}
.main-menu-holder ul li a {
  margin-top: 6px;
  display: block;
  padding: 48px 0;
  width: 100%;
  text-align: center;
  color: white;
  background: #3a4142 url(gfx/tab-gradient.png) repeat-x center bottom;
  border-right: 1px solid black;
  box-sizing: border-box;
}
.main-menu-holder ul li a:hover {
  background-color: #00b26e;
  color: white;
}
.main-menu-holder ul li a.active {
  background-color: white;
  background-image: none;
  color: #00b26e;
}
.main-menu-holder ul li.omega a {
  margin-right: 0;
  border: none;
}
@media only screen and (max-width: 971px) {
  .main-menu-holder ul li {
    font-size: 12px;
  }
  .main-menu-holder ul li a {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1546px) {
  .main-menu-holder {
    width: 1546px;
  }
}
.close-menu {
  display: none;
}
.menu-control-holder {
  width: 100%;
  position: relative;
}
.menu-control-holder.open ul.menu-control {
  background: white;
}
ul.menu-control {
  position: relative;
  margin: 0 auto;
  height: 12px;
}
ul.menu-control li {
  float: right;
  margin: 0;
  padding: 0;
}
ul.menu-control li a,
ul.menu-control li a:visited {
  background-color: black;
  color: white;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'AvantGardeGothicITCW01B 731063', 'Arial Black', Arial, sans-serif;
  padding: 8px 12px;
}
ul.menu-control li a.home,
ul.menu-control li a:visited.home {
  background-color: #00b26e;
}
ul.menu-control li a.home:hover,
ul.menu-control li a:visited.home:hover {
  background-color: #00995e;
}
ul.menu-control li a.menu {
  width: 6em;
  background-image: url(gfx/menu-button@2x.png);
  background-repeat: no-repeat;
  background-position: 94px 12px;
  background-size: 15px 65px;
}
ul.menu-control li a.menu.open {
  background-position: 94px -38px;
}
.menu-spacer {
  height: 0;
}
h1#site-title {
  margin: 0 auto;
  height: 74px;
  padding-top: 54px;
  padding-bottom: 48px;
  position: relative;
}
h1#site-title a {
  width: 394px;
  height: 0;
  background: url(gfx/r-and-s-records.svg) no-repeat center top;
  background-size: contain;
  padding: 18.7817261% 0 0 0;
  overflow: hidden;
  display: inline-block;
}
h1#site-title a span {
  text-indent: -5000px;
}
#main {
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
.pods,
.pods-width {
  margin: 0 auto;
  text-align: left;
}
.pod,
.feature {
  margin: 0 0 12px 0;
  padding: 24px;
  width: 252px;
  background: #e6e9eb;
  color: #3a4142;
  float: left;
  opacity: 0;
  font-size: 18px;
  line-height: 1.1em;
}
.pod .img-holder {
  position: relative;
  padding: 100% 0 0 0;
  height: 0;
  overflow: hidden;
  display: block;
}
.pod .img-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.pod-info {
  margin: 0.55em 0;
}
.pod.fader:hover {
  -webkit-transition: all ease-out 0.25s;
  -moz-transition: all ease-out 0.25s;
  transition: all ease-out 0.25s;
  background: white;
  cursor: pointer;
}
.pod.blank {
  visibility: hidden;
  height: 1;
}
.pod.double {
  width: 564px;
}
.article h1,
.article h2 {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -0.04em;
}
.article .post-meta {
  display: block;
  line-height: 28px;
  color: #797e80;
}
.article .large-thumbnail {
  margin: 24px 0;
}
.article .pod-info {
  width: 454px;
}
.article p {
  margin: 1em 0;
}
.article ol {
  list-style: decimal;
}
.article ol li {
  margin-left: 3em;
}
.article.alt {
  background: #00b26e;
  color: white;
}
.article.alt a,
.article.alt a:visited {
  color: #00663f;
}
.article.alt a:hover,
.article.alt a:visited:hover {
  color: #3a4142;
}
.feature {
  float: none;
  opacity: 1;
  width: 100%;
  padding: 0;
}
.feature .lead-image img {
  width: 100%;
  height: auto;
}
.feature .feature-content {
  padding: 24px;
  text-align: left;
}
.feature .feature-content h1,
.feature .feature-content h2,
.feature .feature-content h3,
.feature .feature-content p,
.feature .feature-content .addthis_toolbox,
.feature .feature-content div {
  max-width: 552px;
  margin-left: auto;
  margin-right: auto;
}
.feature .feature-content h1.embed,
.feature .feature-content h2.embed,
.feature .feature-content h3.embed,
.feature .feature-content p.embed,
.feature .feature-content .addthis_toolbox.embed,
.feature .feature-content div.embed,
.feature .feature-content h1.image,
.feature .feature-content h2.image,
.feature .feature-content h3.image,
.feature .feature-content p.image,
.feature .feature-content .addthis_toolbox.image,
.feature .feature-content div.image {
  max-width: 552px;
}
.feature .feature-content h1.embed img,
.feature .feature-content h2.embed img,
.feature .feature-content h3.embed img,
.feature .feature-content p.embed img,
.feature .feature-content .addthis_toolbox.embed img,
.feature .feature-content div.embed img,
.feature .feature-content h1.image img,
.feature .feature-content h2.image img,
.feature .feature-content h3.image img,
.feature .feature-content p.image img,
.feature .feature-content .addthis_toolbox.image img,
.feature .feature-content div.image img,
.feature .feature-content h1.embed iframe,
.feature .feature-content h2.embed iframe,
.feature .feature-content h3.embed iframe,
.feature .feature-content p.embed iframe,
.feature .feature-content .addthis_toolbox.embed iframe,
.feature .feature-content div.embed iframe,
.feature .feature-content h1.image iframe,
.feature .feature-content h2.image iframe,
.feature .feature-content h3.image iframe,
.feature .feature-content p.image iframe,
.feature .feature-content .addthis_toolbox.image iframe,
.feature .feature-content div.image iframe {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.feature .feature-content h1.youtube,
.feature .feature-content h2.youtube,
.feature .feature-content h3.youtube,
.feature .feature-content p.youtube,
.feature .feature-content .addthis_toolbox.youtube,
.feature .feature-content div.youtube,
.feature .feature-content h1.vimeo,
.feature .feature-content h2.vimeo,
.feature .feature-content h3.vimeo,
.feature .feature-content p.vimeo,
.feature .feature-content .addthis_toolbox.vimeo,
.feature .feature-content div.vimeo {
  padding: 56.25% 0 0 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
.feature .feature-content h1.youtube iframe,
.feature .feature-content h2.youtube iframe,
.feature .feature-content h3.youtube iframe,
.feature .feature-content p.youtube iframe,
.feature .feature-content .addthis_toolbox.youtube iframe,
.feature .feature-content div.youtube iframe,
.feature .feature-content h1.vimeo iframe,
.feature .feature-content h2.vimeo iframe,
.feature .feature-content h3.vimeo iframe,
.feature .feature-content p.vimeo iframe,
.feature .feature-content .addthis_toolbox.vimeo iframe,
.feature .feature-content div.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 960px) {
  .feature .feature-content h1.youtube,
  .feature .feature-content h2.youtube,
  .feature .feature-content h3.youtube,
  .feature .feature-content p.youtube,
  .feature .feature-content .addthis_toolbox.youtube,
  .feature .feature-content div.youtube,
  .feature .feature-content h1.vimeo,
  .feature .feature-content h2.vimeo,
  .feature .feature-content h3.vimeo,
  .feature .feature-content p.vimeo,
  .feature .feature-content .addthis_toolbox.vimeo,
  .feature .feature-content div.vimeo {
    padding: 35% 0 0 0;
  }
}
.feature .feature-content h1.jumbo,
.feature .feature-content h2.jumbo,
.feature .feature-content h3.jumbo,
.feature .feature-content p.jumbo,
.feature .feature-content .addthis_toolbox.jumbo,
.feature .feature-content div.jumbo {
  max-width: 100%;
}
.feature .feature-content h1.jumbo .embed,
.feature .feature-content h2.jumbo .embed,
.feature .feature-content h3.jumbo .embed,
.feature .feature-content p.jumbo .embed,
.feature .feature-content .addthis_toolbox.jumbo .embed,
.feature .feature-content div.jumbo .embed,
.feature .feature-content h1.jumbo .image,
.feature .feature-content h2.jumbo .image,
.feature .feature-content h3.jumbo .image,
.feature .feature-content p.jumbo .image,
.feature .feature-content .addthis_toolbox.jumbo .image,
.feature .feature-content div.jumbo .image {
  max-width: 100%;
}
.feature .feature-content h1.jumbo .image img,
.feature .feature-content h2.jumbo .image img,
.feature .feature-content h3.jumbo .image img,
.feature .feature-content p.jumbo .image img,
.feature .feature-content .addthis_toolbox.jumbo .image img,
.feature .feature-content div.jumbo .image img {
  width: 100%;
  height: auto;
}
.feature .feature-content h1.jumbo .youtube,
.feature .feature-content h2.jumbo .youtube,
.feature .feature-content h3.jumbo .youtube,
.feature .feature-content p.jumbo .youtube,
.feature .feature-content .addthis_toolbox.jumbo .youtube,
.feature .feature-content div.jumbo .youtube,
.feature .feature-content h1.jumbo .vimeo,
.feature .feature-content h2.jumbo .vimeo,
.feature .feature-content h3.jumbo .vimeo,
.feature .feature-content p.jumbo .vimeo,
.feature .feature-content .addthis_toolbox.jumbo .vimeo,
.feature .feature-content div.jumbo .vimeo {
  max-width: 100%;
  padding: 56.25% 0 0 0;
}
.feature .feature-content h3 {
  margin: 1em auto;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -0.04em;
}
a.buy-button,
a.buy-button:visited {
  background: #f41f83;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  padding: 12px 24px;
  margin: 0;
  display: inline-block;
}
a.buy-button:hover,
a.buy-button:visited:hover {
  background: #3a4142;
}
.addthis_toolbox {
  margin-top: 48px;
  height: 24px;
}
/* footer */
#colophon {
  margin: 24px auto;
}
#colophon ul li {
  float: left;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  color: #c0bfbf;
  margin-right: 2em;
}
#colophon ul li a,
#colophon ul li a:visited {
  color: #c0bfbf;
}
#colophon ul li a:hover,
#colophon ul li a:visited:hover {
  color: #00b26e;
}
#colophon ul li.right {
  float: right;
  margin: 0 0 0 6px;
}
a.social {
  display: block;
  width: 24px;
  height: 20px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  position: relative;
  text-align: center;
  padding-top: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #c0bfbf;
}
a.social svg {
  fill: white;
  width: 62.5%;
}
a.social span {
  display: none;
}
a.social.facebook:hover {
  background-color: #5378ad;
}
a.social.twitter:hover {
  background-color: #78c7dc;
}
a.social.youtube:hover {
  background-color: #ca1c26;
}
a.social.soundcloud:hover {
  background-color: #ff3a00;
}
.page-header {
  font-size: 28px;
  line-height: 28px;
  color: #c0bfbf;
  margin-bottom: 12px;
  letter-spacing: -0.04em;
}
.loading {
  height: 48px;
  padding: 24px 0;
}
.loading img {
  width: 48px;
  height: 48px;
  display: none;
}
.newsletter form label {
  display: block;
  margin-bottom: 0px;
}
.newsletter form input[type='text'] {
  font: normal 16px/24px 'AvantGardeGothicITCW01M 731087', 'Helvetica Neue', Helvetica, sans-serif;
  background: white;
  color: #3a4142;
  border: none;
  padding: 3px 6px;
  width: 20em;
}
.newsletter form input[type='submit'] {
  background: #3a4142;
  font: normal 16px/24px 'AvantGardeGothicITCW01M 731087', 'Helvetica Neue', Helvetica, sans-serif;
  color: white;
  border: none;
  padding: 3px 6px;
}
.newsletter form input[type='submit']:hover {
  cursor: pointer;
  background: white;
  color: #3a4142;
}
@media (max-width: 640px) {
  body.open {
    overflow: hidden;
  }
  body.open .menu-group {
    overflow-y: scroll;
    height: 100vh;
  }
  body.open .social-menu-holder ul li {
    width: 50%;
    float: left !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    clear: none;
    padding: 3px 24px;
  }
  body.open .main-menu-holder ul li {
    float: none;
    width: 100%;
    font-size: 16px;
  }
  body.open .main-menu-holder ul li a {
    padding: 24px;
    margin-top: 0;
  }
  body.open .menu-control-holder {
    display: none;
  }
  body.open .close-menu {
    background: black;
    display: block;
    text-align: center;
    padding: 12px;
  }
  body.open .close-menu svg {
    width: 36px;
    height: 36px;
  }
  body.open .close-menu:hover svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transition-duration: 0.333s;
    -webkit-transition-duration: 0.333s;
    transition-duration: 0.333s;
  }
  body.open .close-menu:hover svg .st0 {
    stroke: #00b26e;
  }
  h1#site-title {
    text-align: center;
    padding-bottom: 0;
  }
  h1#site-title a {
    width: 300px;
  }
  img.attachment-large.wp-post-image {
    width: 100%;
    height: auto;
  }
  footer {
    display: none;
  }
}
#main {
  margin: 0 auto;
}
@media only screen and (max-width: 631px) {
  .pods,
  .pods-width,
  #main {
    width: 100%;
  }
  form#searchform {
    display: none;
  }
  #main {
    padding: 0;
  }
  #main .pod.double {
    width: 252px;
  }
  #main .pod-info {
    width: 252px !important;
  }
}
@media only screen and (min-width: 632px) and (max-width: 971px) {
  .pods,
  .pods-width,
  #main {
    width: 612px;
  }
  form#searchform {
    display: none;
  }
}
@media only screen and (min-width: 972px) and (max-width: 1235px) {
  .pods,
  .pods-width,
  #main {
    width: 924px;
  }
  form#searchform {
    display: block;
  }
}
@media only screen and (min-width: 1236px) and (max-width: 1545px) {
  .pods,
  .pods-width,
  #main {
    width: 1236px;
  }
}
@media only screen and (min-width: 1546px) {
  .pods,
  .pods-width,
  #main {
    width: 1546px;
  }
}