/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.navbar {
    background: linear-gradient(-33deg, rgba(255, 255, 255, 0) 25%, rgb(240, 171, 12) 76%), url(../../images/bgplayerlg.svg) !important;
    background-size: cover;
}

[dir="rtl"] .navbar {
  
  background: linear-gradient(-33deg, rgba(255, 255, 255, 0) 25%, rgb(240, 171, 12) 76%), url(../../images/bgplayerlg.svg) !important;
    background-size: cover;
}

.navbar .navbar-brand,
.navbar .navbar-nav .nav-link {
  color: #fff !important;
}

.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link:hover {
  color: rgb(216.75, 216.75, 216.75) !important;
}

.yellow-gradient {
  
  background: linear-gradient(33deg, rgb(255, 255, 255) 25%, rgb(240, 171, 12) 76%);
}

[dir="rtl"] .yellow-gradient {
  
  background: linear-gradient(-33deg, rgb(255, 255, 255) 25%, rgb(240, 171, 12) 76%);
}

.navbar > .container,
.navbar .container,
.navbar .bg-white {
  background-color: transparent !important;
  background: none !important;
}

.navbar .navbar-nav .nav-item a.nav-link {
  color: var(--bs-gray-900) !important;
}

.brand-logo-image {
  height: 4.5rem;
}

.navbar .navbar-nav .nav-item a.nav-link:hover, .navbar .navbar-nav .nav-item a.nav-link:focus, .navbar .navbar-nav .nav-item a.nav-link:active {
  color: #581212 !important;
}

.navbar .navbar-nav .nav-item a.nav-link.is-active:after {
  content: "";
  position: absolute;
  left: 30%;
  right: 30%;
  height: 1px;
  bottom: 0;
  background-color: #fff;
}

.btn-primary {
  background-color: #02090e !important;
  border-color: #02090e !important;
  color: #fff !important;
  border-radius: .375rem !important;
}

.btn-primary:hover {
  background-color: #2980b9 !important;
  border-color: #1f618d !important;
  color: #fff !important;
}

.btn-primary.btn-sm {
  border-radius: .25rem !important;
}

.btn-primary.btn-lg {
  border-radius: .5rem !important;
}

a {
  color: #3498db !important;
}

a:hover {
  color: #2980b9 !important;
  text-decoration: none !important;
}

.btn-link {
  color: #3498db !important;
}

.btn-link:hover {
  color: #2980b9 !important;
}

footer {
  background-color: #000 !important;
  color: #ecf0f1 !important;
}

footer a {
  color: rgb(240, 171, 12) !important;
}

footer a:hover {
  color: rgb(240, 171, 12) !important;
}

footer .block,
footer .menu,
footer .region-footer {
  color: #ecf0f1 !important;
}

footer .block a,
footer .menu a,
footer .region-footer a {
  color: rgb(240, 171, 12) !important;
}

footer .block a:hover,
footer .menu a:hover,
footer .region-footer a:hover {
  color: rgb(240, 171, 12) !important;
}

.btn {
  border-radius: .375rem !important;
}

.btn.btn-sm {
  border-radius: .25rem !important;
}

.btn.btn-lg {
  border-radius: .5rem !important;
}

input[type=submit].btn-primary,
input[type=button].btn-primary,
button.btn-primary {
  background-color: #02090e !important;
  border-color: #02090e !important;
  color: #fff !important;
}

input[type=submit].btn-primary:hover,
input[type=button].btn-primary:hover,
button.btn-primary:hover {
  background-color: #2980b9 !important;
  border-color: #1f618d !important;
  color: #fff !important;
}

/* Justify content center. */

[dir=rtl] .justify-content-center.nav-pills > li + li {
  
  margin-left: inherit;
}

[dir="rtl"] [dir=rtl] .justify-content-center.nav-pills > li + li {
  margin-left: 0;
  
  margin-right: inherit;
}
 .audiofield{
direction: ltr;
}

/* Block content wrapper */
.sticky-audio-player .block__content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 15px; /* Reduced gap between logo and player */
  flex-wrap: nowrap;
  flex-direction: row-reverse; 
  /* Logo left, player right */
}