body::before {
  display: block;
  content: '';
  height: 60px;
}

#map {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .news-input {
    width: 50%;
  }
}


body {
  color: #332f2c;
}

:root {
  --bs-dark-custom: #332f2c; 
}

.bg-dark {
  background-color: #332f2c !important;
}

.navbar.bg-dark,
section#learn-advanced.bg-dark,
section#instructors.bg-dark,
footer.bg-dark {
  background-color: var(--bs-dark-custom) !important;
}

.btn-primary {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #e0a800; 
  border-color: #d39e00; 
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); 
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #d39e00; 
  border-color: #c69500;
}

 .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #ffc107; 
    border-color: #ffc107;
    opacity: 0.65; 
 }



.navbar-dark .navbar-nav .nav-link {
  color: #ffc107; 
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}

 .navbar-dark .navbar-nav .nav-link.active {
    color: #fff; 
 }

 .btn-dark:hover {
  color: #fff;
  background-color: #504b46; 
  border-color: #45413c; 
}


a.btn.btn-light:hover,
a.btn.btn-light:focus { 
  color: #000; 
  background-color: #e2e6ea; 
  border-color: #dae0e5; 
  box-shadow: none; 
}


a.btn.btn-light:active,
a.btn.btn-light.active {
  color: #000;
  background-color: #dae0e5; 
  border-color: #d3d9df;
}

.scroll-top-btn {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1050;
  cursor: pointer;
  opacity: 0;      
  visibility: hidden; 
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; 

  color: #ffc107; 
}

.scroll-top-btn.show {
  display: block; 
  opacity: 1;
  visibility: visible;
}


.scroll-top-btn i {
  font-size: 2.5rem; 
  vertical-align: middle;
}


.scroll-top-btn:hover {
  color: #d4a003; 
}