/*
    Theme Name:     The Music of Babylon 5
    Theme URI:      http://adamwalter.com
    Version:        3.0
    Author:         Adam Walter
    Author URI:     http://adamwalter.com
*/
/*  ==========================================================================
     Reset
    ==========================================================================  */
html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  overflow: visible; }

button,html input[type='button'],input[type='reset'],input[type='submit'] {
  cursor: pointer; }

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button,input,optgroup,select,textarea {
  margin: 0; }

@font-face {
  font-family: 'Serpentine';
  src: url("../fonts/ufonts.com_serpentine-icg-bold-webfont.woff2") format("woff2"), url("../fonts/ufonts.com_serpentine-icg-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Serpentine';
  src: url("../fonts/ufonts.com_serpentine-icg-light-webfont.woff2") format("woff2"), url("../fonts/ufonts.com_serpentine-icg-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Serpentine';
  src: url("../fonts/ufonts.com_serpentine-icg-webfont.woff2") format("woff2"), url("../fonts/ufonts.com_serpentine-icg-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

/*  ==========================================================================
     Colors
    ==========================================================================  */
/*  ==========================================================================
     Fonts
    ==========================================================================  */
/*  ==========================================================================
     Global Styles
    ==========================================================================  */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,*:after,*:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  color: #9cf;
  font-family: Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.25;
  background-color: #010135;
  background: radial-gradient(ellipse at bottom, #465d91 0%, #0d1043 65%, #000034 100%);
  background-repeat: no-repeat;
  background-attachment: fixed; }

a {
  color: #9cf; }

.group:after,.group:before {
  content: " ";
  display: table; }

.group:after {
  clear: both; }

.screen-reader-text {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap; }

/*   WordPress Admin
    --------------------------------------------------------------------------  */

.mce-content-body {
  margin: 1.25rem;
  max-width: 58em; }

/*   Layout
    --------------------------------------------------------------------------  */
.container {
  width: 760px;
  margin: 0 auto;
  background: #000034;
  border-color: #9cf;
  border-style: solid;
  border-width: 0 4px 4px;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 25, 0.8);
          box-shadow: 0 0 35px rgba(0, 0, 25, 0.8); }

.main {
  padding: 3.125rem; }
  .page-template-page-music .main {
    padding-top: 1.5625rem; }

.page-body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.entry a {
  color: #9cf;
  text-decoration: none;
  border-bottom: 1px dotted; }
  .entry a:hover {
    color: #f90;
    border-bottom-style: solid;
    border-bottom-color: #f90; }

.entry .wp-image-link {
  text-decoration: none; }

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
  color: #f90;
  font-family: 'Serpentine'; }
  .entry h1 a,.entry h2 a,.entry h3 a,.entry h4 a,.entry h5 a,.entry h6 a {
    color: #f90;
    border-bottom-color: transparent; }
    .entry h1 a:hover,.entry h2 a:hover,.entry h3 a:hover,.entry h4 a:hover,.entry h5 a:hover,.entry h6 a:hover {
      border-bottom-style: dotted;
      border-bottom-color: #f90; }

.entry h1 {
  margin-top: 1.67em;
  margin-bottom: 0.5em;
  font-size: 1.75em;
  line-height: 1.3;
  text-transform: uppercase; }
  .entry h1 + h2 {
    margin-top: -0.5em;
    letter-spacing: 0.0625rem; }

.entry h2 {
  margin: 1.2em 0 0.4em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.375; }
  .entry h2 + h3 {
    margin-top: -0.4em;
    margin-bottom: 0.2em;
    font-weight: 300;
    letter-spacing: 0.0625rem; }
  .entry h2 + p {
    margin-top: 0; }

.entry h3 {
  margin: 1.8em 0 0.4em;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.375; }
  .entry h3 + h4 {
    margin-top: -0.3em;
    font-weight: 300;
    letter-spacing: 0.0625rem; }

.entry h4 {
  margin: 1.8em 0 0.4em;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5; }
  .entry h4 + h5 {
    margin-top: -0.3em;
    font-weight: 300;
    letter-spacing: 0.0625rem; }

.entry h5 {
  margin: 1.8em 0 0.4em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5; }
  .entry h5 + h6 {
    margin-top: -0.2em;
    font-weight: 300;
    letter-spacing: 0.0625rem; }

.entry h6 {
  margin: 1.8em 0 0.4em;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5; }

.entry h1:first-child,.entry h2:first-child,.entry h3:first-child,.entry h4:first-child,.entry h5:first-child,.entry h6:first-child {
  margin-top: 0;
  padding-top: 0; }

.entry p {
  margin: 1em 0 0;
  font-size: 0.875em;
  line-height: 1.75; }
  .entry p:first-child {
    margin-top: 0; }

.entry blockquote {
  margin: 1.75em 2.5em;
  font-style: italic;
  line-height: 1.5; }

.entry sub {
  bottom: -0.25em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.entry sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

.entry ol,.entry ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em; }

.entry li {
  margin-top: 0.25em;
  font-size: 0.875em;
  line-height: 1.75; }
  .entry li li {
    font-size: 1em; }
  .entry li ul {
    margin: 0; }

.entry img,.entry img[class*="align"],.entry img[class*="wp-image-"] {
  max-width: 100%;
  height: auto;
  border: 0; }

.entry .wp-caption {
  max-width: 96%;
  padding: 0.3125rem 0.1875rem 0.625rem;
  text-align: center; }
  .entry .wp-caption.alignleft,.entry .wp-caption.alignnone {
    margin: 0.3125rem 1.25rem 1.25rem 0; }
  .entry .wp-caption.alignright {
    margin: 0.3125rem 0 1.25rem 1.25rem; }
  .entry .wp-caption img {
    max-width: 98.5%;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0 none; }
  .entry .wp-caption .wp-caption-text {
    margin: 0;
    padding: 0 0.25rem 0.3125rem;
    font-size: 0.875em;
    line-height: 1.5; }

.entry .entry-caption {
  margin: 0;
  padding: 0 0.25rem 0.3125rem;
  font-size: 0.875em;
  line-height: 1.5; }

.entry hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  clear: both;
  height: 1px;
  margin-top: 1em;
  padding: 0;
  border: 0;
  border-top: 1px solid #9cf; }

.entry .entry-oembed {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  .entry .entry-oembed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.entry .alignnone {
  margin: 1em 1em 0 0; }

.entry .aligncenter,.entry .alignleft,.entry .alignright {
  display: block;
  margin: 1em auto; }

.entry img.aligncenter,.entry img.alignleft,.entry img.alignright {
  display: block;
  margin: 1em auto; }

.entry img.alignright {
  float: right;
  margin: 1em 0 1em 1em; }

.entry img.alignleft {
  float: left;
  margin: 1em 1em 1em 0; }

/*   Header
    --------------------------------------------------------------------------  */
.site-hero img {
  display: block;
  max-width: 100%; }

/*  ==========================================================================
     Footer
    ==========================================================================  */
.site-footer {
  padding: 0 2.5rem 1.25rem;
  text-align: center; }
  .site-footer .sosumi {
    color: #1c284f;
    font-size: 0.625em; }
    .site-footer .sosumi:not(:first-child) {
      margin-top: 0.5em; }
  .site-footer .winamp {
    margin-top: 1em; }
  .site-footer a {
    color: #1c284f; }
    .site-footer a:hover {
      color: #9cf; }

/*   Main Navigation
    --------------------------------------------------------------------------  */
.main-nav {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcc67), to(#9b6702));
  background: linear-gradient(to bottom, #ffcc67 0%, #9b6702 100%); }

.main-menu {
  position: relative;
  width: 100%;
  list-style: none; }
  .page-id-2 .main-menu,.page-id-18 .main-menu,.page-id-20 .main-menu,.page-id-22 .main-menu,.page-id-24 .main-menu,.page-id-37 .main-menu,.page-id-70 .main-menu,.page-id-88 .main-menu,.page-id-124 .main-menu,.page-id-154 .main-menu,.page-id-173 .main-menu,.page-id-194 .main-menu,.page-id-205 .main-menu {
    margin-bottom: 1.375rem; }

.menu-item {
  list-style: none; }

.menu-item-has-children.menu-item-active .sub-menu {
  display: block; }

.menu-item-link {
  display: block;
  padding: 0.875em 1em;
  color: #630;
  text-align: center;
  text-decoration: none; }
  .home .menu-item-home .menu-item-link,.menu-item-active .menu-item-link,.menu-item-link:hover {
    font-weight: bold; }

.menu-item-top-level {
  float: left;
  width: 33.3333%; }
  .menu-item-top-level .menu-item-link {
    font-size: 0.8em;
    text-transform: uppercase; }

.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #9c6702; }
  .sub-menu .menu-item {
    float: left; }
    .menu-item-chris .sub-menu .menu-item {
      width: 33.3333%; }
    .menu-item-music .sub-menu .menu-item {
      width: 12.5%; }
  .sub-menu .menu-item-link {
    padding: 0.5em 1em;
    color: #3c1f01;
    font-size: 0.625em;
    font-weight: normal; }

/*   Music Page
    --------------------------------------------------------------------------  */
.music-track-list {
  margin-top: 1.5em; }

.music-track:not(:first-child) {
  margin-top: 1.25rem; }

.music-track .details,.music-track .thumb {
  display: inline-block;
  vertical-align: top; }

.music-track .thumb {
  border: 1px solid #9cf;
  border-radius: 4px; }
  .music-track .thumb img {
    display: block;
    border-radius: 4px; }

.music-track .details {
  width: 500px;
  margin-left: 1em; }

.music-track .details-header {
  margin-top: 0.25em;
  display: flex;
}

.music-track .title {
  font-weight: normal; }

.music-track .title-badge {
  vertical-align: middle; }

.music-track .downloads {
  display: flex;
  align-items: center;
  margin-top: 0.5em;
}

.music-track .download {
  display: inline-block;
  height: 24px;
  padding: 0.4em 0.75em 0.25em;
  border: 1px solid #9cf;
  border-radius: 4px;
  opacity: 0.5;
  color: #9cf;
  font-size: 0.625em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out; }
  .music-track .download:hover {
    opacity: 1; }
  .music-track .download svg {
    position: relative;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 0.75em; }
  .music-track .download path {
    fill: #9cf; }
  .music-track .download span {
    position: relative;
    top: 1px; }
  .music-track .download + .download,
  .music-track .preview + .download {
    margin-left: 0.625rem;
  }

.music-track .download-help {
  margin-left: 0.75em;
  font-size: 0.625em;
  text-decoration: none;
  border-bottom: 1px dotted; }
  .music-track .download-help:hover {
    border-bottom-style: solid; }

.music-track .preview {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 0.625em;
  text-transform: uppercase;
  cursor: default;
}

.music-track .preview div.essential_audio.circle {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px; }
  .music-track .preview div.essential_audio.circle > div:nth-child(1) div {
    width: 24px;
    height: 24px; }
    .music-track .preview div.essential_audio.circle > div:nth-child(1) div:after {
      top: 6%;
      left: 6%;
      width: 90%;
      height: 90%; }
  .music-track .preview div.essential_audio.circle > div:nth-child(2):after {
    opacity: 0.5; }
    .music-track .preview div.essential_audio.circle:hover > div:nth-child(2):after {
      opacity: 1; }

.music-track .new {
  margin-top: 0.5em;
  color: #fff;
  font-size: 0.625em;
  font-weight: bold;
  text-transform: uppercase; }

.music-track .meta {
  margin-top: 0.5em;
  color: #f90;
  font-size: 0.625em; }
  .music-track .meta a {
    color: #f90;
    text-decoration: none;
    border-bottom: 1px dotted; }
    .music-track .meta a:hover {
    border-bottom-style: solid; }

.music-track .player {
  display: block;
  margin-top: 0.75em; }

.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body {
  background: #21254a !important;
  border-radius: 3px; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #f90 !important; }

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important; } }