@import url('https://fonts.bunny.net/css?family=inter:400,500,600|space-grotesk:500,700&display=swap');
:root{--rs-bg:#110824;--rs-surface:#1d1240;--rs-surface2:#26185a;--rs-purple:#9b6bff;--rs-purple-light:#c4a8ff;--rs-green:#8fe03a;--rs-text:#f3efff;--rs-muted:#b6abd9;--rs-line:rgba(180,140,255,.2)}
html,body{background-color:var(--rs-bg)!important;color:var(--rs-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
body{background-image:radial-gradient(60rem 40rem at 10% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(45rem 30rem at 95% 0%,rgba(126,211,33,.08),transparent 60%)!important;background-attachment:fixed!important}
h1,h2,h3,h4,.infoTitle{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-.01em}
a{color:var(--rs-purple-light)} a:hover,a:focus{color:var(--rs-green)}
.navbar,.navbar-default,#mainNavBar{background:rgba(17,8,36,.88)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:0!important;border-bottom:1px solid var(--rs-line)!important}
#sideBarContainer,#sidebar,.sidebar{background:#150b2e!important;border-right:1px solid var(--rs-line)!important}
.panel,.panel-default,.well,.list-group-item,.modal-content,.dropdown-menu,.popover,.webui-popover{background:var(--rs-surface)!important;border-color:var(--rs-line)!important;color:var(--rs-text)!important;border-radius:14px}
.panel-heading{background:var(--rs-surface2)!important;border-color:var(--rs-line)!important;color:#fff!important}
.dropdown-menu>li>a{color:var(--rs-text)!important} .dropdown-menu>li>a:hover{background:rgba(143,224,58,.12)!important;color:var(--rs-green)!important}
.btn{border-radius:999px!important}
.btn-primary{background:var(--rs-purple)!important;border-color:var(--rs-purple)!important;color:#fff!important;box-shadow:0 6px 20px -8px rgba(155,107,255,.7)}
.btn-primary:hover,.btn-primary:focus{background:#8656f5!important;border-color:#8656f5!important}
.btn-success{background:var(--rs-green)!important;border-color:var(--rs-green)!important;color:#110824!important}
.btn-default{background:rgba(255,255,255,.05)!important;border-color:var(--rs-line)!important;color:var(--rs-text)!important}
.btn-default:hover{border-color:var(--rs-green)!important;color:var(--rs-green)!important}
.label-success,.badge-success{background:var(--rs-green)!important;color:#110824!important}
.label-default,.badge{background:var(--rs-surface2)!important;color:var(--rs-text)!important}
.progress{background:rgba(255,255,255,.08)!important} .progress-bar,.progress-bar-danger{background:var(--rs-green)!important}
.form-control,input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{background:#140a2e!important;border-color:var(--rs-line)!important;color:var(--rs-text)!important;border-radius:10px!important}
.form-control:focus{border-color:var(--rs-green)!important;box-shadow:0 0 0 3px rgba(143,224,58,.2)!important}
.tile,.poster,.thumbsImage img,.img-responsive.thumbsJPG{border-radius:14px!important}
.tile{transition:box-shadow .25s,transform .25s}
.tile:hover{box-shadow:0 0 0 2px var(--rs-green),0 18px 40px -12px rgba(143,224,58,.45)!important}
.alert-warning{background:rgba(155,107,255,.12)!important;border:1px solid rgba(155,107,255,.35)!important;color:var(--rs-text)!important;border-radius:14px}
.alert-warning h4,.alert-warning strong{color:var(--rs-green)!important}
footer,#mainFooter,.footer{background:#0d061c!important;border-top:1px solid var(--rs-line)!important;color:var(--rs-muted)!important}
::selection{background:rgba(143,224,58,.35);color:#fff}
html{scrollbar-color:#6d3fd6 #110824}

/* side menu: consistent buttons */
#sideBarContainer .btn,#sidebar .btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--rs-line)!important;color:var(--rs-text)!important;box-shadow:none!important}
#sideBarContainer .btn:hover,#sidebar .btn:hover{border-color:var(--rs-green)!important;color:var(--rs-green)!important;background:rgba(143,224,58,.08)!important}
#sideBarContainer .btn.active,#sideBarContainer li.active .btn,#sideBarContainer .btn-primary:first-child{background:var(--rs-purple)!important;border-color:var(--rs-purple)!important;color:#fff!important}
/* side menu headings */
#sideBarContainer h4,#sideBarContainer .nav-header,#sideBarContainer strong,#sideBarContainer .text-danger,#sidebar h4{color:var(--rs-green)!important;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}
#sideBarContainer a{color:var(--rs-text)!important} #sideBarContainer a:hover{color:var(--rs-green)!important}

/* subscribe button in brand green */
.subscribeButton,.btn.subscribeButton,[class*="subscribe"] .btn-danger,.btn-danger.subs{background:var(--rs-green)!important;border-color:var(--rs-green)!important;color:#110824!important}
.subscribeButton .badge,[class*="subscribe"] .badge{background:#110824!important;color:var(--rs-green)!important}

/* subscribe button (red button containing <b class="text">) in brand green */
.btn-danger:has(> b.text),.btn-danger:has(> .text){background:var(--rs-green)!important;border-color:var(--rs-green)!important;color:#110824!important}
.btn-danger:has(> b.text) .badge,.btn-danger:has(> .text) .badge,.btn-danger:has(> b.text) b,.btn-danger:has(> b.text) i{color:#110824!important}
.btn-danger:has(> b.text) .badge{background:#110824!important;color:var(--rs-green)!important}

/* homepage Play button in brand green */
.btn-danger:has(.fa-play),.btn-danger:has(> .fas.fa-play){background:var(--rs-green)!important;border-color:var(--rs-green)!important;color:#110824!important}
.btn-danger:has(.fa-play) i{color:#110824!important}




/* bigger logo: crop the 250x70 letterbox to the round badge */
img[src*="videos/userPhoto/logo.png"]{
  width:72px!important;height:72px!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:center!important;
  position:relative;top:10px;z-index:1000;
  filter:drop-shadow(0 4px 14px rgba(155,107,255,.6));transition:transform .2s;
}
img[src*="videos/userPhoto/logo.png"]:hover{transform:scale(1.06)}
.navbar-brand,.navbar,#mainNavBar{overflow:visible!important}
@media (max-width:767px){img[src*="videos/userPhoto/logo.png"]{width:54px!important;height:54px!important;top:6px}}

/* search bar: always visible */
.navbar input[type=search],.navbar input[name=search],.navbar input[type=text],.navbar .form-control,#searchForm input,#searchNavItem input{
  border:1px solid rgba(143,224,58,.55)!important;background:#1d1240!important;color:var(--rs-text)!important;
}
.navbar input[type=search]::placeholder,.navbar .form-control::placeholder{color:var(--rs-muted)!important;opacity:1}
.navbar input[type=search]:focus,.navbar input[name=search]:focus,.navbar input[type=text]:focus,.navbar .form-control:focus,#searchForm input:focus{
  border-color:var(--rs-green)!important;box-shadow:0 0 0 3px rgba(143,224,58,.25)!important;
}
#searchForm .btn,.navbar form .btn,.navbar .input-group-btn .btn,.navbar .input-group-addon{border:1px solid rgba(143,224,58,.55)!important}