/*! 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; }
  
  .clearboth {
	  clear:both;
  }

/* ==========================================================================
   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: 'Cerebri Sans Book';
    src: url('../fonts/CerebriSans-Book.eot');
    src: url('../fonts/CerebriSans-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CerebriSans-Book.woff2') format('woff2'),
        url('../fonts/CerebriSans-Book.woff') format('woff'),
        url('../fonts/CerebriSans-Book.ttf') format('truetype'),
        url('../fonts/CerebriSans-Book.svg#CerebriSans-Book') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
font-family: 'Montserrat', sans-serif;
color: #000;
background: #f2e6ad no-repeat center;
background-attachment:fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
font-size: 14px;
padding:0;
margin:0;
}

.h1, h1, h2, h3, h4, h5 {
    font-family: 'Cerebri Sans Book', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1em;
    padding-bottom: 0.35em !important;
	letter-spacing: -0.05em;
}

a {
	color:#ff3db4;
}

.ae-cform-header-image {
	max-width:100%;
	height:auto;
}

#container {
    width: 960px;
    min-width: 960px;
    padding: 0 20px;
    margin: auto;
    position: relative;
    background: rgba(242, 230, 173, 0.5);
}

.header {
position: relative;
border-bottom: #fff solid 5px;
margin-bottom:10px;
}

#logo {
color: #fff;
text-decoration: none;
font-size: 72px;
padding: 10px 0;
margin: 0;
float: left;
width: 360px;
}

#logo h1 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    padding-bottom: 0 !important;
}

ul.nav {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
right: 0;
bottom: 10px;
}

ul.nav li {
float: left;
display: block;
font-size: 24px;
text-transform: uppercase;
font-family: 'Cerebri Sans Book', sans-serif;
padding: 0 10px;
border-left: 2px solid #ff3db4;
line-height: 24px;
height: 24px;
}

ul.nav li:first-child {
	border:0;
	padding:0 10px 0 0;
}

ul.nav li a {
color: #fff;
text-decoration: none;
}

ul.nav li:hover a, ul.nav li.current_page_item a {
text-decoration: none;
border-bottom: 5px solid #ff3db4;
color:#ff3db4;
padding-bottom: 5px;
line-height: 24px;
height: 24px;
}

#content #main {
float: left;
width: 650px;
margin-right: 10px;
position: relative;
}

#content .sidebar {
float: left;
width: 300px;
position: relative;
}


.page-title, .widgettitle {
margin: 0;
padding: 10px;
display: block;
background: #53b390;
color: #ffffff;
font-size: 48px;
margin-bottom:10px;
}

#social {
display: block;
position: absolute;
margin: 0;
padding: 0;
list-style: none;
right: 0;
top: 30px;
}

#social li {
margin-left: -50000px;
margin-top: -50000px;
position: absolute;
}

#social li#spotifyfollow {
margin: 0;
float: left;
position: relative;
}

#social a {
float: left;
font-family: 'FontAwesome';
color: #fff;
text-decoration: none;
font-size: 24px;
margin-left: 20px;
font-weight: 100;
}

#social a:hover {
color: #ff3db4;
}

#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';
}
.footer {
background: #ff3db4;
padding: 30px;
position: relative;
color:#000;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#inner-footer {
width: 100%;
max-width: 960px;
margin: auto;
position: relative;
display: table;
}
.footer #social {
left: 0;
position: relative;
top: 0;
right: initial;
}


.footer #social a {
color: #000;
}

.footer #social a:hover {
color: #fff;
}

#site-generator {
font-size: 10px;
font-weight:100;
margin-top: 10px;
}

#site-generator a {
color:#000;
text-decoration:none;
}

.footersection {
display: table-cell;
width: 50%;
vertical-align: middle;
text-align:right;
}

.footersection:first-child {
	text-align:left;
}


#sign-up {
	display:block;
}

#sign-up input.submit:hover {
opacity: 0.7;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
	  
	  
.submit {
background: #000;
border: 0;
font-size: 24px;
font-family: 'Cerebri Sans Book', sans-serif;
padding: 10px;
color: #ff3db4;
cursor:pointer;
-webkit-appearance: none;
}

#email-text {
font-size: 24px;
padding: 10px;
border: 0;
font-family: 'Cerebri Sans Book', sans-serif;
}

#success {
padding: 0;
display: none;
font-size: 20px;
text-align: center;
}


/*  News Feed  */

.post h1 {
display: block;
font-size: 48px;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 5px solid;
color: #fff;
}

.post h1 a {
color: #fff;
text-decoration: none;
line-height: 1em;
}

.excerpt-read-more {
color: #000;
text-decoration: none;
padding: 10px;
display: table;
margin-top: 10px;
background: #ff3db4;
font-family: 'Cerebri Sans Book', sans-serif;
text-transform: uppercase;
font-size: 28px;
}

.excerpt-read-more span {
	font-family:'FontAwesome';
}

.navigation {
border-top: 5px solid #ff3db4;
padding: 10px 0;
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
font-family: 'Cerebri Sans Book', sans-serif;
font-size: 24px;
}

.navigation a {
text-decoration: none;
}

.olderurl, .newerurl {
display: block;
}

.olderurl:before, .newerurl:after {
font-family: 'FontAwesome';
content: attr(data-nav);
speak: none;
}

.olderurl {
float: left;
}

.newerurl {
float: right;
}

.postdate {
	background: #ff3db4;
padding: 10px;
margin-top: -10px;
display: table;
color: #000;
font-family: 'Cerebri Sans Book', sans-serif;
font-size: 24px;
}

.wp-post-image {
margin-top: 10px;
max-width: 100%;
}

/* Slider settings */

.meteor-slides .meteor-buttons {
bottom: 20px !important ;
height: 9px;
right: 20px !important;
left:auto !important;
width: initial !important;
}

div.navpaged, div.navboth {
margin-bottom: 10px !important;
}

/*  Videos  */

.ytc-pslb.ytcplayer-wrapper, .ytc-pslb.ytc-thumbnails a.ytcthumb {
	border:0 !important;
}

.youtubechannelgallery .ytc-pslb.ytc-thumbnails .ytctitle a {
font-size: 14px;
text-decoration: none;
font-weight: 100;
}

.youtubechannelgallery .ytc-pslb.ytc-thumbnails a.ytcthumb .ytcplay {
background-image: url(../images/play-button.png) !important;
}

.ytc-pslb .col-md-3 {
  width: 33.333333333333% !important;
}

/*  Music  */
.music-item p {
margin: 0;
}

.music-item {
width:320px;
margin-bottom: 10px;
}

.music-item iframe {
width: 100%;
}

.fourofour {
	width:100%;
	height:auto;
	border:0;
}


.instagram-image {
padding: 0 !important;
background-color: #000  !important;
margin-right:0  !important;
}

.twitter-timeline {
width:300px !important;	
}

#wetransfer {
    padding: 10px;
    background: #ff3db4;
    width: 100% !important;
    box-sizing: border-box;
    color: #000;
}

#wetransfer a {
    color: #000;
}

#wetransferform {
    table-layout: fixed;
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
}

#wetransferform td:first-child {
    text-transform: uppercase;
    font-size: 24px;
	vertical-align: middle;
}

#wetransfer td {
    position: relative;
}

#wetransferform #formfield input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 2px solid;
    font-size: 24px;
    line-height: 1em;
    font-family: 'Montserrat', sans-serif;
    background: #ff3db4;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box;
}

#dob span {
    display: block;
    float: left;
    width: 30%;
    margin-left: 5%;
	position: relative;
}

#country span {
	position:relative;
	display:block;
	width:100%;
}

#dob span:first-child {
    margin-left: 0;
}

#dob span:before, #country span:before {
    content: '\f0dc';
    font-family: 'FontAwesome';
    position: absolute;
    right: 13px;
    top: 17px;
    z-index: 0;
}

#dob span select, #country select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
    font-size: 10px;
    line-height: 1em;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    z-index: 9;
	position:relative;
    text-transform: uppercase;
    width: 100%;
    line-height: 24px;
    box-sizing: border-box;
    cursor: pointer;
}

#wetransfer .signup_options, #wetransfer .signup_options a {
    color: #000;
    font-size: 11px;
    text-transform: none;
}

#wetransfer #submit_button {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: block;
    color: #ff3db4;
    background-color: #000;
    border: 0;
    padding: 10px;
    font-size: 24px;
    text-transform: uppercase;
    border: 2px solid #000;
    font-size: 24px;
    line-height: 1em;
    font-family:'Cerebri Sans Book', sans-serif;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}

#wetransfer #submit_button:hover {
	color:#ff3db4;
	
}

#complete {
    text-align: center;
    font-size: 24px;
}

#complete a {
    color: #000;
    text-decoration: none;
    display: table;
    margin: auto;
    padding: 15px;
    border: 2px solid #000;
}

#storebuttons {
padding:0;
background: #000;
text-align:center;
margin-top:10px;
font-family:'Cerebri Sans Book', sans-serif;
text-transform: uppercase;
}

#storebuttons a {
background: #ff3db4;
color: #000;
text-decoration: none;
padding: 10px;
line-height: 24px;
font-size: 24px;
display: inline-table;
margin: 0 10px 10px 0;
position:relative;
}

#storebuttons span {
color: #ff3db4;
display: block;
margin-bottom: 10px;
}

#storebuttons a span {
color: #000;
background: #B6B600;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 5px;
font-size: 10px;
font-weight: 100;
opacity: 1;
display: none;
line-height: 1em;
z-index: 999;
}

#storebuttons a:hover {
	background:#FF0;
}
#storebuttons a:hover span {
display:block;
}



.meteor-slides .meteor-buttons a {
	background:none !important;
    border: 1pt solid;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.meteor-slides .meteor-buttons a.activeSlide {
   background:#ff3db4 !important;
}

#ae-cform-container-1 {
    float: left;
}

#ae-cform-container-1 a {
    display: block;
    border: 2px solid;
    padding: 5px 20px;
    margin-top: -7px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#ae-cform-container-1 .fa {
	float:left;
}

#ae-cform-container-1 span {
    font-family: 'Cerebri Sans Book', sans-serif;
    font-size: 0.5em;
    line-height: 2em;
    display: block;
    float: left;
    text-transform: uppercase;
    margin-left: 5px;
}

#social li#spotifyfollow iframe {
    height: 26px;
    margin-top: -4px;
}

#listen-block {
    border: 2px solid;
    padding: 5px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 71px;
	color:#fff;
}

#listen-block span {
    font-family: 'Cerebri Sans Book', sans-serif;
    font-size: 12px;
    line-height: 24px;
    display: block;
    float: left;
    text-transform: uppercase;
    margin-left: 5px;
}

#listen-block .listen-popup {
    float: left;
    display: block;
	outline:none;
}

#listen-block .listen-popup img {
    display: block;
    height: 24px;
    margin-left: 15px;
    vertical-align: middle;
}

#listen-block .listen-popup img.hover-icon {
    position: absolute;
    opacity: 0;
}

#listen-block .listen-popup:hover img {
	opacity:0;
}

#listen-block .listen-popup:hover img.hover-icon {
    opacity: 1;
}

.listen-embed {
    margin: auto;
    display: table;
	padding-right: 10px;
}

.listen-embed iframe {
	max-width:100%;
	margin-left:10px;
}

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

#insta-block a {
    display: block;
    width: 100%;
    margin-top: 10px;
}

#insta-block a img {
    display: block;
    width: 100%;
	border:0;
	height:auto;
}