html {
  border: none !important;
  scrollbar-color: #ebaa35 #f1f1f1;
  scrollbar-width: thin;
}

html, body {
  overflow-x: hidden;
}

body {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.choices .choices__list.choices__list--single,
.choices .choices__list.choices__list--single:focus {
  background-image: linear-gradient(0deg, #ebaa35 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}

.input-group.input-group-outline.is-filled .form-label + .form-control, .input-group.input-group-outline.is-focused .form-label + .form-control {
  border-color: #ebaa35 !important;
  border-top-color: transparent !important;
  box-shadow: inset 1px 0 #ebaa35, inset -1px 0 #ebaa35, inset 0 -1px #ebaa35;
}

.input-group.input-group-outline.is-filled .form-label, .input-group.input-group-outline.is-focused .form-label {
  color: #ebaa35;
}

.input-group.input-group-outline.is-filled .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-focused .form-label:before {
  border-top-color: #ebaa35;
  box-shadow: inset 0 1px #ebaa35;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ebaa35;
  --bs-btn-border-color: #ebaa35;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fc9d26;
  --bs-btn-hover-border-color: #fb981a;
  --bs-btn-focus-shadow-rgb: 213, 119, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fca333;
  --bs-btn-active-border-color: #fc9d26;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fb8c00;
  --bs-btn-disabled-border-color: #fb8c00;
}

.btn-outline-warning {
  --bs-btn-color: #ebaa35;
  --bs-btn-border-color: #ebaa35;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fb8c00;
  --bs-btn-hover-border-color: #fb8c00;
  --bs-btn-focus-shadow-rgb: 251, 140, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fb8c00;
  --bs-btn-active-border-color: #fb8c00;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fb8c00;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.error ~ .invalid-feedback, .error ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #ebaa35;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffb839;
}

a:hover {
  color: #ffb839 !important;
}

.btn-warning:hover {
  background-color: #ffb839;
  border-color: #ffb839;
  color: #fff !important;
}

.btn.bg-gradient-warning:hover {
  color: #fff !important;
}

.text-warning {
  color: #ebaa35 !important;
}

.bg-gradient-warning {
  background-image: linear-gradient(195deg, #ffa726, #ebaa35);
}

.badge.bg-warning {
  background: #ebaa35;
}

.bg-warning {
  background: #ebaa35 !important;
}

.dropdown .dropdown-menu:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.floating-callback-btn {
  position: fixed;
  z-index: 10;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 50%;
  border: none;
  padding: 0;
}
.floating-callback-btn:active {
  transform: translateY(-50%) !important;
}

.floating-callback-menu a {
  position: fixed;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 9;
  transition: top 0.3s ease;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: #fff;
}
.floating-callback-menu.active a:first-child {
  top: calc(50% - 180px);
}
.floating-callback-menu.active a:nth-child(2) {
  top: calc(50% - 120px);
}
.floating-callback-menu.active a:last-child {
  top: calc(50% - 60px);
}

.nav.nav-pills {
  background-image: linear-gradient(195deg, #42424a, #191919);
}

.nav.nav-pills .nav-link {
  color: #fff;
}

.nav.nav-pills .nav-link:hover:not(.active) {
  color: #fff;
}

.moving-tab .nav-link.active {
  background: #ebaa35;
  color: #ebaa35;
  box-shadow: 0 1px 5px 1px #ebaa35;
}

.main-header-logo {
  padding: 0;
}
.main-header-logo img {
  width: 72px;
  -webkit-animation: animatedLogo 6s infinite;
          animation: animatedLogo 6s infinite;
}

.footer-logo img {
  width: 72px;
}

.list-none {
  list-style: none;
}

@-webkit-keyframes animatedLogo {
  70% {
    transform: rotateY(0);
  }
  85% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(0);
  }
}

@keyframes animatedLogo {
  70% {
    transform: rotateY(0);
  }
  85% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
.team-info p {
  margin-bottom: 4px;
}

.breadcrumbs-inline .breadcrumb {
  display: inline-flex;
}

.video-iframe-thumb {
  position: relative;
}
.video-iframe-thumb iframe {
  width: 100%;
  height: 210px;
  border-radius: 0.5rem;
}
.video-iframe-thumb .modal-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}

.timeline-title {
  position: relative;
}
.timeline-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-1.5rem - 6px);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #ebaa35;
  border-radius: 50%;
}

.team-tab img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.team-tab:hover img, .team-tab.active img {
  filter: grayscale(0);
}

.image-modal-content {
  background: transparent;
  border: none;
}
.image-modal-content img {
  max-height: calc(100vh - 60px);
  -o-object-fit: contain;
     object-fit: contain;
}

#image-modal .btn-close {
  position: absolute;
  right: 10px;
  top: 15px;
  color: #fff;
  font-size: 30px;
  z-index: 9;
}

.video-modal-content {
  height: calc(100vh - 60px);
}
.video-modal-content iframe {
  width: 100%;
  height: 100%;
}

.list-group-item.active.nav-item {
  background: none;
}
.list-group-item.active.nav-item a {
  background-color: var(--bs-dropdown-link-hover-bg);
}

.nav-item.active a {
  color: #ebaa35;
}

.content p {
  position: relative;
}
.content a {
  text-decoration: underline;
}
.content a[title=ext] {
  color: #045577;
  position: absolute;
  top: 0;
  left: 120%;
  font-size: 14px;
  white-space: nowrap;
}

.nav-pills .nav-link.active:hover {
  color: #fff !important;
}

.spacebase-logo {
  position: relative;
  max-width: 160px;
  display: block;
  margin-bottom: 16px;
}
.spacebase-logo .letters {
  width: 100%;
  display: block;
}
.spacebase-logo .singleLogo {
  position: absolute;
  display: block;
  width: 14%;
  right: 37.7%;
  top: 5px;
  z-index: 9;
  transition: transform 1s ease;
}
.spacebase-logo:hover .singleLogo {
  transform: rotate(-45deg);
}
@media (min-width: 992px) {
  .spacebase-logo {
    margin-top: -48px;
  }
}

@media (max-width: 1250px) {
  .navbar .nav-link, .navbar .navbar-brand {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .main-header-logo img {
    width: 60px;
  }

  .content a[title=ext] {
    position: static;
    display: block;
    margin-top: 10px;
  }

  .navbar-dropdown-arrow {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .navbar-dropdown-arrow i {
    margin: 0 !important;
  }

  .navbar-nav .dropdown .nav-link {
    position: relative;
  }

  .navbar.navbar-expand-lg .nav-item .dropdown-menu {
    width: 100%;
    overflow: hidden !important;
  }
  .navbar.navbar-expand-lg .nav-item .dropdown-menu .nav-item.list-group-item {
    background-color: transparent !important;
  }
  .navbar.navbar-expand-lg .nav-item .dropdown-menu a span {
    white-space: initial;
    font-size: 12px;
  }
}