/* GLOBAL STYLES
-------------------------------------------------- */

:root {
  --bg-color: white;
  --text-color: black;
  --border-color: #dee2e6;
  --nav-color: rgba(0, 0, 0, .5);
  --nav-color-hover: black;
  --nav-bg-color-hover: #eee;
  --nav-icon-color: var(--bs-blue);
  --main-color: #0d6efd;
  --main-color-hover: #0b5ed7;
  --main-color-border-hover: #0a58ca;
}

.acp-text {
  color:#212529!important
}
.acp-text-50 {
  color:rgba(0,0,0,.5)!important
}
.acp-chroma {
  background-color: #f8f9fb!important;
}

.acp-navbar .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

@media screen and (prefers-color-scheme: dark) {
  :root {
      --bg-color: black;
      --text-color: white;
      --border-color: #333;
      --nav-color: rgba(255, 255, 255, .5);
      --nav-color-hover: white;
      --nav-bg-color-hover: #333;
      --nav-icon-color: var(--bs-yellow);
      --main-color: #ffc107;
      --main-color-hover: #ffca2c;
      --main-color-border-hover: #ffcd39;
  }

  .acp-text {
    color:#f8f9fa!important
  }
  .acp-text-50 {
    color:rgba(255,255,255,.5)!important
  }
  .acp-chroma {
    background-color: #0a0c0e!important;
  }

  .acp-navbar .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  }
}

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

.acp-footer-text{
  color:var(--nav-color)!important
}
.acp-border-bottom {
  border-bottom: 1px solid var(--border-color)!important;
}
.acp-border-top {
  border-top: 1px solid var(--border-color)!important;
}

.acp-navbar {
  color: var(--nav-color)!important;
}
.acp-nav-link{
  color: var(--nav-color);
}
.acp-nav-link:focus,.acp-nav-link:hover{
  color: var(--nav-color-hover);
}
.acp-nav-link.active{
  color: var(--nav-color-hover);
}
.acp-dropdown-menu {
  background-color: var(--bg-color)!important;
}
.acp-dropdown-menu .dropdown-item{
  color: var(--text-color);
}
.acp-dropdown-menu .dropdown-item:focus,.acp-dropdown-menu .dropdown-item:hover{
  color: var(--text-color);
  background-color: var(--nav-bg-color-hover);
}
.acp-dropdown-item.disabled,.acp-dropdown-item:disabled{
  color:#888!important;
  pointer-events:none;
  background-color:transparent
}

.btn-acp {
  color: var(--bg-color);
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.btn-acp:hover {
  color: var(--bg-color);
  background-color: var(--main-color-hover);
  border-color: var(--main-color-border-hover);
}
.btn-outline-acp {
  color: var(--main-color);
  border-color: var(--main-color);
}
.btn-outline-acp:hover {
  color: var(--bg-color);
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.link-acp{
  color: var(--main-color);
}
.link-acp:focus,.link-acp:hover{
  color: var(--main-color-border-hover);
}

.publication:hover .image {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.9;
  display: block;
  backface-visibility: hidden;
}