/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html, body {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  height:100%;

  /* 2 */ }

/**
 * Remove default margin.
 */

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */


@font-face {
      font-family: 'Circular';
      src: url('../fonts/CircularPro-Book.eot');
      src: url('../fonts/CircularPro-Book.eot#iefix') format('embedded-opentype'),
           url('../fonts/CircularPro-Book.woff') format('woff'),
           url('../fonts/CircularPro-Book.ttf') format('truetype'),
           url('../fonts/CircularPro-Book.svg#Circular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
    


html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color:#fff;
}

:focus {
outline: 0;
}


a:hover, img:hover, #mc-embedded-subscribe:hover {
}

body {
	margin: 0;
	padding:0;
	color:#fff;
	font-family: "Circular", sans-serif;
	font-size:24px;
	background-color:#000;
}

#background-cover {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: center no-repeat;
    background-size: cover;
}

#container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/*  Logo / Header  */
#logo {
    display: block;
	position: relative;
	padding:  0;
	width: 100%;
	margin: 0;
	line-height: 1em;
}

#logo img {
    width: 400px;
    margin: auto;
    display: block;
}

/*  Bottom / Footer  */

#bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
	display: table;
	table-layout:fixed;
}

.bottom-block {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
}

#bottom-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
}

#bottom-split {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px;
}

.bottom-buttons {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 3px solid;
	font-size:18px;
}

/*  SOCIAL  */


#social {
    display: table;
}

#social a {
    display: table-cell;
    padding-left: 13px;
    font-size: 24px;
}

#social a:first-child {
    padding-left: 0;
}

a .fa {
    position: relative;
    overflow: hidden;
}

a .fa span {
    position: absolute;
	margin:-5000px;
}

#social a, .video-controls a, #listen-links a, #live-button span, #video-button span, 
#ae-cform-container-1 a:before {
	-webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
	cursor:pointer;
}

#social a:hover, .video-controls a:hover, #listen-links a:hover, #live-button:hover span, #video-button:hover span, 
#ae-cform-container-1 a:hover:before {
	opacity:0.5;
}



/*  CENTER BLOCK  */

#center-blocks {
    width: 400px;
}

#center-blocks-top-wrapper {
    margin: 0 -3px;
}

#center-blocks-top {
	display:table;
	width:100%;
}

#center-blocks-top {
    display: table;
    width: 100%;
    border-spacing: 3px;
    table-layout: fixed;
}

#center-blocks-top .center-top-block {
    display: table-cell;
    vertical-align: middle;
    border: 3px solid;
    text-align: center;
	padding: 15px 0;
	font-size:18px;
}

#listen-buttons {
    border: 3px solid;
    text-align: center;
    padding: 5px;
}

#listen-buttons h2 {
    font-size: 12px;
    margin: 5px auto 10px;
}

#listen-links {
    display: table;
    width: 100%;
    font-size: 18px;
}

#listen-links-inner {
    display: table-cell;
	vertical-align:middle;
}

.deezer-button img {
    height: 16px;
    vertical-align: top;
}

/*  VIDEO  */

#video-controls {
    text-align: center;
}

.video-controls {
    display: table;
    width: 400px;
    margin: auto;
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 15px 0;
	line-height: 18px;
}

#playpause {
    width: 30px;
    display: inline-table;
    margin: 0 10px;
}

#playpause .play, #playpause .pause {
	display:none;
}

#live-button, #video-button {
    text-transform: uppercase;
    text-decoration: none;
}

/*  Signup  */
#ae-cform-container-1,
#ae-cform-container-1 {
    display: table;
    float: right;
}
#ae-cform-container-1 a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 30px;
    border: 3px solid #fff;
}
#ae-cform-container-1 a:before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 24px;
    line-height: 16px;
    display: block;
    float: left;
}

.ae-wp-logout-link {
    display: block !important;
    margin: 0 !important;
}

/*  Copyright  */

.copyright {
    position: fixed;
    bottom: 10px;
    font-size: 8px;
    text-align: center;
    width: 100%;
    left: 0;
}

/*  POPUPS  */
.mfp-bg {
    background: #fc4c7e !important;
	opacity: 0.95 !important;
}

#umg-live-gigs-table {
    width: 100%;
    margin: auto;
    padding: 50px;
    box-sizing: border-box;
}

.mfp-auto-cursor .mfp-content {
    width: 80% !important;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    opacity: 1 !important;
    font-size: 48px !important;
}

.embed-frame {
    margin: auto;
    display: table;
	padding-top: 50px;
}

.embed-frame iframe {
	max-width:100%;
}

/*  LIVE  */

#tour {
	padding:30px 0;
}

#tour h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}

#gigs {
    display: table;
    width: 100%;
    border-top: 3px solid;
	text-transform:uppercase;
	font-size:14px;
}

#gigs a {
    display: table-row;
    text-decoration: none;
}

#gigs div {
    display: table-cell;
    padding: 10px 0;
    border-bottom: 3px solid;
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
}

#gigs div:first-child {
	padding-left:0;
}

#gigs div.ticket-link {
    text-align: right;
}

#gigs div.ticket-link div {
    display: table;
    padding: 15px 30px;
    color: #2c132c;
    text-align: center;
    margin-left: auto;
	border:3px solid #fff;
	position: relative;
	box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	width:100%;
}

#gigs div.ticket-link span {
	position: relative;
	display:block;
	margin:auto;
	z-index:2;
}

#gigs div.ticket-link div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
	z-index:1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

#gigs a:hover div.ticket-link div {
	color:#fff;
}

#gigs a:hover div.ticket-link div:before {
	opacity:0;
}


/*  Touch  */
#touch-video {
	position: relative;
	width: 80%;
	margin: auto;
}

#watch-video {
    display: block;
    width: 80%;
    position: relative;
	padding: 50px 0;
	margin:auto;
}

#touch-video div, #watch-video div {
	width:100%;
	position:relative;
	padding-bottom:56.25%;
}

#touch-video iframe, #watch-video iframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	height:100%;
}

.touch #container, .touch .copyright, .touch #bottom {
	position:relative;
}

.touch html, .touch body {
	height:auto;
	min-height:100%;
}

.touch #logo {
	padding: 50px 0 20px;
}
.touch .portrait #logo img {
	width:80%;
}

.touch .portrait #bottom {
	width:80%;
	padding:0 0 50px;
	margin:auto;
}

.touch .portrait .bottom-block {
	display:block;
	width:100%;
}

.touch .portrait #social {
	margin:30px auto 0;
}

.touch .portrait #center-blocks {
	max-width:100%;
	width:100%;
}

.touch .portrait #listen-buttons {
	margin-top:25px;
}
.touch .protrait #ae-cform-container-1, 
.touch .portrait #ae-cform-container-1 {
	float: none;
	width: 100%;
	margin-top: 30px;
}

.touch .portrait #ae-cform-container-1 a {
	padding:15px;
	font-size:18px;
	text-align: center;
}
.touch .portrait #ae-cform-container-1 a:before {
	line-height: 18px;
	display: inline;
	float: none;
}

/*  SIGNUP  */


.ow-overlay, .ae-modal-overlay {
	position:fixed !important;
}

/*  Parallax  */
#scene {
    position: fixed;
    width: 120%;
    height: 120%;
    z-index: 0;
    top: -10%;
    left: -10%;
}

#scene .layer {
    width: 100%;
    height: 100%;
    position: absolute !important;
	overflow:visible;
}

#scene .layer div {
    width: 120%;
    height: 120%;
    margin: -10% 0 0 -10%;
    position: absolute !important;
	background:center no-repeat;
	background-size:cover;

}

/*  Splash  */
#splash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: scroll;
	background:#e9698a center no-repeat;
	background-size:cover;
}

#splash-table {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

#splash-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
	padding: 50px 0;
}

#logo-splash {
    display: block;
    margin: auto;
        width: 90%;
    max-width: 800px;
    line-height: 1em;
}
#logo-splash img {
    display: block;
    width: 100%;
}

#splash-content {
    background: #fff;
        width: 90%;
    max-width: 800px;
    margin: auto;
    color: #000;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 30px;
    font-size: 16px;
}

#splash-content:after {
	content:'';
	display:block;
	clear:both;
}

#splash-title {
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0 auto 30px;
}

.packshot {
    width: 50%;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
}

.packshot img {
	display:block;
	width:100%;
}

#button-wrapper {
    width: 50%;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
}

#button-wrapper a {
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding: 15px;
    margin-top: 10px;
    border: #000 3px solid;
    font-size: 10px;
    text-decoration: none;
    background: #fff;
}

#button-wrapper a:first-child {
	margin-top:0;
}

#button-wrapper a:hover {
	background:#000;
	color:#fff;
}

#enter {
    background: #fff;
    width: 90%;
    max-width: 800px;
    margin: 30px auto 0;
    color: #000;
    padding: 10px;
    cursor: pointer;
	    box-sizing: border-box;
}

#enter div {
    border: 3px solid;
    padding: 15px;
    color: #000;
}

#enter:hover, #enter:hover div {
	color:#fff;
	background:#000;
}

#splash-button {
    cursor: pointer;
    text-transform: uppercase;
}

#star {
    position: fixed;
    top: 50%;
    width: 14%;
    left: 50%;
    margin-left: -7%;
    margin-top: -8%;
}

.touch html #star, .touch body #star {
    display: none;
}

/*  HELP  */

#help-wrapper {
    height: 100%;
    display: table;
    position: relative;
	padding:50px 0;
	box-sizing: border-box;
	width: 100%;
}

#help-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#help-logo {
    width: 80%;
    margin: auto;
    display: block;
}

#help-content {
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    width: 80%;
    margin: 50px auto 0;
    color: #000;
    font-style: normal;
}

#help-content h1 {
    display: block;
    text-align: center;
    margin: 0;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

#help-content a {
    color: #ed6e2b;
    text-decoration: none;
}

#help-content a:hover {
    text-decoration: underline;
}

#gallery-2 {
	margin-left:-50px;
}

#gallery-2 .gallery-item {
    display: block;
    width: 50%;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 0;
}

#gallery-2 img {
    width: 100%;
    height: auto;
    display: block;
}

.page-id-310 iframe {
    height: 0 !important;
    display: block;
}


.jquery-modal.blocker{z-index:99999999; }

/*  LYRICS  */

#lyrics-wrapper {
    position: relative;
    width: 80%;
    margin: 40px auto 0;
}

#lyrics-tabs-wrapper {
    margin-left: -10px;
    margin-right: -10px;
	position:relative;
}

#lyrics-tabs {
    display: table;
    table-layout: fixed;
    border-spacing: 10px;
	width:100%;
}

#lyrics-tabs .lyrics-album-tab {
    display: table-cell;
    width: 2%;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    height: 70px;
    cursor: pointer;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
}

#lyrics-tabs .lyrics-album-tab span {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


#lyrics-tabs .lyrics-album-tab:hover span {
	opacity:0.5;
}

#lyrics-tabs .lyrics-album-tab:before {
    content: '';
    background: #fff;
    position: absolute;
    bottom: -11px;
    width: 100%;
    height: 12px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    font-weight: bold;
}

#lyrics-tabs .lyrics-album-tab.selected:before {
	opacity:1;
}

#lyrics-albums-wrapper {
    position: relative;
    padding: 30px;
    background: #fff;
    color: #000;
}

.lyrics-album-single {
	display:none;
	position:relative;
}

.lyrics-album-single.selected {
    display: block;
}

.lyrics-album-single h2 {
    font-size: 1em;
    margin: 30px 0 0;
    line-height: 1em;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	cursor:pointer;
	display: block;
    position: relative;
    padding: 0 0 0 30px;
	text-transform:uppercase;
}

.lyrics-album-single h2:before {
	position:absolute;
	left:0;
	top:0;
	font-family:'FontAwesome';
	content:'\f107';
}
.lyrics-album-single h2.ui-state-active:before {
	content:'\f106';
}

.lyrics-album-single h2:hover {
	opacity:0.5;
}


.lyrics-album-single h2:first-child {
    margin: 0;
}

.lyrics-song-embed {
    position: relative;
    width: 100%;
    height: 80px;
	margin-top:30px;
}

.lyrics-song-embed iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
}

#lyrics-albums-wrapper .song-lyrics {
    margin-top: 30px;
}


@media screen and (max-width:736px){
#container, .copyright, #bottom {
	position:relative;
}


#logo img {
	width:80%;
}

#bottom {
    width: 80%;
    padding: 0 0 50px;
    margin: auto;
}

.touch #bottom {
	padding:50px 0;
}

.bottom-block {
	display:block;
	width:100%;
}

#social {
	margin:30px auto 0;
}

#center-blocks {
	max-width:100%;
	width:100%;
	margin-top: 15px;
}

#listen-buttons {
	margin-top:25px;
}
#ae-cform-container-1 {
	float: none;
	width: 100%;
	margin-top: 30px;
}

#ae-cform-container-1 a {
	padding:15px;
	font-size: 18px;
	text-align: center;
}
#ae-cform-container-1 a:before {
	line-height: 18px;
	display: inline;
	float: none;
}

/*  LIVE  */


#gigs {
    border-top: 2px solid;
}

#gigs div {
    display: block;
    padding: 0;
    border-bottom: 0;
    padding-left: 0;
}

#gigs a {
    display: block;
    margin: 10px 0;
    border-bottom: 2px solid;
    padding: 0 0 10px;
}

#gigs div.ticket-link {
    text-align: left;
}

#gigs div.ticket-link div {
    display: block;
    padding: 15px;
    margin-top: 10px;
	border-width:2px;
}

/*  VIDEO  */
.video-controls {
    width: 80%;
}

/*  Splash  */

#splash-content {
    padding: 30px 10px 10px;
}

.packshot {
    width: 100%;
    float: none;
    padding-right: 0;
}

#button-wrapper {
    width: 100%;
    padding-left: 0;
    float: none;
    margin-top: 10px;
}

#enter {
    background: #fff;
    width: 90%;
    max-width: 800px;
}

.bottom-buttons {
    display: block;
    margin-top: 30px;
    padding: 10px;
}

#star {
    position: relative;
    width: 50%;
	top: 0;
    margin-left: -25%;
    margin-top: 30px;
}

/*  Help  */
#help-wrapper {
    padding: 20px;
	    font-size: 14px;
}

#help-logo {
    width: 100%;
}

#help-content {
    padding: 20px;
    width: 100%;
    margin: 20px auto 0;
}

#gallery-2 {
    margin-left: -20px;
}

#gallery-2 .gallery-item {
    padding-left: 20px;
}

/*  Lyrics  */

#lyrics-wrapper {
    width: 100%;
    margin: 0;
}


#lyrics-tabs .lyrics-album-tab {
	height:30px;
}

#lyrics-albums-wrapper {
    padding: 20px;
}

.lyrics-album-single h2 {
    padding: 0 0 0 20px;
}

.lyrics-album-single h2, .lyrics-song-embed, #lyrics-albums-wrapper .song-lyrics {
    margin-top: 20px;
}
}