@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,800;1,800&display=swap");

:root {
  --dark: #000;
  --dark-transparency: rgba(10, 18, 31, 0.75);
  --accent-secondary: #bdaee3;
  --accent: #2ea3f2;
  --light: #f8f9fa;
}

body {
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: italic;
  font-weight: 900 !important;
  text-transform: uppercase;
  margin-bottom: 20px;
}

a.nav-link {
  color: #fff !important;
}

.bg-vertical {
  background-image: url("./images/banner_movil.jpeg");
}

#loading {
  background-image: url("./images/bg-loading.jpeg");
}

#video {
  background-image: url("./images/banner_movil.jpeg");
}

.bg-opacity {
  background-color: var(--dark-transparency) !important;
}

.btn-primary:hover {
  border-color: var(--dark);
  color: var(--dark);
}

.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
  transition: all 0.25s;
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
}

.nav-link .dropdown-toggle .collapsed {
  background-color: var(--dark);
}

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

.bg-dark {
  background-color: var(--dark) !important;
}

.bg-accent {
  background-color: var(--accent) !important;
  color: white !important;
  border-color: var(--accent);
}

.bg-accent-secondary {
  background-color: var(--accent-secondary);
}

#landing .form-control:focus {
  margin-top: 12px;
  background-color: #2b2b2b;
  color: #fff !important;
  border-color: var(--accent);
}

.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}

.btn-primary {
  background-color: var(--accent-secondary);
  text-transform: uppercase;
  border: 1px solid #000;
  box-shadow: #000;
  color: #000;
}

.text-accent {
  color: var(--accent);
}

.collapse-menu .nav-item {
  margin: 0px;
}

.name-row:focus {
  background-color: var(--light);
}

.bg-gray {
  background-color: var(--gray);
}

.black-belt {
  background-color: var(--gray);
}