/* hide Google iframe */

/*iframe {
    position: absolute;
    color: transparent;
    visibility: hidden;
}*/

iframe#video {
	position: static;
	visibility: visible;
	color: inherit;
}

/*
 * Layout
 */

html, body {
	height: 100%;
}

body {
	/*font-family: "open-sans", Helvetica, sans-serif;
	color: #171348;
	-webkit-text-shadow: 0 0 0 rgba(0,0,0,1);
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: 0 0 0 rgba(0,0,0,1);
	filter: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}

div.wrapper {
	margin: 25px auto;
	display: block;
	text-align: center;
}
ul#disc_date {
	list-style: none;
	margin: 0;
	padding:0;
}
@media (min-width: 1200px) {
	.container {
		width: 98%;
	}
	ul#disc_date li {
		width: 48%;
		float: left;
	}
	ul#disc_date li:last-child {
		margin-left: 1%;
	}
	iframe#soundcloud {
		width: 100%;
		height: 450px;
	}
	#disc_btm_space {
		display:none;
	}
}

@media (min-width: 769px) {
	table#mobile_table {
		display: none;
	}
	ul#disc_date li {
		width: 48%;
		float: left;
	}
	ul#disc_date li:last-child {
		margin-left: 1%;
	}
	iframe#soundcloud {
		width: 100%;
		height: 450px;
	}
	#disc_btm_space {
		display:none;
	}
}

@media (max-width: 769px) {
	table#desktop_table {
		display: none;
	}
	ul#disc_date li {
		width: 100%;
	}
	iframe#soundcloud {
		width: 80%;
		height: 450px;
	}
	#disc_btm_space {
		clear:both;
		display: block;
		width: 100%;
		height: auto;
		overflow:auto;
	}
}

/*
 * Navigation
 */

 #navbar {
 	display: none;
 }

 #navbar.navbar-default ul.nav.navbar-nav li a#yt_link_2 {
 	background: url('../img/youtube-blue.svg') no-repeat center left;
 	background-size: 15px auto;
 	padding-left: 20px;
 }

 #transparent_navbar.navbar-default {
 	background-color: transparent;
 	box-shadow: none;
 	color: white;
 	position: absolute;
 	top: 0;
 	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

 #transparent_navbar.navbar-default .navbar-brand {
 	padding: 20px 30px;
 }

 #transparent_navbar.navbar-default ul.nav.navbar-nav li a {
 	padding: 0 15px;
 	line-height: 13px;
 	letter-spacing: 0.05em;
 	margin: 35px 20px;
 }

 #transparent_navbar.navbar-default ul.nav.navbar-nav li a#yt_link {
 	background: url('../img/youtube-white.svg') no-repeat center left;
 	background-size: contain;
 	padding-left: 30px;
 }

 .navbar-default {
 	background-color: white;
 	border: none;
 	position: fixed;
 	top: 0;
 	width: 100%;
 	border-radius: 0;
 	padding: 5px 0 20px 0;
 	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
 	-moz-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
 	-o-box-shadow: 5px 0 5px rgba(0,0,0,0.5);
 	box-shadow: 5px 0 5px rgba(0,0,0,0.5);
 	z-index: 9999;
 }

 .navbar-brand {
 	padding: 15px 50px;
 }

 ul.nav.navbar-nav li a {
	font-weight: bold;
	color: inherit;
	padding: 0 15px;
	vertical-align: middle;
	display: inline-block;
	margin: 20px;
	margin-bottom: 0;
	font-size: 13px;
 }

 ul.nav.navbar-nav li a.active {
 	border-radius: 20px;
 	border: 2px solid #171348;
 }

/*
 * Typography styles.
 */

 a {
 	color: inherit;
 }

 a:hover {
 	color: inherit;
 	text-decoration: underline;
 }

 h1, h2, h3, h4, h5, h6 {
 	font-weight: bold;
 	text-transform: uppercase;
 }

 h1 {
 	font-size: 24px;
 }

 h2 {
 	font-size: 16px;
 }

 h3 {
 	font-size: 13px;
 	font-weight: normal;
 	line-height: 2;
 }

 h4 {
 	font-size: 13px;
 	font-weight: bold;
 	color: #18114a;
 	margin: 0 0 2px 0;
 }

 p {
 	font-size: 13px;
 	text-transform: uppercase;
 }

 ol {
 	list-style-position: inside;
 	padding-left: 0;
 }

 ol li {
 	margin: 0 0 11px 0;
 	font-size: 13px;
 }

 ol li a {
 	background: url('../img/youtube-blue.svg') no-repeat center right;
 	padding-right: 20px;
 }
 
 
 
img.head_img {
	 display:inline-block;
	 margin:auto;
	 width: 100%;
 }
 img.interview_clip {
	 display:inline-block;
	 margin:auto;
	 width: 40%;
	 float:right;
	 padding: 6px;
 }
 img.interview_clip2 {
	 display:inline-block;
	 margin:auto;
	 width: 30%;
	 float:right;
	 padding: 6px;
 }
 
 p.interview_tex_lead {
	 font: 400 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 0em 0em 1.5em 0em;
	 padding: 0;
	 color: #000;
	 line-height: 1.6em;
 }
 p.interview_tex_lead2 {
	 font: 400 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1em 0em 2em 0em;
	 padding: 0;
	 color: #000;
	 line-height: 1.6em;
	 text-align:right;
 }
h2.interview_tex_head {
	width: 99%;
	font: 700 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #C30;
	 margin: 1em 0em 2em 0em;
	 padding: 0;
	 border-bottom: 2px solid #C30;
	
}
 p.interview_tex_lead3 {
	 font: 700 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1em 0em 2em 0em;
	 padding: 0;
	 color: #930;
	 line-height: 1.6em;
 }
 p.interview_tex_lead4 {
	 font: 700 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1em 0em 2em 0em;
	 padding: 0;
	 color: #000;
	 line-height: 1.6em;
 }
 p.interview_tex_ask {
	 font: 400 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1em 0em 2em 0em;
	 padding: 0;
	 color: #069;
	 line-height: 1.6em;
 }
 p.interview_tex_answer {
	 font: 400 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1.5em 0em 3em 0em;
	 padding: 0;
	 color: #000;
	 line-height: 1.6em;
 }
 p.interview_tex_continue {
	 font: 700 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 margin: 1.5em 0em 1.5em 0em;
	 padding: 0;
	 color: #000;
	 line-height: 1.6em;
	 text-align: right;
 }
/*
 * Helper classes to extend bootstrap
 */

 .inline {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 auto;
 	margin-right: 10px;
 	margin-bottom: 40px;
 }

 .centered {
 	text-align: center;
 	margin: 0 auto !important;
 	display: block;
 }

 .ghostly {
 	opacity: 0;
 }

/*
 * Begin section specifications, in order of appearance.
 */

section#album_cover {
	background: url('../img/cover.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

section#tracklist {
	background: url('../img/plane_schematics.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
	padding: 170px 0 50px 0;
}

section#tour_dates {
	clear:both;
	min-height: 100%;
	padding: 170px 0 125px 0;
}

section#care_kit {
	min-height: 100%;
	background: url("../img/care_kit_bg.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 170px 0 50px 0;
}

section#care_kit h3 {
	line-height: 1.2;
	letter-spacing: 0.02em;
}

footer {
	padding: 50px 0 0 0;
}

@media (min-width: 1200px) {
	footer .container {
		width: 98%;
	}
}

/*
 * End section specifications.
 */

/*
 * Button Styles
 */

a.ff_button, button.ff_button {
	text-transform: uppercase;
	border-radius: 20px;
	color: #171348 !important;
	background: transparent !important;
	border: 2px solid #171348;
	width: 161px;
	font-weight: bold;
	font-size: 13px;
	padding: 2px 6px 3px 6px;
}

a.ff_button:hover, button.ff_button:hover {
	background: #171348 !important;
	color: white !important;
	text-decoration: none;
	cursor: pointer;
}

div.wrapper ul.button-group {
	padding-left: 0;
}

div.wrapper ul.button-group li {
	display: inline-block;
}

ul.button-group a.ff_button, div.wrapper button.ff_button {
	margin: 0 95px 0 0;
	display: inline-block;
	text-align: center;
}

ul.button-group li:last-child a.ff_button, ul.button-group li:last-child button.ff_button {
	margin: 0;
}


a.ff_button, button.ff_button:focus {
	outline: none;
}

button.ff_button:first-child {
	margin-left: 0;
}

button.ff_button:last_child {
	margin-right: 0;
}

/*
 * Tables
 */

 div.table-wrapper {
 	display: inline-block;
 	background: #171149;
 	padding: 5px;
 }

 table {
 	color: white;
 	border: 5px solid #323399;
 	text-align: center;
 	text-transform: uppercase;
 	table-layout: fixed;
 	font-size: 16px;
 }

 table td {
 	min-width: 19px;
 }

 table tr {
 	height: 30px;
 }

 table thead tr {
 	background: #323399;
 	border-bottom: 2px solid #171149;
 	height: 20px;
 }

 table thead tr th {
 	font-weight: normal;
 	letter-spacing: 3px;
 	text-align: right;
 }

 table thead tr th.tickets {
 	text-align: center;
 	font-size: 10px;
 	letter-spacing: 0px;
 }

 table thead tr th.tickets_merch {
 	text-align: center;
 	font-size: 10px;
 	letter-spacing: 0px;
 }

 table tbody tr {
 	border-top: 3px solid #323399;
 	border-bottom: 3px solid #323399;
 }

 table tbody tr.sold_out td {
 	text-decoration: line-through;
 	color: #ff0000;
 }

 table tbody tr.underline_hack {
 	height: 6px;
 }

 table tbody tr td {
 	border-right: 2px solid #323399;
 }

 table tbody tr td:last-child {
 	border-right: 5px solid #323399;
 }

 table tbody tr td.solid {
 	background: #323399;
 }

 table tbody tr td.solid a {
 	background: #171149;
 	border-radius: 10px;
 	letter-spacing: 5px;
 	padding: 3px 8px 3px 14px;
 	text-align: center;
 	-webkit-transition: all ease-in 200ms;
 }

 table tbody tr td.solid a:hover {
 	background: white;
 	color: #171149;
 	text-decoration: none;
 }

 table tbody tr td.solid a.cue {
 	background: white;
 	color: #171149;
 }

 /* Correctional styles for smaller tables */

div.table_wrapper {
	width: 100%;
}

div.table-wrapper table#mobile_table {
	width: 100%;
}

 table#mobile_table {
 	font-size: 10px;
 }

 table#mobile_table thead tr th {
 	text-align: center;
 }

 table#mobile_table tbody {
 	font-size: 9px;
 }

 table#mobile_table thead tr th.tickets, table#mobile_table thead tr th.tickets_merch {
 	font-size: 8px;
 }

 table#mobile_table tbody tr td.solid a {
	background: #171149;
	border-radius: 2px;
	letter-spacing: 2px;
	padding: 4px 15%;
	text-align: left;
	-webkit-transition: all ease-in 200ms;
 }

 table#mobile_table tbody tr td.solid a:hover {
 	background-color: white;
 	color: #171149;
 }
 /*
  * End Tables
  */

a#yt_button:hover {
	cursor: pointer;
}

div#yt_player.modal-window {
	position: absolute;
	left: 50%;
	top: 125%;
	margin-left: -458px;
	margin-top: -228px;
	display: none;
	z-index: 1050;
	padding: 8px 8px 3px 8px;
	background: white;
	-webkit-box-shadow: 0 0 60px rgb(0,0,0);
	-moz-box-shadow: 0 0 60px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 60px rgba(0,0,0,0.5);
	box-shadow: 0 0 60px rgba(0,0,0,0.5);
	opacity: 0;
}

img#golden {
	position: absolute;
	left: 50%;
	width: 300px;
	margin-left: -150px; /* Roughly half its width with some correction for optical alignment */
	bottom: 100px;
}

img#down_arrows {
	position: absolute;
	left: 50%;
	width: 32px;
	margin-left: -10px; /* Roughly half its width with some correction for optical alignment */
	bottom: 50px;
}

img#care_kit_image {
	margin: 40px 0;
}

section#tracklist div#purchase_display {
	height: auto;
	display: inline-block;
	margin-left: 20px;
}

section#tracklist img.product_image {
	height: 100%;
}

div.caption h2, div.caption h3 {
	margin: 0;
	margin-bottom: 10px;
}

div.caption h3 {
	line-height: 1.2;
}

footer section.colophon {
		width: 100%;
		background-color: #161249;
		padding: 50px 0;
		color: white;
		margin-top: 50px;
}

footer p {
	font-size: 12px;
}

footer section.colophon ul.button-group li a {
	height: 22px;
	width: 30px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 15px;
}

footer section.colophon ul.button-group li a.soundcloud {
	background-image: url('../img/social/soundcloud.svg');
}

footer section.colophon ul.button-group li a.facebook {
	background-image: url('../img/social/facebook.svg');
}

footer section.colophon ul.button-group li a.twitter {
	background-image: url('../img/social/twitter.svg');
}

footer section.colophon ul.button-group li a.instagram {
	background-image: url('../img/social/instagram.svg');
}

footer section.colophon ul.button-group li a.youtube {
	background-image: url('../img/social/youtube.svg');
}

footer section.colophon ul.button-group li a.vimeo {
	background-image: url('../img/social/vimeo.svg');
}

/* Mailchimp signup form */

form#mc-embedded-subscribe-form label {
	text-transform: uppercase;
	font-size: 13px;
	color: #18114a;
	display: block;
	margin-left: 0 5px 0 2px;
}

form#mc-embedded-subscribe-form input {
	background: #eae9ef;
	border: none;
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}

form#mc-embedded-subscribe-form input[type="submit"] {
	background-color: #100343;
	text-transform: uppercase;
	color: white;
	display: inline-block;
	width: auto;
	padding: 10px 20px;
	float: right;
	line-height: 10px;
	margin: 20px 0;
}

@media (max-width:768px) {

	/* Navbar styles for tablet and mobile */

	nav.navbar.navbar-default {
		padding: 5px 0 7px 0;
	}

	#transparent_navbar.navbar-default .navbar-brand, nav.navbar.navbar-default .navbar-brand {
		padding: 8px 15px;
	}

	#transparent_navbar.navbar-default .navbar-brand img {
		height: 34px;
	}

	nav.navbar.navbar-default button.navbar-toggle {
		border-color: #171348;
	}

	nav.navbar.navbar-default#transparent_navbar button.navbar-toggle {
		border: none;
		background-color: rgba(245,245,245,0.25);
	}

	nav.navbar.navbar-default#transparent_navbar button.navbar-toggle:focus, nav.navbar.navbar-default#transparent_navbar button.navbar-toggle:hover {
		background-color: rgba(245,245,245,0.5);
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #f5f5f5;
	}

	nav.navbar.navbar-default button.navbar-toggle span {
		background-color: #171348;
	}

	nav.navbar.navbar-default#transparent_navbar button.navbar-toggle span {
		background-color: white;
	}

	nav.navbar.navbar-default div.navbar-collapse {
		width: 100%;
		text-align: center;
	}

	nav.navbar.navbar-default#transparent_navbar div.navbar-collapse {
		border: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
	}

	nav#transparent_navbar.navbar.navbar-default div.navbar-collapse ul li a {
		margin: 12px 0;
	}

	/* Styles for cover page */

	section#album_cover {
		background: url('../img/background_phones.jpg') center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}

	/* Styles for Down To Earth page */

	section#tracklist {
		padding: 100px 0 50px 0;
	}

	section#tracklist div#purchase_display {
		margin: 25px auto;
		height: auto;
	}

	section#tracklist img.product_image {
		width: 95%;
		height: auto;
		display: block;
	}

	div.wrapper {
		margin: 0px 0 0 0;
	}

	div.wrapper:nth-child(2) {
		margin-top: 20px;
	}

	div.wrapper ul.button-group {
		margin: 0;
	}

	div.wrapper ul.button-group li a, div.wrapper ul.button-group li:last-child a {
		margin: 10px 0;
	}

	div.caption h3 {
		line-height: 1.75;
	}

	/* Styles for World Tour page */

	#tour_dates .col-lg-offset-2 img {
		display: none;
	}

	table#desktop_table {
		display: none; 		
	}

	section#tour_dates {
		padding: 100px 0 50px 0;
	}

	/* Styles for Care Kit */

	section#care_kit {
		padding: 100px 0 50px 0;
	}

	section#care_kit h3 {
		line-height: 1.75;
	}

	img#care_kit_image {
		width: 95%;
		margin: 30px auto;
		display: block;
	}

	section#care_kit .inline {
		margin-bottom: 20px;
	}

	/* Footer styles */

	footer div.wrapper ul.button-group li a, div.wrapper ul.button-group li a, footer div.wrapper ul.button-group li a, div.wrapper ul.button-group li:last-child a {
		margin: 15px 5px;
	}

	/* Correctional styles */

	button.ff_button, button.ff_button:first-child {
		margin: 20px auto;
		display: block;
	}

	h3.centered {
		margin-top: 20px !important;
	}

	/* Typography */

	h1 {
		font-size: 14px;
	}

	h2 {
		font-size: 12px;
	}

 	p {
 		font-size: 10px;
 	}

	ol li {
		margin: 0 0 5px 0;
		font-size: 11px;
	}
	
	
	.caption {
		margin-left: 3em;
	}

}

@media (min-width:768px) and (max-width:1200px) {

	/* Navbar Styles */

	#transparent_navbar.navbar-default .navbar-brand, nav.navbar#navbar.navbar-default .navbar-brand {
		padding: 10px 20px;
	}

	#transparent_navbar.navbar-default .navbar-brand img, #navbar.navbar-default .navbar-brand img {
		height: 34px;
	}

	#main_navigation ul.nav.navbar-nav li a, #transparent_navbar.navbar-default ul.nav.navbar-nav li a {
		margin: 18px 0;
		font-size: 10px;
	}

	#navbar.navbar-default {
		padding: 5px 0 0px 0;
	}

	/* Down To Earth Page Styles */

	section#tracklist div#purchase_display {
		margin: 20px 0 0 0;
		padding-top: 60px;
		float: right;
		position: absolute;
		right: 0;
		bottom: -8px;
	}
	
	ul.button-group a.ff_button, div.wrapper button.ff_button {
		margin: 0 25px 0 0;
	}

	/* Tour Styles */

	section#tour_dates img.svg {
		margin-bottom: 15px;
	}
	
	p#cd_data {
		margin: -30px 0px 10px 10px;
		font: 400 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color:#000;
	}
	.col-lg-4 {
		margin-left: 10px;
	}
	.caption_cd_data {
		margin-left: 20px;
	}
	.caption_cd_data h2{
		line-height: 1.6em;
	}
	.caption_cd_data h2 a{
		color:#F30;
	}
	.caption_cd_data p{
		line-height: 1.6em;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	section#tracklist div#purchase_display {
		/*height: 290px;*/
		height: auto;
	}
}