/*! 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.
 */

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


@font-face {
  font-family: 'Awesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#Awesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	height: 100%;
	width: 100%;
	max-height: none;
	max-width: none;
	margin: 0;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color:#eceed8;
	background: #121012;
}

:focus { 
outline: none;
opacity:0.8;
 }

body {
	margin: 0;
	padding:0;
	font-family:'Uni';
	position:relative;
}

a {
	color:#eceed8;
	text-decoration:none;
}

a:hover {
	color:#494345;
}

h1, h2, h3, h4, h5 {
	font-weight:100;
}

.clear {
	clear:both;
}

#parallax {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
	z-index:9999999999;
}

#parallax img {
	width:100%;
}

#sun {
	position:absolute;
	top:0;
	left: 0;
}
#sun.night {
	opacity:0;
}

#sun.evening, #sun.sunrise {
	opacity:0.25;
}

#sun.dusk, #sun.dawn {
	opacity:0.5;
}

#sun.afternoon, #sun.morning {
	opacity:.75;
}

#sun.midday {
	opacity:1;
}
.scrollable {
    background-attachment: fixed;
    background-position-x: center !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}


#container {
    background: transparent;
    position: relative !important;
    width: 100%;
	font-size:18px;
	    z-index: 99;
}


#header {
    margin: 0;
	top:0;
	left:0;
    padding: 30px;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
	background:rgba(0, 0, 0, 0.5);
	    z-index: 2;
}

#header h1 {
    display: table;
    position: relative;
    padding: 0;
    max-width: 100%;
    height: 50px;
    margin: 0;
	cursor: pointer;
}

#header h1 a {
  display: table;
  position: relative;
      overflow: hidden;
}

#header h1 img {
  height: 50px;
  display: block;
  margin:auto;
}

#nav {
    position: absolute;
    right: 30px;
    top: 45px;
    display: table;
}

#togglenav {
    display: none;
}

#nav ul {
    list-style: none;
    padding: 0;
    display: table-cell;
    float: left;
    margin: 0;
}

#page-nav .active, #page-nav li:hover {
    text-decoration: line-through;
}

#nav li {
    display: block;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    text-transform: lowercase;
}

.section-inner {
    display: table-cell;
	vertical-align:middle;
}


#top {
    position: relative;
    text-align: center;
    letter-spacing: 0.3em;
    font-size: 24px;
	display:table;
	width:100%;
}

#container h2 {
    font-size: 36px;
    text-transform: lowercase;
    margin: 50px auto;
    display: table;
}

#container #top h2 {
    margin: 50px auto 0;
}

#order {
    margin: 20px auto;
}

.buttonwrapper {
    display: table;
    margin: 10px auto 0;
	font-size:30px;
}

.buttonwrapper a, .release-purchase a, .navigation a {
    display: inline-table;
	margin-left:10px;
	background:url(../images/line.png) left bottom no-repeat;
	padding:10px 0 10px 40px;
	text-decoration:none;
    text-transform: lowercase;
}

.navigation {
    margin-top: 20px;
}
.navigation a {
	padding:10px 0 10px 50px;
}

.navigation a img {
	height:40px;
}

.buttonwrapper a:first-child, .release-purchase a:first-child, .navigation a:first-child {
	margin-left:0;
	background: transparent;
	padding:10px 0;
}

#watch {
    display: table;
    margin: auto;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 25%;
}

#watch .watchtext, #watch a {
    line-height: 40px;
    display: inline-table;
    margin: auto;
	cursor:pointer;
}

#watch .watchtext:hover, #watch a:hover {
	opacity:0.3;
	color:#eceed8;
}

#watch .watchtext:before, #devideo:before{
    content: '\f04b' !important;
    font-family: 'Awesome';
    float: left;
    padding-right: 30px;
    background: url(../images/line.png) left 20px bottom no-repeat;
    display: block;
}

#touchvideo {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  width: 100%;
  margin: 20px auto;
  display: block;
}

#touchvideo iframe, #touchvideo object, #touchvideo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#footer {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 8px;
	background:#121012;
	margin-top:100px;
	padding:30px;
	box-sizing: border-box;
	z-index:99;
}

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

#social li {
margin-left: -50000px;
margin-top: -50000px;
position: absolute;
display:block;
}
#spotifyfollow iframe {
padding:0;
}

#social a {
float: left;
font-family: 'Awesome';
text-decoration: none;
margin-left: 15px;
font-weight: 100;
}

.footer #social a {
	font-size:24px;
}

#social a:first-child {
	margin-left:0 !important;
}

#social #fb:before {
content: '\f09a';
}

#social #tw:before {
content: '\f099';
}

#social #in:before {
content: '\f16d';
}

#social #yt:before {
content: '\f167';
}

#social #tumblr:before {
content: '\f173';
}

#social #sp:before {
content: '\f1bc';
}

#social #it:before {
content: '\f179';
}
#social #gg:before {
content: '\f0d5';
}

#social #mail:before {
content: '\f003';
}
#social #store:before {
content: '\f07a';
}

#social #live:before {
content: '\f145';
}
#social #vevo:hover, #social #deez:hover {
	opacity:0.3;
}

#social #vevo:before {
content:url('../images/vevo-21.png');
}

#social #deez:before {
content:url('../images/deezer-21.png');
}
.footer #social .ae-wp-widget-container, .spotifyfollow {
    display: table;
    float: left;
    margin-left: 12px;
}

.footer #social .ae-wp-widget-container a {
	font-size:8px;
}

.footer .ae-wp-widget-container a:before {
    content: '\f003';
    font-family: 'Awesome';
	font-size:24px;
	margin-right: 5px;
}

.ae-wp-salutation {
    display: none;
}

#terms {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

#terms img {
    height: 24px;
    margin-left: 10px;
}

#touchvideo {
}

#playpause {
    display: none;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
	font-family:'Awesome';
	font-size:24px;
}

.controlswrapper {
	display:table;
	margin:auto;
}

.controlswrapper div {
	float:left;
	overflow:hidden;
	cursor:pointer;
	line-height: 40px;
}

.controlswrapper div:hover {
	color:#494345;
}

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

.controlswrapper .pause:before {
	content: '\f04c';
    padding-right: 30px;
    background: url(../images/line.png) left 25px bottom no-repeat;
    display: block;
}

.controlswrapper .mute:before {
	content:'\f026';
}

.controlswrapper .unmute:before {
	content:'\f027';
}

.unmute {
	display:none;
}

#albumbuttons {
    position: relative;
    margin: auto;
    text-align: center;
    background-color: #121012;
    padding: 30px;
	display:table;
}

#albumbuttons img {
	width:350px;
	max-width:100%;
}

.mfp-wrap {
	opacity:1 !important;
}

.mfp-close-btn-in .mfp-close {
    color:#eceed8 !important;
}

.mfp-container {
	width: 80% !Important;
    left: 10% !Important;
}

#tour {
    position: relative;
    margin: auto;
    display: table;
    padding: 0 100px;
	text-transform: lowercase;
	    width: 100%;
		box-sizing:border-box;
}

#umg-live-gigs-table {
    width: 100%;
	line-height:2em;
}

#livedates td {
    vertical-align: middle;
}

#watch a {
    margin-left: 30px;
}

#watch a:before {
    content:'\f145';
    font-family: 'Awesome';
    float: left;
    padding-right: 30px;
    background: url(../images/line.png) left 20px bottom no-repeat;
    display: block;
}

#localstores {
    position: relative;
    padding: 30px;
    margin: auto;
    width: 80%;
	max-width: 700px;
}

#localstores div {
    float: left;
    width: 50%;
}

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

/* NEWS */
#news-wrapper {
    position: relative;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
}

#latest_posts {
    list-style: none;
    padding: 0;
}

/* DISCOGRAPHY */

#discography {
	position:relative;
	padding:0 100px;
}

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

.discog-content {
    float: left;
    width: 50%;
    padding-left: 25px;
    box-sizing: border-box;
	font-size: 18px;
}

.discog-content h1 {
    font-size: 1.4em;
    text-transform: uppercase;
    margin: 0;
}


.discog-content .releasedate {
    font-size: 12px;
}

ol#tracklist {
    list-style: none;
    padding: 0;
}

/* VIDEOS */

#videos {
    position: relative;
    padding: 0 100px;
    width: 100%;
    box-sizing: border-box;
}

#youtube_tracklist {
    float: left;
    width: 30%;
}


#video-wrapper {
    float: left;
    width: 70%;
    position: relative;
	padding-left: 50px;
    box-sizing: border-box;
}

#youtube_tracklist a {
    display: block;
}
.owl-carousel .owl-item img {
	height:auto !important;
}


.owl-prev {
    position: absolute;
    left: -61px;
    top: 50%;
    margin-top: -22px;
}


.owl-next {
    position: absolute;
    right: -61px;
    top: 50%;
    margin-top: -22px;
}

.owl-next:hover,  .owl-prev:hover, .navigation a:hover img {
    opacity: 0.3;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 72px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -36px;
    background: none !important;
    cursor: pointer;
    z-index: 1;
}

.owl-carousel .owl-video-play-icon:before {
	content:'\f16a';
	color:#fff;
	font-family: 'Awesome';
	font-size:72px;
	line-height:72px;
}

.owl-video-wrapper {
    position: relative;
}

.owl-carousel .owl-video-wrapper {
    height: 0 !important ;
    padding-bottom: 56.25%;
    width: 100%;
}

.owl-video-tn {
	    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
        -webkit-background-size: cover  !important ;
    -moz-background-size: cover  !important;
    -o-background-size: cover  !important;
    background-size: cover  !important;
}

/*  Single Page  */
.single #container {
    padding: 160px 100px 0;
	box-sizing: border-box;
}

.single #container:after {
	content:'';
	display:block;
	clear:both;
}

#content.single-post {
    float: left;
    width: 70%;
}

#content.single-post img {
    max-width: 100%;
    height: auto;
}

#posts-list {
    float: left;
    position: relative;
    padding-left: 50px;
    box-sizing: border-box;
    width: 30%;
}

#posts-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: lowercase;
}

#posts-list li {
    margin-bottom: 10px;;
}

#posts-list h2, #posts-list ul {
    margin: 0 0 10px;
    width: 100%;
	position:relative;
	padding-bottom:6px;
	line-height:1em;
}

#posts-list h2:after, #posts-list ul:after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	height:2px;
	background:#eceed8;
}
@media screen and (min-width:737px) {
	#page-nav {
		display:table-cell !important;
		height: initial !important;
	}
}
@media screen and (min-width:0px) and (max-width:736px){

#container {
    font-size: 12px;
}

#header {
    padding: 15px;
}

#header h1 {
    height: 30px;
    max-width: 50%;
}


#header h1 img {
    width: auto;
    height: initial;
    display: block;
    max-height: 30px;
    max-width: 100%;
    margin: auto;
}

#nav {
    right: 15px;
    top: 15px;
    line-height: 30px;
}

#togglenav {
    display: table-cell;
    line-height: 30px;
    float: left;
    font-size: 18px;
    font-family: 'Awesome';
    margin-right: 15px;
	cursor:pointer;
}

#togglenav:before {
    content: '\f0c9';
}

#page-nav {
    display: none;
}

#container h2, .buttonwrapper {
    font-size: 18px;
}

#top {
    letter-spacing: 0;
}

#news-wrapper, #discography, #videos, #tour {
    position: relative;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}

.owl-nav img {
    width: 15px;
}

.owl-prev {
    left: -25px;
    margin-top: -14px;
}

.owl-next {
    right: -25px;
    margin-top: -14px;
}


#youtube_tracklist {
    float: none;
    width: 100%;
}

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

#watch {
    position: relative;
    bottom: initial;
}

#watch .watchtext {
    margin-bottom: 20px ;
}

#watch a {
    margin: auto ;
    display: table;
}

#watch .watchtext:before, #watch a:before, #devideo:before {
    background-position:left 12px bottom;
}

#footer {
    position: relative;
    bottom: initial;
    left: initial;
    right: initial;
}

#nav #page-nav {
    position: fixed;
    left: 0;
    top: 60px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    float: none;
    display: none;
}

#nav #page-nav .ae-wp-widget-container {
    font-size: 18px;
    margin: auto;
}

#nav li {
    display: block;
    float: none;
    margin-right: 0;
    font-size: 18px;
	padding: 0 0 10px;
	line-height:18px;
}

#social {
    line-height: 30px;
    font-size: 18px;
	    padding: 0;
}

#social a {
  margin-left: 15px;
      float: none;
}

.ae-wp-widget-container a:before {
    font-size: 14px;
}

#terms {
    position: relative;
    right: initial;
    bottom: initial;
    font-size: 7px;
    margin: 30px auto;
}

#terms img {
    height: 30px;
    margin: 30px auto 0;
    display: table;
}

#social #vevo:before {
content:url('../images/vevo-12.png');
}

#social #deez:before {
content:url('../images/deezer-12.png');
}

.footer #social .ae-wp-widget-container, .spotifyfollow {
    display: table;
    float: none;
    margin: 15px auto;
	font-size: 8px;
}

#footer {
width: 100%;
    padding: 10px;
}

#footer #social {
	line-height:1em;
}

.footer #social a {
    font-size: 14px;
    margin-left: 8px;
}

.footer .ae-wp-widget-container a:before {
    font-size: 14px;
}

.umg_live_tickets {
	background: none;
	    font-size: 14px;
}



#localstores div {
    float: left;
    width: 100%;
}

.single #container {
    padding: 100px 40px 0;
    box-sizing: border-box;
}

#content.single-post {
    float: left;
    width: 100%;
}

#posts-list {
    float: left;
    position: relative;
    padding-left: 0;
    box-sizing: border-box;
    width: 100%;
    border-top: 2px solid;
    padding-top: 10px;
    margin-top: 30px;
}

.buttonwrapper a {
	background:none;
	padding:0;
}

}

@media screen and (min-width:0px) and (max-width:736px) and (orientation : portrait) {
	table.umg_live_table td.umg_live_location, table.umg_live_table td.umg_live_venue {
    float: left;
    width: initial;
    display: inline;
}

td.umg_live_tickets {
    display: block;
    margin-top: 0;
    float: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}

table.umg_live_table td.umg_live_venue:after {
    content: '-';
	margin-left:10px;
}

.discog_packshot {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}

.discog-content {
    float: none;
    width: 100%;
    padding: 0;
}
	
	}