/*
==========
Colors
==========

Pink: #d845db
Teal: #26fcfa

*/
/*
==========
Fonts
==========
*/
/* Google Font

font-family: 'PT Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*
==========
Layout
==========
*/

* {
	margin: 0;
	padding: 0;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	width: 100%;
	height: 100%;
}

p {
	font-family: 'PT Sans', sans-serif;
}

.row { margin: 0; }

.pink-bg {
	background: #d845db;
}

.teal-bg { 
	background: #26fcfa;
	margin-top: 30px;
}

#glyphArrowPink {
	background:#D845DB;
	width: 50px;
	height: 50px;
	padding: 30px 0px 0px 18px;
	font-size: 15px;
	color: #fff;
	margin-top: -35px; 
	z-index: 3; 
}

#glyphArrowTeal {
	background: #fff;
	width: 50px;
	height: 50px;
	padding: 30px 0px 0px 18px;
	font-size: 15px;
	color: #26FCFA;   
	margin-top: -35px;
}

#glyphArrowFooter {
	background: #D845DB;
	width: 50px;
	height: 50px;
	padding: 30px 0px 0px 18px;
	font-size: 15px;
	color: #fff;   
	margin-top: -35px;
}

#pink-mask {
	background: #D845DB;
	height: 35px;	
}

.footer { 
	background: #000;
}

.social-icons {
  padding: 10px 0px;
}

.copyright { 
	color: #26FCFA;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.2em; 
	padding-top: 30px; 
}
									 
#album-table { padding-top: 50px; padding-bottom: 50px; }

#teal-bg { background: #26FCFA; }


@media (min-width: 767px) { .single-padding { margin-top: 120px; } }

/*
==========
Headings & Paragraphs
==========
*/

h2.welcome {
	position: relative;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	margin-top: 5px;
	font-family: 'PT Sans', sans-serif;
	z-index: 5;
}

@media (max-width: 767px) {
h2.welcome {
	font-size: 1em;	
}
}

#welcome-banner { 
	margin-top: 90px; 
	height: 40px;
}

.sub-section-title {
	color: #fff;
	font-weight: bold;
	text-align: center;	
}

.news {
	color: #fff;	
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
}

@media (min-width: 1200px) {
.news { padding-bottom: 125px; }	
}

h4.social {
	text-align: center;
	color: #D845DB;
	/*font-family: 'PT Sans', sans-serif;	*/
	font-size: 1.6em;	
	padding: 20px 0px 20px 10px;
}

span.divider-large {
	margin-top: 50%;
	margin-left: 50%;
	height: 300px;
	width: 3px;
	background: #26FCFA;
}

.bio {
	color: #fff;
	padding-top: 20px;
	text-align: left;
	max-width: 920px;
	font-size: 1.2em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#clouds-bg {
	background: url('../../images/bg-clouds.jpg') center no-repeat;
	background-size: cover;
	padding-bottom: 75px;
	background-color: #D845DB;
}

.center-block {
  display: block;
  margin-left: auto;	
  margin-right: auto;
}

#media iframe p div, .albums h3 {	padding-bottom: 30px; }

#media h3, .albums h3, #home-news h3 {
	color: #26FCFA;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.8em;
}

.ten-hits {
	background: #000;
	border: none;	
}

.ten-hits-title {
	font-size: 1.8em;
	color: #C12F2B;	
}

.coachella { 
	background: #000;
	height: 270px; 
	border: none;
	color: #26FCFA;
	font-size: 1.3em;
	font-family: 'PT Sans', sans-serif;
	padding: 10px;
}	

@media (min-width: 400px) {
.coachella { height: 450px; }
}

@media (min-width: 1024px) {.coachella p:first-of-type { padding-top: 120px; } }

/*
==========
Links & Rollovers
==========
*/

a, .navbar-brand:hover {
   	color: #D845DB;	
	font-weight: bold;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;	
}

a:hover {
	color: #26FCFA;
	text-decoration: none;	
}

.home-link { color: #26FCFA; }
.home-link:hover { color: #fff; }

#img-rollover {
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.fb {
	display: block;
	width: 46px;
	height: 45px;	
	text-indent: -5000px;
	background: url('../../images/social/fb.png');
	text-decoration: none;
}

 .fb:hover { background: url('../../images/social/fb-roll.png'); }

.myspace {
	display: block;
	width: 84px;
	height: 55px;	
	text-indent: -5000px;
	background: url('../../images/social/myspace.png');
	text-decoration: none;
}

 .myspace:hover { background: url('../../images/social/myspace-roll.png') }

.itunes {
	display: block;
	width: 51px;
	height: 51px;	
	text-indent: -5000px;
	background: url('../../images/social/itunes.png');
	text-decoration: none;
}

 .itunes:hover { background: url('../../images/social/itunes-roll.png'); }

.google {
	display: block;
	width: 48px;
	height: 55px;	
	text-indent: -5000px;
	background: url('../../images/social/google.png');
	text-decoration: none;
}

 .google:hover { background: url('../../images/social/google-roll.png') }

.amazon {
	display: block;
	width: 59px;
	height: 55px;	
	text-indent: -5000px;
	background: url('../../images/social/amazon.png');
	text-decoration: none;
}

 .amazon:hover { background: url('../../images/social/amazon-roll.png'); }

.cdbaby {
	display: block;
	width: 197px;
	height: 65px;	
	text-indent: -5000px;
	background: url('../../images/social/cdbaby.png');
	text-decoration: none;
}

 .cdbaby:hover { background: url('../../images/social/cdbaby-roll.png') }

.imdb {
	display: block;
	width: 127px;
	height: 60px;
	text-indent: -5000px;
	background: url('../../images/social/imdb.png');
	text-decoration: none;
}
  
 .imdb:hover { background: url('../../images/social/imdb-roll.png') }

.cn {
	display: block;
	width: 150px;
	height: 74px;
	text-indent: -5000px;
	background: url('../../images/social/youtube.png') center no-repeat;
	text-decoration: none;
	opacity: .4;
}

 .cn:hover { 
	background: url('../../images/social/youtube-roll.png') center no-repeat;
	opacity: 1;}


/*
==========
Images / BGs	
==========
*/
	#hero-fix {
		margin-top: -20px;
		z-index: -100;
		background: #000;	
	}
	
	.hero-pic {
		max-height: 725px;
		margin: 0 auto;
	}
	
/*
==========
Music
==========
*/

/*Lyrics */
.btn-danger, .btn-danger:focus {
	color: #fff;
	background: #D845DB;
	border: none;
}

.btn-danger:hover {
	background: #26FCFA;	
	color: #000;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.album-buttons {
	color: #26FCFA;
	background: #000;
	max-width: 325px;
	border: 1px solid #D845DB;
}


.album-buttons:hover {
	background: #D845DB;	
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

@media (min-width: 300px) {
#album-buttons {
	max-width: 400px;	
}
}

@media (min-width: 300px) {
#chapter3-buttons {
	max-width: 400px;
}
}

.table-striped { 
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	border-top: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(0,0,0,0.4);
  color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background: rgba(0,0,0,0.7);
  color: #fff;
}

.table-hover > tbody > tr:hover {
  background-color: #000;
  color: #26FCFA;
}

.album-description {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	padding-top: 10px;
}

@media (min-width: 1024px) { .album-description { padding-left: 15px; } }

.album-description a { color: #fff; }
.album-description a:hover { color: #26FCFA; }

.modal-body, .modal-title, .btn-default { font-family: 'PT Sans', sans-serif; }

.modal-body, .modal-header { 
	background: #D845DB;
	color: #fff;	
}

.close {
	color: #fff;
}

.close:hover { color: #26FCFA; }

.modal-footer, .modal-header {
	font-family: 'PT Sans';
	font-size: 1.4em;
	background: #D845DB;
}

.modal-footer .btn-default {
	background: #D845DB;
	border-color: #fff;
	color: #fff;
}

.modal-footer .btn-default:hover { background: #26FCFA; }


/*
======
Gallery
======
*/

.fancybox-opened .fancybox-skin {
background: none;
box-shadow: none;
border-radius: none;
color: none;
text-shadow: none;	
}

.fancybox-skin { background: none; 	}

#gall { padding: 30px; }
#gall img { padding-bottom: 20px; }

/*
======
Contact
======
*/

.bio a, #contact a { color: #26FCFA; }
.bio a:hover, #contact a:hover { color: #FFFFFF; }

@media (min-width: 767px) { .contact-help:first-of-type { margin-top: 50px; } }

@media (min-width: 767px) { #contact { margin-top: 110px; margin-bottom: 120px; } }


.contact-help {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 30px;
}

#contact { 
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
}

#contact {
	padding-top: 40px;
	padding-bottom: 40px;
}
#contact-img { margin-top: 30px; }

@media (min-width: 767px) { #form { padding-top: 30px; } }

#contact .form-group input,
#contact .form-group textarea {
    padding: 20px;
	box-shadow: 1px 1px 1px 1px rgba(38,252,250,0.26);
}

#contact .form-group input.form-control {
    height: auto;
	background: #000;
	color: #D845DB;
}

#contact .form-group textarea.form-control {
	height: 250px;
	background: #000;
	color: #D845DB;
}

#contact .form-control:focus {
    border-color: #D845DB;
}

.help-block {
	color: #D845DB;	
}

.btn-submit {
	color: #26FCFA;
	background: #000;
	font-size: 1.1em;	
}

.btn-submit:hover {
	background: #26FCFA;
	color: #000;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
		
}

.img-rollover {
	opacity: 0.3;	
}

.img-rollover:hover {
	opacity: 1;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;	
}

.alert-success {
	color: #26FCFA;
	background: #000000;
}

.alert-danger {
	background: #000000;
	color: #26FCFA;	
}

ul, ol { color: #26FCFA; }

#contact .form-group textarea.form-control,
#contact .form-group input.form-control {
	font-size: 1.1em;	
}

.alert-danger {
	border-color: #26FCFA;
	background: #000000;
	color: #D845DB;	
}

/*
==========
Text Highlight Color
==========
*/
::selection {
  background: #26FCFA; 
}
::-moz-selection {
  background: #26FCFA; 
}

/*
=======
Audio Buttons
=======
*/

a.sm2_button {
 position:relative;
 display:inline-block; 
 width:18px;
 height:18px;
 text-indent:-9999px; 
 overflow:hidden; 
 vertical-align:middle;
 border-radius:2px;
 margin-top:-1px; 
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; 
 -o-transition-property: background-color; 
 -o-transition-duration: 0.15s;
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; 
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#D845DB;
 background-image:url(../../image/arrow-right-white.png);
 background-image: none, url(soundManager/image/arrow-right-white-2x.png);
 background-size: 9px 10px;
 *background-image:url(soundManager/image/arrow-right-white.gif); 
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px;
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#26FCFA;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#26FCFA;
}

/*
==========
Carousel
==========
*/

#myCarousel { margin-top: -20px; }

.carousel-caption {
  z-index: 10;
}

.carousel .item { background-color: #000; }

.carousel-inner > .item > img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}


/*
==========
Navigation
==========
*/

.nav-fade li {
   color:#000;
   padding: 3px 8px;
   display: inline-block;
   transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
}

.nav-fade li:hover {
  color: #26fcfa;
}

.navbar-default {
  background-color: #000;
  border-color: #D845DB;
  text-align: left;
}
.navbar-default .navbar-brand {
  color: #26fcfa;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #D845DB;
}
.navbar-default .navbar-text {
  color: #26fcfa;
}
.navbar-default .navbar-nav > li > a {
  color: #26fcfa;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #D845DB;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #26fcfa;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #d845db;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #D845DB;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #D845DB;
  background-color: #d845db;
}
.navbar-default .navbar-toggle {
  border-color: #d845db;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #d845db;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #26fcfa;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #26fcfa;
}
.navbar-default .navbar-link {
  color: #26fcfa;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #26fcfa;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #D845DB;
}
}

.navbar-brand {
	background: url('../../images/logoType.png');
	text-indent: 110%;
	width: 260px;
	height: 60px;
	display: block;	
	overflow: hidden;
	white-space: nowrap;
}

.navbar-brand:hover { background: url('../../images/logoRoll.png');	 }

.navbar-default { padding: 15px; }

.navbar a { font-size: 1.2em; }