@charset "utf-8";


/* Active bg 
---------------------------------------------------------------------------------------------*/
::selection{
     background: #5f4092;
	 color: #EEEEEE;
}
::-moz-selection{
     background: #5f4092;
	 color: #EEEEEE;
}
.button, #submit, input[type="submit"],.wrap .wpdevbk .btn,.gig_date:after,.btn-primary  {
     background: #5f4092;
}

.post.sticky,blockquote,.comment-list li ul .comment-body{
	border-color: #5f4092;
	background-color: rgb(95,64,146);
	background-color: rgba(95,64,146,0.2);
}

.comment-body{
	border-color: #5f4092;
}

.share {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.5);
    border-left: 2px solid #5f4092;
}

.unik-accordion h5.active{
	background-color: rgb(95,64,146);
	background-color: rgba(95,64,146,0.3)
}
.shows .view:hover,.sm-border:hover,.block-title{
	border-color: rgb(95,64,146);
	border-color: rgba(95,64,146,0.5);
}

.hover-border-wrap:hover .hover-border {
	box-shadow: inset 0 0 0 3px rgb(95,64,146) ;
	box-shadow: inset 0 0 0 3px rgba(95,64,146,0.8) ;
}

.tparrows:hover:before{
	color: #5f4092;
}

.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	background-color: rgb(95,64,146) !important;
	background-color: rgba(95,64,146,0.6) !important;
}

.datepick-inline .date2approve a, .date2approve{
     color: #5f4092 !important;
 }
 
/* Active color 
---------------------------------------------------------------------------------------------*/

.button, #submit, input[type="submit"],.wrap .wpdevbk .btn,.gig_date,#reservation-toggle,.unik-accordion h5.active{
     color: #EEEEEE;
}

/* Link 
---------------------------------------------------------------------------------------------*/
 
a,.unik-accordion h5,.site-footer .wpdevbk a{
     color: #DDDDDD;
}

a:active, a:hover,.view .info a:hover, #back-to-top:hover,.effect-2 .info i:hover,.site-footer .wpdevbk a:hover{
     color: #EEEEEE;
}
div.jp-play-bar{
	background: rgb(238,238,238);
	background: rgba(238,238,238,0.85);
}

/* Header
---------------------------------------------------------------------------------------------*/
header.main-top:after{
	background-color: #1a1a21;
} 

header.main-top{
	border-bottom: 2px solid rgb(26,26,33) ;
	border-bottom: 2px solid rgba(26,26,33,0.5) ;
}


/* Content color
---------------------------------------------------------------------------------------------*/
.secondary-title, body, a.gig_link, a.gig_link:hover{
	color: #CCCCCC;
}

hr,tr{
	border-color: rgb(204,204,204);
	border-color: rgba(204,204,204,0.5);
}

.page-title{
	border-bottom: 1px solid rgb(204,204,204);
	border-bottom: 1px solid rgba(204,204,204,0.5);
}

.unik-accordion h5,.entry-header .date,.thumbnail,.pagination > a, .pagination > span, .pagination > li > a, .pagination > li > span{
	border: 1px solid rgb(204,204,204);
	border: 1px solid rgba(204,204,204,0.5);
}

.thumbnail {
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.3);
}

article.post,.comment-list > li {
	border-bottom-color: rgb(204,204,204);
	border-bottom-color: rgba(204,204,204,0.5);
}

select{
	border-color: rgb(204,204,204);
	border-color: rgba(204,204,204,0.5);
}	

/* Body
---------------------------------------------------------------------------------------------*/
body{
	background: none ; 
	font-family: Oxygen;
	font-size: 15px;
	font-weight: 400;
		background-image: url("http://orquestayande.com/wp-content/uploads/2014/12/bg02.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
	background-attachment:fixed;
	}


/* Headings
---------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #EEEEEE ; 
	font-family: Oxygen;
	font-weight: 400;
}

h1,.h1{
	font-size: 40px;
}

h2,.h2{
	font-size: 26px;
}

h3,.h3{
	font-size: 24px;
}

h4,.h4{
	font-size: 18px;
}

h5,.h5{
	font-size: 14px;
}

h6,.h6{
	font-size: 12px;
}


.wpdevbk label, .wpdevbk input, .wpdevbk button, .wpdevbk select, .wpdevbk textarea{
	font-family: Oxygen;
}

/* Content bg
---------------------------------------------------------------------------------------------*/

#reservation-widget,.jp-playlist {
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0, 0.82);
	 border-radius: 4px 4px 0 0;
	 -webkit-box-shadow: 0 0 0 2px rgb(0,0,0);
	box-shadow: 0 0 0 2px rgb(0,0,0);
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
}

.bg-block-1:after,.comment-body:after {
	background: #000000;
	opacity: 0.82;
}

.bg-block-1:after,.gig_img img{
	-webkit-box-shadow: 0 0 0 2px rgb(0,0,0);
	box-shadow: 0 0 0 2px rgb(0,0,0);	
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
}


.shows .view,.promo-bg,.sm-border{
	border:2px solid rgb(0,0,0);
}


/* MENU
---------------------------------------------------------------------------------------------*/
.menu{
	color: #DDDDDD ; 
	font-family: Oxygen;
	font-size: 14px;
	font-weight: 400;
}

#menu > li > a {
	color: #DDDDDD;
}

.sf-menu ul:before, #menu li li a:before {
	background: #666666;
}
.sf-menu ul {
	-webkit-box-shadow: 0px -1px 0px #5f4092;
	box-shadow: 0px -1px 0px #5f4092;
}

#menu li a:hover, #menu li.sfHover > a, #menu [class*="current-"] > a,#menu li:hover:after, #menu [class*="current-"]:after{
     color: #FFFFFF;
}
#menu > .back{
	background-color: #FFFFFF;
}

#menu li li a:hover, #menu li li.current-menu-item > a {
	 background-color: #333333;
}


/* EXTRAS
---------------------------------------------------------------------------------------------*/

#ajax-loader {
     background: rgb(0,0,0);
     background: rgba(0,0,0,0.5);
}

.pattern_overlay{
	background: url(http://orquestayande.com/wp-content/uploads/2015/02/bg03.jpg) repeat top left;}

.button:hover, #submit:hover,.wrap .wpdevbk .btn:hover,#reservation-toggle:before,.btn-primary:hover,.btn-primary:focus{
     color: #EEEEEE;
     background-color: #FFFFFF;
}


/* Form
---------------------------------------------------------------------------------------------*/
.form-control, textarea, input[type=text], input[type=email], input[type=number], input[type=url],input[type="text"], input[type="number"],input[type="url"],input[type="password"],input[type="email"],select,.comment-author{
	background-color: #1a1a21 !important;
}

.form-control, textarea, input[type=text], input[type=email], input[type=number], input[type=url],input[type="text"], input[type="number"],input[type="url"],input[type="password"],input[type="email"],select,.comment-author{
	color: #CCCCCC;
}

.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder,.form-control::-moz-placeholder,textarea::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=url]::-moz-placeholder,.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder {
   color: #CCCCCC;
}



/* FOOTER
---------------------------------------------------------------------------------------------*/
footer .jplayer {
	color: #fff;
}

/* WIDGETS
---------------------------------------------------------------------------------------------*/

.tagcloud a {
     background-color: #666666;
	 color: #ffffff;
}

.tagcloud a:hover {
     background-color: #dddddd;
	 color: #333333;
}

.tooltip.top .tooltip-arrow{
	border-top-color: #333;
}

.tooltip-inner {
	color: #fff;
	background-color: #333;
}
/* Other
---------------------------------------------------------------------------------------------*/

/* BLOG
---------------------------------------------------------------------------------------------*/
.copyright{
	font-size: 12px;
}

.form-control{
	background-color: #1a1a21 ;
}

/* FOOTER 
---------------------------------------------------------------------------------------------*/
footer.site-footer {
	background: #000000;
	color:  #FFFFFF;
}

div.jp-seek-bar{
	box-shadow: rgb(0,0,0) 0 -2px 0px;
	background: rgb(70,70,70);
	box-shadow: rgba(0,0,0,0.5) 0 -2px 0px;
	background: rgba(70,70,70,0.6);
}

footer .social{
	color:  #FFFFFF;
}


@media only screen and (max-width: 768px){
		
	header.main-top .selectnav option{
		color: #fff;
		background-color: #000;
	}
}