:root{--theme-primary:#8b5cf6;--theme-primary-rgb:139,92,246;}
a,.cor,.color,.colored,.fa,.navbar-default .navbar-nav>li>a:hover{color:var(--theme-primary)!important;}
.btn-primary,.btn-success,.btn-info,.btn-default:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.dropdown-menu>li>a:hover,.pagination>.active>a,.pagination>.active>span{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important;color:#fff!important;}
.progress-bar,.label-primary{background-color:var(--theme-primary)!important;}
.border-color,.line,.section-title:before,.section-title:after{border-color:var(--theme-primary)!important;}
.radiobs-card:hover,.news-card:hover,.recado-item:hover{box-shadow:0 0 28px rgba(var(--theme-primary-rgb),.28)!important;border-color:rgba(var(--theme-primary-rgb),.55)!important;}
.btn,.button,input[type=submit],button{border-radius:12px;}
/* A cor do tema NÃO altera a logo. Mantém a imagem original sem fundo, filtro ou pseudo-elemento colorido. */
.navbar-brand,.navbar-brand:hover,.navbar-brand:focus{background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
.navbar-brand:before{display:none!important;background:transparent!important;background-color:transparent!important;}
.navbar-brand img{filter:none!important;background:transparent!important;}


html,body{
  background:#050b16 url('/admin/data/img/gallery/Bg/Ingressos-para-shows-Nova-York-1920x960.jpg') center center/cover fixed no-repeat!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,23,.82),rgba(2,6,23,.92));
  z-index:-1;
}
#ajaxArea,.pageContentArea,#updates,.container-fluid{
  background:transparent!important;
}

.top5-thumb-wrap{
  display:block!important;
  position:relative!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
}
.top5-thumb-wrap .top5,
.top5{
  display:block!important;
  position:relative!important;
  width:62px!important;
  height:62px!important;
  margin:18px 0 -62px 62px!important;
  border:3px solid rgba(226,232,240,.94)!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#111827!important;
  box-shadow:0 10px 24px rgba(0,0,0,.42)!important;
}
.event-feed2{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:102px!important;
  margin:0 0 10px!important;
  padding:18px 54px 18px 145px!important;
  overflow:hidden!important;
  border:1px solid rgba(58,151,220,.22)!important;
  border-radius:6px!important;
  background:
    linear-gradient(90deg,rgba(21,35,53,.94),rgba(34,50,68,.82)),
    rgba(18,31,48,.9)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.event-feed2:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:45%!important;
  background:
    linear-gradient(90deg,rgba(31,143,217,.18),rgba(255,47,98,.08),rgba(255,255,255,0)),
    radial-gradient(circle at 20% 50%,rgba(255,255,255,.08),rgba(255,255,255,0) 62%)!important;
  pointer-events:none!important;
}
.event-feed2 h3{
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  color:#e8eef7!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
.event-feed2 h5,
.event-feed2 p{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  text-align:left!important;
  letter-spacing:0!important;
}
.event-feed2 h5{
  margin:0 0 7px!important;
  color:#f4f7fb!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:800!important;
}
.event-feed2 p{
  margin:0!important;
  color:#c8d4e4!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.event-feed2 audio{
  display:none!important;
}
.event-feed2 .aligButton{
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  left:auto!important;
  z-index:2!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.event-feed2 #pButton,
.event-feed2 #pButton1,
.event-feed2 #pButton2,
.event-feed2 #pButton3,
.event-feed2 #pButton4{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(92,170,232,.28)!important;
  border-radius:50%!important;
  background:rgba(7,17,32,.66)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28), 0 0 0 3px rgba(43,135,218,.08)!important;
}
.event-feed2 #pButton.pause,
.event-feed2 #pButton1.pause,
.event-feed2 #pButton2.pause,
.event-feed2 #pButton3.pause,
.event-feed2 #pButton4.pause,
.event-feed2 #pButton:hover,
.event-feed2 #pButton1:hover,
.event-feed2 #pButton2:hover,
.event-feed2 #pButton3:hover,
.event-feed2 #pButton4:hover{
  border-color:rgba(var(--theme-primary-rgb),.65)!important;
  background:linear-gradient(135deg,#1f8fd9,var(--theme-primary))!important;
  box-shadow:0 10px 24px rgba(var(--theme-primary-rgb),.32)!important;
}
@media (max-width:991px){
  .top5-thumb-wrap .top5,
  .top5{
    margin-left:66px!important;
  }
  .event-feed2{
    padding-left:150px!important;
  }
}
@media (max-width:420px){
  .top5-thumb-wrap .top5,
  .top5{
    width:54px!important;
    height:54px!important;
    margin:18px 0 -54px 54px!important;
  }
  .event-feed2{
    min-height:92px!important;
    padding:15px 46px 15px 122px!important;
  }
  .event-feed2 h3{
    left:18px!important;
    font-size:25px!important;
  }
  .event-feed2 h5{
    font-size:14px!important;
  }
  .event-feed2 p{
    font-size:12px!important;
  }
}

@media (max-width:767px){
  body{
    padding-top:0!important;
  }
  .ref-top-player,
  .radio-custom-top-player{
    z-index:1000000!important;
  }
  header{
    position:relative!important;
    z-index:20!important;
    margin-top:22px!important;
    margin-bottom:0!important;
  }
  header .navbar.navbar-default,
  .navbar-default{
    min-height:76px!important;
    margin-bottom:0!important;
  }
  header .navbar .container,
  .navbar-default .container{
    min-height:76px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  header .navbar-header,
  .navbar-header{
    height:76px!important;
    min-height:76px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  header .navbar-brand img,
  .navbar-brand img{
    max-height:54px!important;
  }
  header .navbar-default .navbar-toggle,
  .navbar-default .navbar-toggle{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    font-size:28px!important;
  }
  #home-slider{
    padding-top:0!important;
    margin-top:-8px!important;
  }
  #home-slider .container{
    padding-top:0!important;
    padding-bottom:0!important;
    background-image:none!important;
  }
  #home-slider .home-inner,
  .home-inner{
    padding:2px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:rgba(15,23,34,.82)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.30)!important;
  }
  .rockPlayerHolder{
    display:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  #updates{
    margin-top:-8px!important;
    padding-top:0!important;
  }
  #updates .container{
    padding-top:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #updates h1{
    margin-top:0!important;
    margin-bottom:5px!important;
  }
  #updates .row > [class*="col-"]:first-child h1:first-of-type{
    margin-top:-3px!important;
  }
}

@media (min-width:768px){
  #home-slider{
    padding-top:0!important;
    margin-top:0!important;
  }
  #home-slider .container{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  #home-slider .home-inner,
  .home-inner{
    margin-top:0!important;
    margin-bottom:12px!important;
  }
  #updates .container{
    padding-top:14px!important;
  }
}
