/* Mediacentar identity standards: primary colors (p. 13), web typography (p. 16).
   Keep vendor Bootstrap intact; load this theme after template and layout styles. */
@font-face {
  font-family: "MC Roboto";
  src: url("/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "MC Roboto";
  src: url("/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root {
  --primary: #6BC046;
  --secondary: #fff;
  --light: #f8f8f8;
  --dark: #000;
  --bs-primary: #6BC046;
  --bs-secondary: #fff;
  --bs-dark: #000;
  --bs-light: #f8f8f8;
  --bs-font-sans-serif: "MC Roboto", Arial, sans-serif;
}
body, button, input, select, textarea, .btn {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
}
body { color: #000; background-color: #fff; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
strong, b, .fw-bold, .fw-bolder, .eyebrow {
  font-family: var(--bs-font-sans-serif);
  font-weight: 900 !important;
}
.fw-normal, .navbar .navbar-nav .nav-link, .footer .btn.btn-link { font-weight: 300 !important; }
.fw-light { font-weight: 300 !important; }
a { color: #000; }
a:hover { color: #000; text-decoration: underline; }
.text-primary { color: var(--primary) !important; }
.text-dark { color: var(--dark) !important; }
.bg-primary { background-color: var(--primary) !important; }
.bg-dark { background-color: var(--dark) !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.bg-light { background-color: var(--light) !important; }
.border-primary { border-color: var(--primary) !important; }
.site-header { background-color: var(--primary); }
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color: var(--primary); }
.eyebrow { color: #000; }
.btn-primary, .btn-primary:disabled, .btn-primary.disabled {
  color: #000 !important;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #000 !important;
  background-color: #fff;
  border-color: var(--primary);
}
.btn-outline-primary { color: var(--primary); border-color: var(--primary); }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active,
.btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  color: #000 !important;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:disabled { color: var(--primary); background: transparent; }
.btn-primary:focus, .btn-outline-primary:focus, .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgb(107 192 70 / 35%);
}
.dropdown-item:hover, .dropdown-item:focus { color: #000; background-color: #f0f0f0; }
.dropdown-item.active, .dropdown-item:active { color: #000; background-color: var(--primary); }
.footer .text-white-50, .footer.text-white-50,
.footer .btn.btn-link, .footer .btn.btn-square { color: #bfbfbf !important; }
.footer .copyright a, .footer .btn.btn-link:hover { color: #fff; }
.footer .copyright a:hover, .footer .btn.btn-square:hover { color: var(--primary); }
::selection { background: var(--primary); color: #000; }

/* Header artwork and navigation over transparent and green backgrounds. */
.site-header .site-logo { filter: brightness(0) invert(1); }
.site-header .navbar .navbar-nav .nav-link { color: #fff; }
.site-header .navbar .navbar-nav .nav-link.active { color: #000; }
.has-hero .site-header:not(.is-scrolled) .navbar .navbar-nav .nav-link.active { color: #dedede; }
.has-hero .site-header.is-scrolled .navbar .navbar-nav .nav-link.active { color: #000; }
.site-header .navbar .navbar-nav .nav-link:hover,
.site-header .navbar .navbar-nav .nav-link:focus-visible { color: #000; }
.has-hero .site-header:not(.is-scrolled) .navbar .navbar-nav .nav-link:hover,
.has-hero .site-header:not(.is-scrolled) .navbar .navbar-nav .nav-link:focus-visible { color: #dedede; }
.has-hero .site-header.is-scrolled .navbar .navbar-nav .nav-link:hover,
.has-hero .site-header.is-scrolled .navbar .navbar-nav .nav-link:focus-visible { color: #000; }

/* Keep navigation links clean on hover. */
.site-header .nav-link:hover,
.footer .btn.btn-link:hover { text-decoration: none; }

.footer .btn.btn-link { text-transform: none; }

.site-header .top-bar,
.site-header .top-bar a { color: rgb(255 255 255 / 90%) !important; }
.site-header .top-bar a:hover { color: #fff !important; }