/**//* CSS Document */
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
h5 {color: #000; font-weight: 400;}

.intro-img .intro-welcome, .intro-img-half .intro-welcome, .intro-slider .intro-welcome, .intro-slider-half .intro-welcome, .intro-video .intro-welcome {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
	font-weight: 300;
    margin: 0;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.intro-welcome-small
{
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
	font-weight: 100;
    margin: 0;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.intro-slider .intro-body {
    top: 150px;
}

	.navbar-dark,
.navbar-light {
  background-color: transparent;
  margin-bottom: 0;
  border-bottom: 0px solid #33383f;
}
	.navbar-dark-alt {
  background-color: #333;
  margin-bottom: 0;
  border-bottom: 0px solid #33383f;
}
.navbar-light.top-nav-collapse {
  background-color: rgba(0, 0, 0, 0.20);
  margin-bottom: 0;
  border-bottom: 1px solid #33383f;
}
.navbar-dark.top-nav-collapse {
     background-color: rgba(0, 0, 0, 0.80);
    border-color: #33383f;
}
  .navbar-dark.top-nav-collapse .nav li a:hover,
  .navbar-dark.top-nav-collapse .nav li a:focus,
  .navbar-dark.top-nav-collapse .nav li a:active {
    color: rgba(256,256,256,0.6);
  }
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	background-color: #333;
	color: #fff;
}
.navbar-light > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	background-color: #333;
	color: #fff;
}
.navbar-fixed-top > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	background-color: transparent;
	color: #fff;
}
.btn-bandcamp {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transitino: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 37px;
}
.btn-bandcamp:hover,
.btn-bandcamp:focus {
  outline: none;
  color: #f4f5f7;
  background-color: #1D9E74;
}
.btn-soundcloud {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transitino: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 37px;
}
.btn-soundcloud:hover,
.btn-soundcloud:focus {
  outline: none;
  color: #f4f5f7;
  background-color: #FF6704;
}

.event a{
	font-weight:500;
	text-decoration:underline;
}
	
.event-box {
    padding: 25px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
    margin-bottom: 6px;
	font-size:14px;
	color: #000;
	
	
}

.event-box .author{
    color:#000;
    font-weight: 700;
    display: block;

}
.event-title{
    font-size: 130%;
	font-weight:600;
	color:#030A69;
}
.event-date{
    font-size: 110%;
	font-weight:500;
	color: #000;
  
	
}
.event-details{
    font-size: 94%;
	text-transform:none;
	border-bottom:#39F solid thin;
	color: #000;
}
.event-box .time{
    padding: 6px 12px;
    display: inline-block;
    color:#fff;
    background-color: #bfb153;
}
.event-box p{
    font-size: 13px;
}

.event-gallery{
    padding: 80px 0;
    background-color: #eee;
}
/* a {color: #733baa;}  */

.caldate
{
float: left;
height: 52px;
width: 52px;
background: url(../../assets/img/date.png) no-repeat;
margin-right: 10px;
padding-top: 0px;
line-height: normal;
}
.caldate .calmonth
{
display: block;
text-align: center;
color: #FFF;
font-size: 11px;
padding-top: 4px;
text-transform: uppercase;
}
.caldate .calday
{
display: block;
text-align: center;
padding-top: 5px;
color: #222;
font-size: 18px;
font-weight: bold;
	
}
.meta
{
display: block;
font-size: 11px;
color: #666;
}

.bg-primary-lighter {
  background: #e5e7f0 !important;
  color: #666 !important;
}
.bg-primary-lighter2 {
  background: #dadce5 !important;
  color: #666 !important;
}
.bg-stagelights {
  /*background: #e5e7f0 !important;*/
  color: #666 !important;
	background-image: url(../img/bg-stagelights_2.jpg); 
}
.bg-skipjames {
  /*background: #e5e7f0 !important;*/
  color: #371C00 !important;
	background-image: url(../img/bg-skipjames.jpg); 
}
.bg-audio {
  /*background: #e5e7f0 !important;*/
  color: #371C00 !important;
	background-image: url("../img/bg-audio.jpg"); 
}
.bg-stagelights-blue {
  /*background: #e5e7f0 !important;*/
  color: #666 !important;
	background-image: url(../img/bg-stagelights_2.jpg); 
}
.bio p{  font-size: 15px; font-weight:200}
.nav > li > a {
    position: relative;
    display: block;
    padding: 8px 8px;
        padding-top: 8px;
        padding-bottom: 8px;
}

.navbar-dark .nav li a:hover, .navbar-light .nav li a:hover, .navbar-dark .nav li a:focus, .navbar-light .nav li a:focus, .navbar-dark .nav li a:active, .navbar-light .nav li a:active {
    /*color: rgba(256,256,256,0.6);*/
	color:#f9e104;
    outline: none;
    background-color: transparent;
}
.navbar-dark .nav li a:hover {background: rgba(000,000,000,0.35);border-top-left-radius: 5px;border-top-right-radius: 5px;} 
/*override - provide shading for sami's lighter background photo*/

.navbar-dark .nav li a, .navbar-light .nav li a {
    color: #666;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
@media (max-width: 768px) {
	.navbar-collapse {  background-color: rgba(212,175,55, 0.70); color: #CCC } 
 .navbar-dark .nav li , .navbar-light .nav li a:hover, .navbar-dark .nav li a:focus, .navbar-light .nav li a:focus, .navbar-dark .nav li a:active, .navbar-light .nav li a:active {
    color: #000;
    outline: none;
    background-color: transparent;
}
.navbar-dark .nav li a, .navbar-light .nav li a {
    color: #ccc;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
}	


.primaryBlue {color:#439AD5;}
.songsBlue {color:#439AD5;}
.musiciansBlack {color:#000;}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(102, 102, 164, 0.20);  /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
	padding: 5px 10px 5px 10px; /* Some padding */
    border-radius: 5px; /* Rounded corners */
}

#myBtn:hover {
    background-color: rgba(102, 102, 164, 0.70); /* Add a dark-grey background on hover */
}
.intro-img .brand-heading, .intro-img-half .brand-heading, .intro-slider .brand-heading, .intro-slider-half .brand-heading, .intro-video .brand-heading {
 /*   text-shadow: 0 0 15px rgba(0, 0, 0, 0.0);*/
	text-shadow: #000 3px 0px 0px,   #a516c9 0px 0px 0px,   #a516c9 0px 0px 0px;
    text-transform: none;
}
.brand-heading { font-family: 'Style Script', cursive; text-transform: none; text-shadow: 2px 2px 0px rgba(0,0,0,0.4); }




.navbar-dark .nav li a, .navbar-light .nav li a {
    color: white; /* Controls text color in menu at rest. */
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
	
}
.navbar-dark .nav li a:hover .navbar-light .nav li a {
    color: black; /* Controls text color in menu at rest. */
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
	background-color: rgba(102, 102, 164, 0.70);
}
.panel-body {color: #666;}


element {

}
.panel-default > .panel-heading {

    color: #fff;
    background-color: #A68D68;
    border-color: #A68D68;  

}
.panel-group .panel-heading {
    border-bottom: 1;
	border-top: 1;
        border-bottom-color: currentcolor;
}
	
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
	background-color: #f4f5f7; 
	padding-bottom: 15px;
	padding: 10px;
	
}
.card-text {font-size: 14px; text-align: left; padding: 8px;}
.card-title {color:#4D4D4D; font-weight:300; }
/* On mouse-over, add a deeper shadow */
.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-press {
    background-color: #FFFFFF; 
	padding-bottom: 15px;	
}
.photolist:img {border-top: 1; padding-bottom: 10px; border-bottom-color: currentcolor; }
.video-item {padding-bottom: 20px; }

.btn-spotify {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transitino: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 37px;
}
.btn-spotify:hover,
.btn-spotify:focus {
  outline: none;
  color: #f4f5f7;
  background-color: #1DD760;
}
div.announcement { 
                /*setting alpha = 0.3*/ 
                background: rgba(102, 102, 164, 0.3); 
				padding:8px
            }
.campaign-section { 
                background: rgba(229,229,237,0.30); 
				padding:10px;
}
.white-text {color: #fff;}	
.white-text a:hover{color: #F1080C;}

.campaign-font {
    margin: 0 0 30px;
    font-size: 18px;
	font-weight:100;
    line-height: 1.6;
  }	
/* =============================================================
SERVICES SECTION STYLES
============================================================ */

.services-wrapper {
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background-color:  #444343;
	background-color: rgba(27,27,27, 0.7);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: thin solid #a9a9aa;
}

.services-wrapper:hover {
background-color: rgba(000, 000, 000, 0.2);
}

.services h3 {
font-family: 'Oswald', sans-serif;
	
}
.services p {color: #A0A0A0;}
.services-wrapper i {
margin: 5px;
/*color: rgb(40, 141, 203); */
	color: #fff;
/*font-size: 60px;*/
}




.reviews-wrapper {
padding: 30px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 40px;
background-color: rgba(000, 000, 000, 0.07);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.darknavbg { 
                background: #000; 
				margin:0px;
}
.aside-overlay {background-color: rgba(000, 000, 000, 0.2);} 
.aside-overlay-subpage{
background-color: transparent;
  /*background-color: none; */ /*rgba(40, 141, 203, 0.8); */  /*67, 154, 213*/ 
}
.aside-overlay-subpage {
  padding-top: 70px;
	padding-bottom: 20px;
}
.aside-overlay-uuquipleu{
  background-color: rgba(145, 23, 47, 0.8);   /*67, 154, 213*/ 
}
.aside-overlay-uuquipleu {
  padding-top: 50px;
}

.bio h2, h3, h4{color:#333} 
.thumbnails h2, h3, h4, h5{color:#fff} 
.bands {padding-top: 20px;}
.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}

.black-text {color: black}

.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #0078FF;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #5FAAFF;
}

.quote-card.purple-card {
  background: #39224A;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(165, 22, 201, 0.12), 0 2px 4px rgba(165, 22, 201, 0.24);
}
.quote-card.purple-card:before, .quote-card.purple-card:after {
  color: rgba(255, 255, 255, 0.40);
}

.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.black-card {
  background: #000;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F65665 ;
}

.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}
.about {color: #AC8A54;}
.about h4{color: #fff;}
.about a{color: #ddd;}
.darkfont {color: #000}

.bg-primary {color:#AC8A56  !important;	 }

.bg-dark {
  background: #262A30 !important;
  color: #f4f5f7 !important;
}
.bg-darker {
  background: #181A1E !important;
  color: #f4f5f7 !important;
}
.bg-darker-trans {
  /*background: #181A1E;*/
	  background-color: rgba(24, 26, 30, .70)!important;
  color: #f4f5f7 !important;
}
.bg-darker-trans80 {
  /*background: #181A1E;*/
	  background-color: rgba(24, 26, 30, .88)!important;
  color: #f4f5f7 !important;
}
.bg-stagelights {background-color: rgba(57, 126, 173, 1.60);
	background-image: url("../img/bg-calendar.jpg");
}
.padtop30 {margin-top: 30px;}
.quote_larger {font-size: 22px}
@media (min-width: 768px) {
  .intro-slider .carousel-caption,
  .intro-slider-half .carousel-caption {
    width: auto;
    right: 0;
    left: 0;
    top: 80;
    bottom: 0;
  }
  .intro-slider .carousel h4,
  .intro-slider-half .carousel h4 {
    font-size: 26px;
  }
  .intro-slider .carousel-caption,
  .intro-slider-half .carousel-caption {
    width: auto;
  }
}
.fontblack{	color:#000;}
.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}
.gray-text {color: #999}
.gray-text a {color: #999}
.gray-text a:hover {color: #B90F12}
.dark-gray-text {color: #333}
.dark-gray-text a {color: #333}
.dark-gray-text p {color: #333}
.dark-gray-text a:hover {color: #B90F12}

.discography a {color:#A0DEF3 }
.discography a:hover {color:#84e0ff }

.litelink a {color:#ebf2a4 }
.litelink a:hover {color:#84e0ff }

.discography-background{
background-image: url('../../assets/img/lap-2132bw.jpg');
	/*background: #1F2023;*/
	background-size: cover;
		background-repeat: no-repeat;
  background-attachment: fixed;
}


.career-background{
background-image: url('../../assets/img/ssbi-1398.jpg');
	/*background: #1F2023;*/
	background-size: cover;	
	background-repeat: no-repeat;
  background-attachment: fixed;
}
.cd-background{

background: #1F2023;
	background-size: cover;	
}

.cd-wrapper {width:250px;}

.cd-listing-wrapper {
padding: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;

}
.btn-purchase {
  color: #f4f5f7;
  background-color: #b52040;
  border-color: #333;
}
.btn-purchase:hover,
.btn-purchase:focus,
.btn-purchase:active,
.btn-purchase.active,
.open .dropdown-toggle.btn-purchase {
  color: #f4f5f7;
  background-color: #b52040;
  border-color: #b52040;
}
.btn-purchase:active,
.btn-purchase.active,
.open .dropdown-toggle.btn-purchase {
  background-image: none;
}
.btn-purchase.disabled,
.btn-purchase[disabled],
fieldset[disabled] .btn-purchase,
.btn-purchase.disabled:hover,
.btn-purchase[disabled]:hover,
fieldset[disabled] .btn-purchase:hover,
.btn-purchase.disabled:focus,
.btn-purchase[disabled]:focus,
fieldset[disabled] .btn-purchase:focus,
.btn-purchase.disabled:active,
.btn-purchase[disabled]:active,
fieldset[disabled] .btn-purchase:active,
.btn-purchase.disabled.active,
.btn-purchase[disabled].active,
fieldset[disabled] .btn-purchase.active {
  background-color: #e74c3c;
  border-color: #e43725;
}
.btn-purchase .badge {
  color: #e74c3c;
  background-color: #f4f5f7;
}

/*Horizontal line overrides*/

hr.primary,
hr.light,
hr.dark {
  max-width: 400px;
  margin: 25px auto;
  border-bottom: none;
}
hr.primary {
  border-top: 1px solid #806091;
}
hr.light {
  border-top: 1px solid #f4f5f7;
}
hr.dark {
  border-top: 1px solid #3e444d;
}
hr.primary-small,
hr.light-small,
hr.dark-small {
 /* max-width: 50px;*/
  margin: 15px auto;
}
hr.primary-small {
  border-top: 1px solid #806091;   /*6666a4*/
}
hr.light-small {
  border-top: 1px solid #f4f5f7;
}
hr.dark-small {
  border-top: 1px solid #3e444d;
}




.contact-1 form .floating-label-form-group .form-control, .contact-1.bg-lighter form .floating-label-form-group .form-control, .contact-2 form .floating-label-form-group .form-control, .contact-2.bg-lighter form .floating-label-form-group .form-control, .contact-1.bg-parallax-light form .floating-label-form-group .form-control, .contact-2.bg-parallax-light form .floating-label-form-group .form-control {
    color: #E2DCDC;
}
blockquote {background: #F0F0F0; font-size: 90%; border: thin solid #333}
.nopaddingtop {margin-top: -30px}

.education-block {padding: 10px; background: rgba(000,000,000,0.10);border-radius: 5px;font-size: 15px} 
.education-block p {font-size: 16px} 
.bold-text {font-weight: 500}
.dark-text {color: #984C00}
.fa-tiktok {
  color: #111111;
  
  filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}