@font-face {
  font-family: "Open Sans" !important;
  font-display: swap;
}

html, body, input, a, button {
  font-family: "Open Sans" !important;
}

.landing-container {
  background-color: #000000 !important;
}

.sidebar, .collapsible {
  background-color: rgb(208, 158, 25) !important;
}

.menu__item, .menu-nav {
  color: rgb(22, 24, 46) !important;
}

.social__button,
.menu-trigger,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  background-color: rgb(22, 24, 46) !important;
}

.social__button i,
.menu-trigger i,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  color: rgb(208, 158, 25) !important;
}

.footer__text, .footer__text a {
  color: rgb(22, 24, 46) !important;
}

.footer__text--mobile, .footer__text--mobile a {
  color: #000000 !important;
}

.content-links-component{
  background-color: rgba(93, 93, 93, 0.56) !important;
}

.content-links-title {
  color: rgb(255, 255, 255) !important;
}

.content-links--text {
  color: rgb(255, 255, 255) !important;
}

.text--description {
  color: rgb(255, 255, 255) !important;
}

.content-link {
  border-color: #d09e19 !important;
}

.content-link:hover {
  background-color: #d09e19 !important;
}
@media screen and (max-width: 768px) {
  .video-container {
  }
}
.text-component {
  background-color: rgba(0,0,0,0) !important;
  color: rgb(255, 255, 255) !important;
}
.text-component {
  background-color: rgba(191, 112, 4, 0.67) !important;
  color: rgb(255, 255, 255) !important;
}
.text-component {
  background-color: rgba(0,0,0,0) !important;
  color: #FFFFFF !important;
}
.text-component {
  background-color: rgba(0,0,0,0) !important;
  color: #FFFFFF !important;
}

.floating-button {
  color: #16182e !important;
  background-color: #d09e19 !important;
}