:root {
  --color-bg-main: #0a2ba4;
  --text-color: #ffffff;
  --font-footer: museo-sans-rounded, sans-serif;
  --footer-ul-li: rgba(255, 255, 255, 0.7);
  --font-timer: "Open sans";
  --btn-primary-bg-color: #FF008C;
  --btn-primary-border-color: #FF008C;
  --btn-primary-hover-focus-bg: #FF4DA6;
  --btn-primary-hover-focus-border: #FF4DA6;
  --search-placeholder: rgba(255, 255, 255, 0.62);
}

/* body {
    background: var(--color-bg-main);
    background-color: var(--color-bg-main);
} */

h1,
h2,
h3,
h4 {
  font-family: var(--font-main);
}

footer {
    color: var(--text-color);
}

.crp-footer-widget-title {
    font-family: var(--font-footer)
}

.crp-footer-widget-menu ul li a {
    color: var(--footer-ul-li);
}

.crp-footer-widget-menu ul li a:hover {
    color: var(--text-color);
}

.crp-footer-social a:hover {
    background-color: var(--text-color);
}

.crp-footer-social a svg {
    color: var(--text-color);
}

.crp-copyright-text p {
    color: var(--footer-ul-li);
}

.crp-copyright-text p a {
    color: var(--text-color);
}

.btn-primary,
.open > .dropdown-toggle.btn-primary {
background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-border-color);

}

.btn-primary:hover {
    color: var(--text-color);
  background-color: var(--btn-primary-hover-focus-bg);
  border-color: var(--btn-primary-hover-focus-border);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: var(--text-color);
  background-color: var(--btn-primary-hover-focus-bg);
  border-color: var(--btn-primary-hover-focus-border);
}

.search-input {
    color: var(--text-color);
}

.search-input::placeholder {
    color: var(--search-placeholder);
}

#mi-about li a {
    border-color: var(--text-color);
}