/*
Theme Name: Beatmix Child
Theme URI: http://kopatheme.com/
Author: Kopatheme
Author URI: http://kopatheme.com/
Description: BeatMix is a clean, trendy and fully responsive WordPress theme suited for concerts, events or any kind of music websites or blogs. This super flexible and easy-to-use theme coming along with many powerful options and features is guaranteed to give your site an amazing look beyond your expectations.
Version: 1.0.4
Template: beatmix
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/

@import url("../beatmix/style.css");  
.artist-avatar {
  width: 200px;
  height: 150px;
  margin: -90px 0 0 -97px;
}
.artist-avatar, .artist-avatar img {
      border-radius: 0;
}
.single-artist .kopa-social-links {
    margin-bottom: 30px;
}
.button_buy{
  margin-bottom: 30px;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner {
    border-left: 1px solid #4f4954;
    height: auto;
    width: 885px; }
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .left-col {
    width: 600px;
    height: 50px;
    padding: 0 20px;
    border-right: 1px solid #4f4954; }
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col {
    width: 284px;
    height: 50px;
    padding: 0 20px;
    position: relative; }
#kopa-page-header #kopa-header-top #kopa-header-top-inner .header-right-bottom {
    min-height: 50px; }
#kopa-page-header #kopa-header-top #kopa-header-top-inner .header-right-bottom .left-col {
    height: auto;
    padding: 0; }
#kopa-page-header #kopa-header-top #kopa-header-top-inner .header-right-bottom .widget {
    margin-bottom: 0; }
/* Extra style by Giang */

/* Home slider */
.home-slider-box.style2 {
  	position: relative!important;
}
.home-slider-box.style2 #pager {
  	bottom: 20px;
}
@media screen and (max-width: 639px) {
  	.home-slider-box.style2 #pager {
    	bottom: 15px;
  	}
}
.home-slider-box.style2 .kopa-home-slider-carousel .carousel-item .slide-caption {
  	top: 30%;
}
.home-slider-box.style2 #prev {
  	left: 15px;
}
.home-slider-box.style2 #next {
  	right: 15px;
}
@media screen and (max-width: 1199px) {
  	.home-slider-box.style2 #prev, .home-slider-box.style2 #next {
    	margin-top: -30px;
  	}
}
@media screen and (max-width: 639px) {
  	.home-slider-box.style2 #prev, .home-slider-box.style2 #next {
    	margin-top: -15px;
  	}
}
/* Front page 3 */
.kopa-area-0 {
  	padding: 0; }
.kopa-area-0 .widget {
   	margin-bottom: 0; }
.kopa-area-rtl {
  	padding-top: 30px; }
.kopa-area-rtl .widget {
    margin-bottom: 0; }
.kopa-area-rtl .row > div {
    float: right;
    margin-bottom: 30px; }
#kopa-page-header.style1 {
  	position: relative;
  	background: url(placeholders/background/header-bg.jpg) no-repeat;
  	background-size: cover; }
#kopa-page-header.style1 .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #211c2d;
    opacity: 0.8;
    filter: Alpha(Opacity=80); }
.kopa-text-widget img {
 	width: 100%; }
.owl-add1.owl-theme .entry-item img {
  	width: 100%; }
.owl-add1.owl-theme .owl-controls .owl-pagination {
  	position: absolute;
  	bottom: 10px;
 	width: 100%;
  	margin: 0; }
.owl-add1.owl-theme .owl-controls .owl-buttons .owl-prev {
  	left: 30px; }
.owl-add1.owl-theme .owl-controls .owl-buttons .owl-next {
  	right: 30px; }
@media (max-width: 639px) {
.kopa-area-0 .row > div {
    margin-bottom: 30px; } }

.owl-carousel-1 .entry-item {
  padding: 45px 30px;
  position: relative;
}

.owl-carousel-1 .entry-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #231d30;
  opacity: 0.1;
  filter: Alpha(Opacity=10);
}

.owl-carousel-1 .entry-item .entry-thumb {
  margin-bottom: 15px;
  padding-left: 28px;
  position: relative;
}



.owl-carousel-1 .entry-item .entry-thumb > a {
  position: relative;
}

.owl-carousel-1 .entry-item .entry-content {
  position: relative;
}

.owl-carousel-1 .entry-item .entry-content .title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

.owl-carousel-1 .entry-item .entry-content .title a {
  color: #222;
}

.owl-carousel-1 .entry-item:hover:before {
  opacity: 1;
  filter: Alpha(Opacity=100);
}



.owl-carousel-1 .entry-item:hover .entry-content .title a {
  color: #fff;
}

.search-item {
  float: right;
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
}

.search-item input[type="text"] {
  float: left;
  border: 1px solid #403361;
  padding: 5px 35px 5px 10px;
}

.search-item input[type="text"]:-ms-input-placeholder {
  color: #403361;
}

.search-item input[type="text"]::-webkit-input-placeholder {
  color: #403361;
}

.search-item input[type="text"]:-moz-placeholder {
  color: #403361;
}

.search-item input[type="text"]::-moz-placeholder {
  color: #403361;
}

.search-item input[type="submit"], .search-item input[type="button"], .search-item i {
  position: absolute;
  top: 1px;
  right: 1px;
}

.search-item input[type="submit"], .search-item input[type="button"] {
  padding: 3px;
  opacity: 0;
}

.search-item i {
  background: #403361;
  color: #fff;
  padding: 8px 8px 8px 10px;
  cursor: pointer;
}

	
	/* Extra style by NMV Inc. */

#kopa-page-header.style1 .overlay {
    background-color: #333333;
}

#kopa-page-header #kopa-header-top #logo-image {
    padding: 5px 0;
}



#main-menu > li {
    font-size: 16px;
}


#main-menu > li > ul {

    top: 94px;

}

#main-menu > li.current-menu-item > a {
    color: #df6b00;
}


#main-menu > li > a::before {
    background-color: #df6b00;
}

#main-menu > li > a:hover {
    color: #df6b00;
}

#main-menu > li > a:active {
    color: #df6b00;
}

a {
    color: #df6b00;
}

.page-header {
    border-bottom: medium none;
    margin: 0 0 30px;
    padding-bottom: 0;
    position: relative;
height:150px;
}




.page-header .page-header-inner.page-header-inner-1 {
    padding: 50px 0 20px;
}

.page-header .page-header-inner {
    padding: 50px 0 20px;
}

.page-header.have-disc-icon {
    margin-bottom: 60px;
}


#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .signin-button, #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .reg-button {
display:none;
}

.kopa-featured-audio-widget {
    background: #df6b00 none repeat scroll 0 0;
}

.kopa-featured-audio-widget > .outer > .col-left::before {
    background: #df6b00 none repeat scroll 0 0;
}

.kopa-featured-audio-widget > .outer > .col-left .album-thumb {
    background: #df6b00 none repeat scroll 0 0;
}

.home-slider-box #prev, .home-slider-box #next {
    background-color: #cf6300;
}

.home-slider-box .kopa-home-slider-carousel .carousel-item .mask {
    background: rgba(0, 0, 0, 0) url("images/background/blank.png") no-repeat scroll 0 0 / cover ;
}


.elements-box {
    color: #333333;
}

.widget  .widget-title {
margin: 10px;
}

.widget  .textwidget {
color: #333333;
margin: 10px;
}

  .col-sm-5 {
    width: 40%;
  }

  .col-sm-2 {
    width: 20%;
  }

  .jp-gui .col-left {
    padding-right: 15px;
}
  
  .album-icon {
    opacity: 0.0;
    filter: Alpha(Opacity=0); 
}

#kopa-page-footer .mask {
    background-color: rgba(232, 111, 0, 0.8);
}

#footer-nav #footer-menu li a {
    color: #ffffff;
    font-weight: 400;
}

#footer-nav #footer-menu li a:hover {
    color: #000000;
    font-weight: 400;
}

.kopa-event-4-widget .widget-content .events-by-month ul li .event-item .mask {
    background-color: rgba(214, 103, 1, 0.8);
}

.kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .buy-ticket {
    color: #000000;
}

.kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-heading {
    color: #ededed;;
}

.kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-location {
    color: #ededed;;
}

.kopa-event-4-widget .widget-content .events-by-month .event-month {
    background-color: #333333;
}

.kopa-featured-audio-widget > .outer > .col-left::before {
    background: #333333 none repeat scroll 0 0;
}

.widget {
    margin-bottom: 50px;
}	

.kopa-footer .kopa-social-links ul li a {
    background: #df6b00 none repeat scroll 0 0;
}

.kopa-footer {
    border-bottom: 10px solid #df6b00;
}


#back-top a::before {

    border-top: 32px solid #333333;

}

.kopa-featured-audio-widget > .outer > .col-left::before {
    background: #333333 none repeat scroll 0 0;
}

.kopa-featured-audio-widget > .outer > .col-left {
    background: #333333 none repeat scroll 0% 0%;
}


.owl-carousel-1 .entry-item::before {
    background: #df6b00 none repeat scroll 0 0;
}

.jp-stop, .jp-previous, .jp-next, .jp-play, .kopa-countdown li {
    border: 3px solid #333333;
}

.jp-stop, .jp-previous, .jp-next, .jp-play, .kopa-countdown li:hover {
    border: 3px solid #ffffff;
}

.kopa-social-links.style2 ul li a {
    background: #df6b00 none repeat scroll 0 0;

}

.col-md-3 {
    width: 350px;
}

.col-md-9 {
    width: 700px;
}

@media (max-width: 1119px) {
	#main-content .wrapper .col-md-3.col-sm-4.col-xs-12 {
		width: 300px;
	}
}
@media (max-width: 1023px) {
	#main-content .wrapper .col-md-9.col-sm-8.col-xs-12 {
		width: 680px;
	}
	#main-content .col-md-2.col-sm-12.col-xs-12 {
		display: none;
	}
}
@media (max-width: 979px) {
	#main-content .wrapper .col-md-9.col-sm-8.col-xs-12 {
		width: 100%;
	}
	#main-content .wrapper .col-md-9.col-sm-8.col-xs-12 .home-slider-box.style2 img {
		width: 100%;
	}
	#main-content .wrapper .col-md-3.col-sm-4.col-xs-12 {
			width: 100%;
	}
}
	
div.counts.blue { display: none; }