@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

:root {
  --bs-primary: #510981;
  --bs-primary-rgb: 81, 9, 129;
  --bs-link-color: #510981;
  --bs-link-color-rgb: 81, 9, 129;
  --bs-link-hover-color: #870fd7;
  --bs-link-hover-color-rgb: 135, 15, 215;
}

/* explicit overrides for Bootstrap 5.0.x which doesn't use CSS vars for utilities */
.bg-primary {
  background-color: #510981 !important;
}
.nav-pills .nav-link.active {
  background: linear-gradient(45deg, #a10693 20%, #820577 80%) !important;
  border-radius: .5rem !important;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #3d3d3d;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

iframe {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.eframe {
  overflow: hidden;
  height: 100vh;
  width: 100%;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.tooltip-inner {
  background-color: #a10693;
}
.bs-tooltip-top .tooltip-arrow::before    { border-top-color:    #a10693; }
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #a10693; }
.bs-tooltip-start .tooltip-arrow::before  { border-left-color:   #a10693; }
.bs-tooltip-end .tooltip-arrow::before    { border-right-color:  #a10693; }

.ersocial {
  display: block;
  text-align: center;
}
.ersocial a {
  color: #6D6E70 !important;
}
.ersocial a:hover {
  color: #BCBEC0 !important;
}