/* @license
 * MyFonts Webfont Build ID 2600213, 2013-07-11T13:25:22-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont:Miso by Mårten Nettelbladt
 * URL:http://www.myfonts.com/fonts/martennettelbladt/miso/regular/
 *
 * Webfont:Miso Bold by Mårten Nettelbladt
 * URL:http://www.myfonts.com/fonts/martennettelbladt/miso/bold/
 *
 * Webfont:Miso Light by Mårten Nettelbladt
 * URL:http://www.myfonts.com/fonts/martennettelbladt/miso/light/
 *
 *
 * License:http://www.myfonts.com/viewlicense?type=web&buildid=2600213
 * Licensed pageviews:Unlimited
 * Webfonts copyright:Copyright (c) Mårten Nettelbladt, 2006. All rights reserved.
 *
 * © 2013 MyFonts Inc
*/
@font-face {font-family:'Miso';src:url('/webfonts/27AD15_0_0.eot');src:url('/webfonts/27AD15_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/27AD15_0_0.woff') format('woff'),url('/webfonts/27AD15_0_0.ttf') format('truetype');}
@font-face {font-family:'Miso-Bold';src:url('/webfonts/27AD15_1_0.eot');src:url('/webfonts/27AD15_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/27AD15_1_0.woff') format('woff'),url('/webfonts/27AD15_1_0.ttf') format('truetype');}
@font-face {font-family:'Miso-Light';src:url('/webfonts/27AD15_2_0.eot');src:url('/webfonts/27AD15_2_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/27AD15_2_0.woff') format('woff'),url('/webfonts/27AD15_2_0.ttf') format('truetype');}


/*------------------------------------*\
    $RESTART
\*------------------------------------*/
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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,
figure,figcaption,footer,header,hgroup,
menu,nav,section,summary,
time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:normal;
	font:inherit;
	vertical-align:baseline;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
body {
	line-height:1;
}
ol,ul {
	list-style-position:outside;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
b,strong,mark {
	font-weight:bold;
	font-style:inherit;
}
em,i,cite,dfn,var {
	font-style:italic;
	font-weight:inherit;
}
abbr[title],dfn[title] {
	cursor:help;
	border-bottom:1px dotted;
}
ins{
	border-bottom:1px solid;
}
a,ins{
	text-decoration:none;
}
a:active,a:hover {
	outline:0;
}
del,s{
	text-decoration:line-through;
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
img {
	max-width:100%;
	height:auto;
	border:none;
	font-style:italic;
	vertical-align:middle;
}
input,select,option,optgroup,textarea{
	font:inherit;
	font-size:100%;
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
}
label,input,textarea,button,select,option {
	cursor:pointer;
}
.text-input:active,.text-input:focus,textarea:active,textarea:focus {
	cursor:text;
	outline:none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	*overflow:visible;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor:default;
	background:inherit;
}


/*------------------------------------*\
    $SHARED
\*------------------------------------*/
::-moz-selection {
	background-color:#000;
	color:#fff;
}
::selection {
	background-color:#000;
	color:#fff;
}
html {
	overflow-y:scroll;
	overflow-x:hidden;
	min-height:100%;
}
html,body {
	width:100%;
}
body {
	color:#231f20;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	font:15px/1.5 courier;
	background-color:#f2f0ee;
}
.container {
	padding:0 25px;
	max-width:960px;
	margin:0 auto;
	position:relative;
}
.books .container {
	padding:0 35px;
}
.container.full-width {
	max-width:100%;
}
.container.is-left {
	margin:0;
}
/*Common typographical bottom margins for vertical rhythm*/
h1,h2,h3,h4,h5,h6,
p,ol,ul,
blockquote,
.nav {
	margin-bottom:25px;
}
.landmark {
	margin-bottom:50px; /*Twice base margin size */
}
ol,ul,dd {
	margin-left:50px;
}


/*------------------------------------*\
    $TYPE
\*------------------------------------*/
h1,.alpha {
}
h2,.beta {
	font:500 28px/1.2 "brandon-grotesque";
	text-transform:uppercase;
}
h3,.gamma,
.release-info span {
	font:21px/1.5 Miso;
}
.recording-list h3 {
	font:22px/1.2 "brandon-grotesque";
	text-transform:uppercase;
}

a {
	color:#ff8051;
}
a:hover,
a:focus,
a:active {
}
.current a {
	cursor:text;
}

li > ol,
li > ul {
	margin-bottom:0;
}


/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn,
.sc-play,.sc-pause,
.nav-social a,
.nav-external a {
	font:inherit;
	cursor:pointer;
	border:none;
	display:inline-block;
	margin:0;
	color:#231f20;
	background-color:#dfdddb;
	padding:0 7px;
	text-transform:uppercase;
	font:500 15px/25px Dosis;
	-webkit-transition:background-color 300ms linear;
	-moz-transition:background-color 300ms linear;
	-ms-transition:background-color 300ms linear;
	-o-transition:background-color 300ms linear;
	transition:background-color 300ms linear;
}
.btn,
.btn:hover {
	text-decoration:none;
}

.nav-social a:hover,
.nav-social a:focus,
.nav-social a:active {
	background-color:#90cbc9;
}
.nav-external a:hover,
.nav-external a:focus,
.nav-external a:active {
	background-color:#dfdddb;
}

.btn-submit {
	font:18px/22px brandon-grotesque;
	background:transparent;
	padding:0;
	text-transform:none;
}
.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active {
	color:#f2f0ee;
}

.btn-submit-beta {
	font-size:12px;
	line-height: 1.2;
	margin-top:12px;
}

.modal .btn-submit:hover,
.modal .btn-submit:focus,
.modal .btn-submit:active {
	color: #389b83;
}

.btn-buy {
	background-color:transparent;
	font:22px/1.2 "brandon-grotesque";
	padding:0;
}
.btn-buy:after,
.btn-submit:after {
	content:"\00A0" "\003E";
}
.btn-buy:hover,
.btn-buy:focus,
.btn-buy:active {
	color:#389b83;
}
.date-meta .btn-buy {
	position:relative;
	top:5px;
}
.btn-play,.sc-play,.sc-pause {
	margin-bottom:8px;
	min-width:37px;
	text-align:center;
	text-decoration:none;
}
.btn-play:hover,.sc-play:hover,.sc-pause:hover,
.btn-play:focus,.sc-play:focus,.sc-pause:focus,
.btn-play:active.sc-play:active,.sc-pause:active {
	background-color:#90cbc9;
}

.btn-more {
	/*background-color:transparent;*/
	/*font:19px/27px Dosis;*/
	/*padding:0;*/
	/*text-transform:none;*/
	/*position:relative;
    top:5px;*/
}
.btn-more:before {
	content:'';
	width:10px;
	height:10px;
	background:url(/images/sprite.png) -70px -50px no-repeat;
	display:inline-block;
	vertical-align:baseline;
	margin-right:13px;
}
.btn-more.is-active:before {
	background-position:-100px -50px;
}
/*.btn-more:hover,
.btn-more:focus,
.btn-more:active {
    color:#389b83;
}*/
.btn-close {
	background-color:#f2f0ee;
	width:35px;
	font:500 20px/35px Dosis;
	text-decoration:none;
	color:#231f20;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}



/*------------------------------------*\
    $MEDIA
\*------------------------------------*/
.media {
	display:block;
}
.media-img {
	float:left;
	margin-right:5px;
}
.media-img.is-reversed {
	float:right;
	margin-left:5px;
	margin-right:0;
}
.media-img img {
	display:block;
}
.media-body {
	overflow:hidden;
	margin-bottom:0;
}


/*------------------------------------*\
    $NAV
\*------------------------------------*/
.nav > li, .nav > li > a {
	display:inline-block;
	*display:inline;
	zoom:1;
}
.nav a {
	color:#231f20;
	text-decoration:none;
}
.nav-primary,
.nav-mobile {
	margin-bottom:0;
	display:none;
	position:relative;
}
.nav-primary > li {
	margin-left:20px;
}

.nav-primary > li:first-child,
	/*.nav-social > li:first-child,*/
.nav-primary .nav > li:first-child {
	margin-left:0;
}
.nav-primary a,
.nav-mobile a,
.nav-breadcrumbs a {
	font:18px/1.5 "brandon-grotesque";
}
.nav-primary .disabled {
	opacity:0.2;
	cursor:default;
	pointer-events:none;
}
.nav-primary .nav {
	display:none;
	position:absolute;
	top:43px;
	left:0;
	white-space:nowrap;
}
.nav-primary .nav > li {
	margin-left:28px;
}
.nav-primary .active .nav {
	display:block;
}
.nav-primary.fl {
	border-bottom:1px solid #2c2929;
}
.nav-primary a {
	padding-bottom:4px;
	border-bottom:2px solid transparent;
	-webkit-transition:border-color 300ms;
	-moz-transition:border-color 300ms;
	-ms-transition:border-color 300ms;
	-o-transition:border-color 300ms;
	transition:border-color 300ms;
}

.nav-primary a:hover,
.nav-primary a:focus,
.nav-primary a:active,
.nav-primary .active > a {
	border-bottom-color:#2c2929;
}


.nav-primary.fr {
	padding-top:41px;
	margin-right:-15px;
}

.nav-social.nav {
	margin-left: -7px;
	margin-top: -7px;
}

.nav-social > li {
	min-width: 33.3333333%;
	max-width: 66.6666666%;
	padding-left: 7px;
	padding-top: 7px;
	box-sizing: border-box;
}

.nav-social.l-inline > li {
	min-width: 120px;
	max-width: none;
}
@media screen and (max-width: 400px) {
	.nav-social.l-inline {
		width: -webkit-calc(100% + 7px);
		width: 		   calc(100% + 7px);
	}
	.nav-social.l-inline > li {
		width: 33.33333333%;
		min-width: 0;
	}
}

.nav-social a,
.nav-external a {
	font:500 15px/25px Dosis;
}
.nav-social a {
	text-transform:uppercase;
	width:100%;
	box-sizing: border-box;
	text-align:center;
}
.nav-social a.buy-link {
	background-color:#B1D0D0;
}
.nav-social a.buy-link:hover {
	background-color:#90cbc9;
}


.facebook-link {
	background: url('/images/facebook.png') no-repeat 5px 5px;
}

.twitter-link {
	background: url('/images/twitter-bird.png') no-repeat 6px 5px;
}

.nav-external > li,
.nav-mobile > li {
	display:list-item;
	margin-top:7px;
}
.nav-external > li:first-child,
.nav-mobile > li:first-child {
	margin-top:0;
}
.nav-external a,
.btn-external {
	background-color:#90cbc9;
	padding:0 7px;
}
.page-play .nav-external a,
.page-play .btn-external {
	background-color:#ff9f7c;
}
.page-play .nav-external a:hover,
.page-play .nav-external a:focus,
.page-play .nav-external a:active,
.page-play .btn-external:hover,
.page-play .btn-external:focus,
.page-play .btn-external:active {
	background-color:#ff8051;
}
.page-ebtg .nav-external a:hover,
.page-ebtg .nav-external a:focus,
.page-ebtg .nav-external a:active,
.page-ebtg .btn-external:hover,
.page-ebtg .btn-external:focus,
.page-ebtg .btn-external:active {
	background-color:#ff8051;
}

.nav-mobile > li > a {
	display:block;
	padding:0 7px;
	background-color:#f7834a;
	color:#231f20;
}
.nav-mobile > li > .nav-mobile-social {
	color:#231f20;
	background-color:#f2f0ee;
}
.nav-breadcrumbs {
	margin-bottom:0;
	position:absolute;
	bottom:-44px;
}
.nav-breadcrumbs > li:before {
	content:'› ';
	position:relative;
	top:-2px;
	font-size: 18px;
}
.nav-breadcrumbs > li:first-child:before {
	content:'';
}
.nav-social-icons {
	position:absolute;
	display:none;
	right:0;
	top:-10px;
}
.nav-social-icons > li {
	display:block;
	float:left;
}
.nav-social-icons a {
	opacity:1;
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-ms-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms;
}
.nav-social-icons a:hover,
.nav-social-icons a:focus,
.nav-social-icons a:active {
	opacity:0.7;
}
.nav-icons {
	position:absolute;
	top:0;
	right:0;
	margin-bottom:0;
}
.page-books .nav-icons,
.page-publicity .nav-icons {
	top:97px;
}
.nav-icons a {
	position:relative;
	z-index:20;
	background-color:#ff8051;
	width:48px;
	height:48px;
	text-indent:-999em;
}
.nav-icons-lrg > li {
	margin-left:0;
}
.nav-icons-lrg a {
	width:79px;
	height:79px;
}
.nav-icons a:hover,
.nav-icons a:focus,
.nav-icons a:active {
	background-color:#f2f0ee;
}
.nav-icons a:before {
	content:'';
	background-image:url(/images/sprite.png);
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:50%;
}
.grid-btn:before {
	background-position:0 -50px;
	width:33px;
	height:25px;
	margin-left:-16px;
	margin-top:-12px;
}
.grid-btn:hover:before,
.grid-btn:focus:before,
.grid-btn:active:before {
	background-position:-30px -230px;
}
.nav-icons .download-btn {
	background-color:#389b83;
}
.download-btn:before {
	background-position:-40px -50px;
	width:20px;
	height:29px;
	margin-left:-10px;
	margin-top:-15px;
}
.download-btn:hover:before,
.download-btn:focus:before,
.download-btn:active:before {
	background-position:0 -230px;
}
.nav-icons-lrg .expand-btn:before {
	background-position:0 -120px;
	width:56px;
	height:46px;
	margin-left:-28px;
	margin-top:-23px;
}
.nav-icons-lrg .expand-btn:hover:before,
.nav-icons-lrg .expand-btn:focus:before,
.nav-icons-lrg .expand-btn:active:before {
	background-position:0 -180px;
}
.nav-icons-lrg .download-btn:before {
	background-position:-80px -120px;
	width:42px;
	height:57px;
	margin-left:-21px;
	margin-top:-28px;
}
.nav-icons-lrg .download-btn:hover:before,
.nav-icons-lrg .download-btn:focus:before,
.nav-icons-lrg .download-btn:active:before {
	background-position:-80px -180px;
}
.nav-icons-lrg a:after {
	content:'';
	position:absolute;
	top:90px;
	left:0;
	display:inline-block;
	background-color:#f2f0ee;
	font:18px/28px Miso;
	color:#231f20;
	width:100%;
	text-indent:0;
	opacity:0;
	text-align:center;
	text-transform:none;
	pointer-events:none;
}
.nav-icons-lrg a:hover:after,
.nav-icons-lrg a:focus:after,
.nav-icons-lrg a:active:after {
	opacity:1;
}
.nav-icons-lrg .download-btn:after {
	content:'Hi-Res' !important;
}
.nav-icons-lrg .expand-btn:after {
	content:'View' !important;
}


/*------------------------------------*\
    $SPRITES
\*------------------------------------*/
.s {
	background-image:url(/images/sprite.png);
	display:inline-block;
	position:relative;
	zoom:1;
	top:-1px;
	vertical-align:middle;
	overflow:hidden;
	*text-indent:-9999px;
}
.s:before{
	content:"";
	display:block;
	width:0;
	height:100%;
}

.s-twitter {
	background-position:0 0;
	width:36px;
	height:36px;
	background-color:#90cbc9;
}
.s-mobile-nav {
	background-position:-40px 0;
	width:33px;
	height:33px;
	margin-bottom:6px;
	float:right;
}
.s-top-btn {
	background-position:-80px -260px;
	width:35px;
	height:35px;
	display:none;
	position:fixed;
	right:0;
	bottom:0;
	top:auto;
	z-index:19;
}


/*------------------------------------*\
    $MODULES
\*------------------------------------*/
/* Unstyle Lists */
.grid,.nav,
.article-grid,.article-list,.article-media,.semantic-list {
	list-style:none;
	margin-left:0;
}
.grid {
	margin-right:-25px; /* - Gutter Width - */
	margin-left:0;
	margin-bottom:0;
}
.g {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior:url(/css/boxsizing.htc);
	float:left;
	padding-right:25px; /* - Gutter Width - */
}
.grid.is-reversed .g {
	float:right;
}
.article-grid .grid {
	display:table;
}
.article-grid .g {
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.publicity-grid .g {
	vertical-align:top;
}

.one-third { width:33.3333%; }
.two-thirds { width:66.6666%; }
.one-whole { width:100%; }

[class*="push-"] {
	position:relative;
}

.l-inline {
	display:inline-block;
	*display:inline;
}

/* $LOGO */
.page-header {
	/*border-bottom:40px solid #cbcace;*/
	margin-bottom:14px;
	padding:10px 0 48px;
	background-color:#f2f0ee;
	position:relative;
	z-index:20;
}
.page-header .container {
	position:relative;
}
.logo {
	font:53px/41px Miso;
	text-transform:uppercase;
	letter-spacing:-2px;
	width:200px;
	margin-right:30px;
}
/*
.page-navigation {
    padding-top:50px;
}
*/

/* $HIDDEN DRAWER */
.drawer-wrapper {
	background-color:#389b83;
	padding:25px 0;
	display:none;
}
.representation-drawer-wrapper {
	background-color:#e3e867;
	font:16px/21px Miso;
	padding-bottom:1px;
}
.representation-drawer-wrapper a {
	color:;
}

/* $ISOTOPE */
.isotope-item {
	z-index:2;
}
.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}

/* $ARTICLE GRID */
.article-grid {
	margin:0 -25px 25px -25px;
}
#infscr-loading {
	text-align:center;
	padding: 0 50px;
}
#infscr-loading img {
	float: none;
}
.article-grid > li {
	margin-bottom:10px;
}
.article-grid a {
	display:block;
	color:#231f20;
}
.article-grid img {
	float:left;
	margin-left:-1px;
}
.article-grid h2 {
	font:25px/30px "brandon-grotesque";
	text-transform:uppercase;
	margin:0 auto;
	max-width:70%;
}
.article-grid ul {
	position:static;
	text-align:center;
}
.publicity-grid ul {
	text-align:right;
}
.publicity-grid li {
	text-align:left;
}
.publicity-grid .grid {
	background-color:rgba(0,23,24,.6);
}

.tile-yellow { background-color:#e3e867; }
.tile-blue { background-color:#90cbc9; }
.tile-green { background-color:#389b83; }
.tile-orange { background-color:#ff8051; }
.tile-pink { background-color:#da7296; }


/* $NEWS ARTICLES IN FULL */
.article-list {
	margin-top:30px;
	padding:0;
}
.article-list > li {
	margin-bottom:50px;
}
.article-list .grid {
	margin-right:-15px;
}
.article-list .g {
	padding-right:15px;
}
.article-media {
	margin-bottom:0;
	padding-top:5	3px;
}
.article-media > li {
	display:block;
	margin-bottom:25px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe,
.video-container embed,
.video-container object {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.article-time {
	background-color:#fff;
	border-right:5px solid #90cbc9;
	display:inline-block;
	padding:0 6px;
	font:18px/28px Miso;
}
.page-play .article-time {
	border-right-color:#ff8051;
}
.heading,
.release-info {
	padding:0 22% 25px 0;
	border-bottom:1px solid #646464;
}
.article-meta {
	padding-top:25px;
	border-top:1px solid #646464;
}

/* $RELEASES */
.recording-list > li {
	padding-top:45px;
	border-top:1px solid #646464;
	margin-top:55px;
	margin-bottom:0;
	font:19px/1.4 Miso;
}
.recording-list > li p {
	font:15px/1.5 courier;
}
.recording-list > li:first-child {
	padding-top:0;
	border-top:none;
	margin-top:0;
}
.release-info span {
	display:block;
	text-transform:uppercase;
}

/* $BIOGRAPHY */
/*.biography-heading*/ .biography h2 {
						   border-bottom:2px solid #ff8051;
						   display:inline-block;
					   }

.biography h2:first-of-type {
	margin-top:26px;
}

/* $EBTG PAGE */
.page-ebtg {
	background-color:#90CBC9;
	background-image:url(/images/ebtg-bg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.ebtg-header,
.book-header {
	font:63px/70px brandon-grotesque;
}
.book-header {
	margin-bottom:0;
}

/* $BOOKS PAGE */
.page-books .page-header,
.page-publicity .page-header {
	margin-bottom:0;
}
.books {
	margin-bottom:0;
}
.books,.slides_control {
	width:100%;
	min-height:100%;
}
.slides_control {
	height:100%;
}
.book-subheading {
	text-transform:lowercase;
	font:36px/52px brandon-grotesque;
	margin-bottom:0;
}
.book-author {
	font:25px/45px Miso;
	margin-bottom:10px;
}

.books .book {
	min-height:100%;
	padding:35px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.book-patient {
	background-color:#e4ec69;
	background-image:url(/images/books/patient-bg.jpg);
}

/* $PUBLICITY DETAIL PAGE */
.page-publicity img {
	width:100%;
}

/* $DATES */
.dates-list {
	padding:0 25px;
}

.dates_nf {
	margin-left: 25px;
}
.dates-list > li {
	margin-bottom:9px;
	/* padding-bottom:9px; */
	border-bottom:1px solid #7d7a7a;
}
.dates-list article {
	max-width:960px;
	position:relative;
}
.date-title {
	font-family:"brandon-grotesque";
	font-size:26px;
	line-height:1.2;
	margin-bottom:12px;
	text-transform:none;
}
@media screen and (min-width:480px) {
	.date-title {
		font-size:36px;
	}
}
@media screen and (min-width:750px) {
	.date-title {
		margin-bottom:1;
		font-size:46px;
		line-height:1.1;
	}
}
.date-title time {
	display:block;
	text-transform:uppercase;
}
.date-location {
	font-family:Dosis;
	font-size:16px;
	margin-bottom:12px;
}
@media screen and (min-width:480px) {
	.date-location {
		font-size:21px;
	}
}
@media screen and (min-width:750px) {
	.date-location {
		font-size:26px;
		line-height:1.2;
	}
}
.date-meta .l-inline {
	margin-right:25px;
	margin-bottom:19px;
}
.date-meta .l-inline:last-child {
	margin-right:0;
}
.live header {
	color:#389b83;
}
.radio header {
	color:#ff8051;
}
.talk header {
	color:#90cbc9;
}
.dj header {
	color:#da7296;
}
.date-content {
	display:none;
}
.date-content p {
	margin-bottom:19px;
}

/* $SLIDER */
.js-books-slider {
	position:relative;
}
.flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none;
}
.flex-direction-nav a {
	display:block;
	margin-top:-17px;
	width:35px;
	height:35px;
	position:absolute;
	top:50%;
	background:url(/images/sprite.png) no-repeat #f2f0ee;
	text-indent:-999em;
}
.flex-direction-nav .flex-prev {
	left:0;
	background-position:0 -260px;
}
.flex-direction-nav .flex-next {
	right:0;
	background-position:-40px -260px;
}

/* $LOADERS */
.loader,.splash-screen,.splash-image {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.loader {
	background:url(/images/ajax-loader.gif) center center no-repeat #f2f0ee;
	z-index:10;
}
.splash-screen {
	background-color:#f2f0ee;
	z-index:20;
	cursor:pointer;
}
.splash-image {
	position:static;
	display:none;
	background:url(/images/splash.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-align:center;
}
/*
.splash-image:before,
.splash-image:after {
    content:'';
    display:inline-block;
    vertical-align:middle;
}
.splash-image:before {
    height:100%;
}
.splash-image:after {
    background:url(/images/splash-text.png) no-repeat;
    max-width:100%;
    width:393px;
    height:518px;
}
*/
.splash-image:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
}
.splash-image img {
	max-width:90%;
}

/* $SOUNDCLOUD PLAYER */
.sc-artwork-list,
.sc-info,
.sc-scrubber,
.sc-info-toggle,
.sc-trackslist {
	display:none;
}
.sc-player.playing .sc-play {
	display:none;
}
.sc-player.playing .sc-pause {
	display:inline-block !important;
	visibility:visible;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
.text-input,
textarea {
	background-color:#f2f0ee;
	line-height:30px;
	border:none;
	padding:0 7px;
	margin:0;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior:url(/css/boxsizing.htc);
	font:500 15px/30px Dosis;
}
.competition-form .text-input,
.competition-form textarea {
	background-color: #fff;
}
textarea {
	height:153px;
	line-height:1.5;
	padding:4px 7px;
}
.form-fields,
.check-list {
	list-style:none;
	margin:0;
}
.form-fields > li {
	margin-bottom:12px;
	position:relative;
}
.form-fields > li:last-child {
	margin-bottom:0;
}
.check-label,
.check-list label,
.check-list .label {
	display:inline-block;
}
label,
.label {
	display:block;
	position:absolute;
	top:0;
	left:7px;
	font:500 15px/30px Dosis;
	text-transform:uppercase;
}
.additional {
	display:block;
	font-weight:normal;
}

.form-text {
	font:16px/1.333 brandon-grotesque;
	width:66.6666%;
	max-width:270px;
}
.form-wrapper form .g {
	float:none;
	display:inline-block;
	vertical-align:bottom;
}

#js-contact-form {
	margin-top:25px;
}

.publicity-grid dl {
	display:none;
}
.msg {
	color: #127b12;
}
.error {
	color: #bf2222;
}

.terms {
	font-size: 12px;
	margin-bottom: 25px;
}
.terms-title {
	font-weight: bold;
}
.terms-title,
.terms p {
	margin-bottom: 12px;
}

/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:600px) {
	.article-grid h2 {
		font:20px/25px "brandon-grotesque";
	}
}

@media only screen and (min-width:601px) and (max-width:830px) {
	.lap-one-quarter { width:25%; }
	.lap-one-half { width:50%; }
	.lap-three-quarters { width:75%; }

	.page-ebtg .page-header {
		margin-bottom:45px;
	}
}

@media only screen and (min-width:830px) {
	.article-grid #infscr-loading {
		display: none !important;
	}
	#js-contact-form {
		margin-top:0;
	}
	.desk-one-quarter { width:25%; }
	.desk-two-fifths { width:40%; }
	.desk-one-half { width:50%; }
	.desk-three-fifths { width:60%; }
	.desk-two-thirds { width:66.66%; }
	.desk-one-whole { width:100%; }

	.desk-push-one-twentieth { left:5%; }
	.desk-push-one-tenth { left:10%; }

	.desk-hidden {
		display:none !important;
		visibility:hidden;
	}

	.desk-show.hidden {
		display:block !important;
		visibility:visible;
	}

	.logo {
		width:120px;
	}

	/* Display elements hidden on small screens */
	.nav-primary,
	.nav-social-icons {
		display:block;
	}

	.s-mobile-nav,
	.nav-container {
		display:none;
	}

	.page-books .nav-icons,
	.page-publicity .nav-icons {
		top:90px;
	}
	.article-grid {
		margin-right:-30px;
	}
	.article-grid > li {
		float:left;
		margin-bottom:5px;
		padding-right:5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		*behaviour:url(/css/boxsizing.htc);
	}
	.article-grid > li img {
		max-width:none;
		margin-left:0;
	}
	.article-grid .grid,
	.article-grid .g {
		display:block;
	}
	.article-grid a {
		display:block;
		position:relative;
	}
	.article-grid h2,
	.article-grid ul,
	.article-grid img {
		-webkit-transition:opacity 300ms linear;
		-moz-transition:opacity 300ms linear;
		-ms-transition:opacity 300ms linear;
		-o-transition:opacity 300ms linear;
		transition:opacity 300ms linear;
	}
	.article-grid h2,
	.article-grid ul {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		font-size:0;
		text-align:center;
		opacity:0;
		max-width:none;
	}
	.article-grid ul {
		text-align:left;
		width:auto;
		right:5px;
		-webkit-transform:translateZ(0);
		-moz-transform:translateZ(0);
		-o-transform:translateZ(0);
		transform:translateZ(0);
	}
	.article-grid h2:before,
	.article-grid ul:before {
		content:'';
		display:inline-block;
		vertical-align:middle;
		height:100%;
	}
	.article-grid ul:before {
		display:none;
	}
	.article-grid h2 span,
	.article-grid ul li {
		display:inline-block;
		vertical-align:middle;
		font:25px/30px "brandon-grotesque";
		text-transform:uppercase;
		max-width:80%;
	}
	.article-grid a:hover img,
	.article-grid a:focus img,
	.article-grid a:active img {
		opacity:0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
		filter:alpha(opacity=10);
	}
	.article-grid a:hover h2,
	.article-grid a:focus h2,
	.article-grid a:active h2,
	.article-grid li:hover ul {
		opacity:1;
	}

	.publicity-grid ul {
		background-color:rgba(0,23,24,.6);
	}
	.publicity-grid .grid {
		background-color:transparent;
	}
	.publicity-grid dl {
		display:block;
		position:absolute;
		bottom:20px;
		left:20px;
		opacity:0;
		-webkit-transition:opacity 300ms linear;
		-moz-transition:opacity 300ms linear;
		-ms-transition:opacity 300ms linear;
		-o-transition:opacity 300ms linear;
		transition:opacity 300ms linear;
		color:#fff;
		font-family:Miso;
	}
	.publicity-grid dt,
	.publicity-grid dd {
		float:left;
	}
	.publicity-grid dt {
		font-family:"Miso-bold";
		margin-right:10px;
		width:70px;
	}
	.publicity-grid dd {
		margin-left:0;
		display:inline-block;

	}
	.publicity-grid dl .public {
		font-family:"Miso-bold";
	}
	.publicity-grid li:hover dl {
		opacity:1;
	}

	.article-list {
		padding:0 5%;
		/* padding:0 25px; */
	}
	.article-list .grid {
		margin-right:-45px;
	}
	.article-list .g {
		padding-right:45px;
	}
	.article-title,
	.article-meta {
		margin-left:-30px;
		padding-left:30px;
	}
	.article-content {
		padding-right:20px;
	}

	.page-ebtg article.container {
		margin-top:30px;
		padding-top:46px;
	}

	.date-title time {
		display:inline-block;
		margin-right:30px;
	}

	.page-header {
		padding-bottom:6px;
	}
}

@media screen and (max-width: 960px) {
	.nav-primary li,
	.nav-primary .nav li {
		margin-left: 15px;
	}
}

@media screen and (max-width: 870px) {
	.nav-primary li,
	.nav-primary .nav li {
		margin-left: 10px;
	}
}

@media screen and (max-width: 500px) {
	.article-grid h2 {
		max-width: none;
		padding-right: 25px;
	}
}


@media screen and (max-width: 400px) {
	.container,
	.books .container,
	.dates-list {
		padding: 0 15px;
	}

	.article-grid h2 {
		font-size: 16px;
		line-height: 22px;
	}
}

/*------------------------------------*\
    $HELPER CLASSES
\*------------------------------------*/
.fl { float:left; }

.fr { float:right; }

.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }

/* - Clearfixes - */
.cf:before,.cf:after,
.grid:before,.grid:after,
.media:before,.media:after,
.media-body:before,.media-body:after,
.article-grid a:before,.article-grid a:after { content:""; display:table; }
.cf:after,
.grid:after,
.media:after,
.media-body:after,
.article-grid a:after { clear:both; }
.cf,
.grid,
.media,
.media-body,
.article-grid a { *zoom:1; }


/*------------------------------------*\
    $ISOTOPE STUFF
\*------------------------------------*/
.isotope-item {
	z-index:2;
}

.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
}

.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
}

.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property:  -ms-transform, opacity;
	-o-transition-property:   -o-transform, opacity;
	transition-property:      transform, opacity;
}


/*------------------------------------*\
    $FANCYBOX STUFF
\*------------------------------------*/
.fancybox {
	position:relative;
	display:inline-block;
}
.fancybox:before,
.fancybox:after {
	content:'';
	position:absolute;
	opacity:0;
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-ms-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms;
}
.fancybox:before {
	background-color:rgba(35,31,32,0.9);
	width:100%;
	height:100%;
}
.fancybox:after {
	background:url(/images/sprite.png) -1px -180px #f2f0ee;
	display:block;
	width:56px;
	height:46px;
	margin-left:-40px;
	margin-top:-38px;
	top:50%;
	left:50%;
	border:12px solid #f2f0ee;
	border-top-width:16px;
	border-bottom-width:16px;
}
.fancybox:hover:before,
.fancybox:hover:after {
	opacity:1;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding:0;
	margin:0;
	border:0;
	outline:none;
	vertical-align:top;
}

.fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:8020;
}

.fancybox-skin {
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.fancybox-opened {
	z-index:8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position:relative;
}

.fancybox-inner {
	overflow:hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling:touch;
}

.fancybox-error {
	color:#444;
	font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin:0;
	padding:15px;
	white-space:nowrap;
}

.fancybox-image, .fancybox-iframe {
	display:block;
	width:100%;
	height:100%;
}

.fancybox-image {
	max-width:100%;
	max-height:100%;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url('/images/sprite.png');
}

#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;
	cursor:pointer;
	z-index:8060;
}

#fancybox-loading div {
	width:31px;
	height:31px;
	background:url('/images/ajax-loader.gif') center center no-repeat;
}

.fancybox-close {
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:34px;
	cursor:pointer;
	background-color:#f2f0ee;
	background-position:-38px -83px;
	z-index:8040;
}

.fancybox-nav {
	position:absolute;
	top:0;
	width:35px;
	height:100%;
	cursor:pointer;
	text-decoration:none;
	background:transparent url('/images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:8040;
}

.fancybox-prev {
	right:100%;
}

.fancybox-next {
	left:100%;
}

.fancybox-nav span {
	position:absolute;
	top:50%;
	width:17px;
	height:20px;
	margin-top:-10px;
	cursor:pointer;
	z-index:8040;
}

.fancybox-prev span {
	left:0;
	background-position:0 -90px;
}

.fancybox-next span {
	right:0;
	background-position:-20px -90px;
}

.fancybox-tmp {
	position:absolute;
	top:-99999px;
	left:-99999px;
	max-width:99999px;
	max-height:99999px;
	overflow:visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow:hidden !important;
	width:auto;
}

.fancybox-lock body {
	overflow:hidden !important;
}

.fancybox-lock-test {
	overflow-y:hidden !important;
}

.fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background-color:rgba(35,31,32,0.9);
}

.fancybox-overlay-fixed {
	position:fixed;
	bottom:0;
	right:0;
}

.fancybox-lock .fancybox-overlay {
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
}

/* Title helper */

.fancybox-title {
	visibility:hidden;
	font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050;
}

.fancybox-opened .fancybox-title {
	visibility:visible;
}

.fancybox-title-float-wrap {
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
	text-align:center;
}

.fancybox-title-float-wrap .child {
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent; /* Fallback for web browsers that doesn't support RGBa */
	background:rgba(0, 0, 0, 0.8);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	white-space:nowrap;
}

.fancybox-title-outside-wrap {
	position:relative;
	margin-top:10px;
	color:#fff;
}

.fancybox-title-inside-wrap {
	padding-top:10px;
}

.fancybox-title-over-wrap {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0, 0, 0, .8);
}

.newer-btn {
	background-color: #231f20;
	color: #f2f0ee;
	border: none;
	font-family: brandon-grotesque;
	font-size:14px;
	padding: 3px 8px;
}
.newer-btn:before {
	content: "";
	border: 4px solid transparent;
	border-bottom-color: #f2f0ee;
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: -2px;
}
.newer-btn:hover {
	opacity:0.8;
}


/*------------------------------------*\
    $MODAL
\*------------------------------------*/

.modal {
	position: fixed;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,.75);
	-webkit-transition: opacity 600ms, visibility 0s 600ms;
	transition: opacity 600ms, visibility 0s 600ms;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.modal-slow {
	-webkit-transition: opacity 1s, visibility 0s 1s;
	transition: opacity 1s, visibility 0s 1s;
}

.modal.is-active {
	opacity: 1;
	visibility: visible;
	overflow: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.modal::before {
	content: "";
	vertical-align: middle;
	line-height: 100%;
	height: 100%;
	display: inline-block;
	margin-left: -0.65em;
}

.modal-body {
	position: relative;
	background-color: #fff;
	display: inline-block;
	max-width: 500px;
	vertical-align: middle;
	padding: 20px 20px 0;
	text-align: left;
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
	margin: 20px;
}

.modal.is-active > .modal-body {
	transform: none;
}

.modal-body-spotify {
	box-sizing: border-box;
	width: 300px;
	max-width: -webkit-calc(100% - 40px);
	max-width: calc(100% - 40px);
	padding-bottom: 15px;
}

.modal-title {
	padding-right: 40px;
	line-height: 40px;
}

.modal-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	position: absolute;
	color: #231f20;
	-webkit-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}

.modal-close::before {
	content: "\00D7";
	position: absolute;
	font-family: 'brandon-grotesque';
	top: 50%;
	left: 50%;
	margin-top: 1px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 60px;
}

.modal-close:focus {
	outline: none;
}

.modal-close:hover,
.modal-close:focus,
.modal-close:active {
	background-color: #231f20;
	color: #fff;
}

label.no-absolute {
	position: static;
}

.filters {
	position: relative;
}

.filters-toggle {
	transition: background-color 300ms, color 300ms;
	-webkit-transition: background-color 300ms, color 300ms;
	padding: 2px 27px 2px 7px;
	margin-left: -7px;
	position: relative;
}

.filters-toggle:after {
	content: ' ›';
	font-family: courier;
	font-size: 18px;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translate(50%, calc(-50%)) rotate(90deg);
	transition: transform 300ms;
	-webkit-transition: -webkit-transform 300ms;
}

.filters-toggle.is-active {
	background-color: #231f20;
	color: #f2f0ee;
}

.filters-toggle.is-active:after {
	transform: translate(50%, calc(-50% - 1px)) rotate(-90deg);
}

.filters-selected:before {
	content: '› ';
	font-family: courier;
	font-size: 18px;
	margin-left: 4px;
	/*margin-right: 2px;*/
	position: relative;
	top: -2px;
}

.filters-list {
	position: absolute;
	list-style: none;
	top: 100%;
	min-width: calc(100% - 15px);
	left: 15px;
	background-color: #231f20;
	margin-left: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 300ms, visibility 0s 300ms;
	-webkit-transition: opacity 300ms, visibility 0s 300ms;
}
	.filters-list.is-active {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
	}

.filters-list a {
	color: #f2f0ee;
	display: block;
	white-space: nowrap;
	padding: 2px 7px;
}

.filters-list .active a {
	text-decoration: underline;
}