@import url('https://fonts.cdnfonts.com/css/ubuntu-title');

:root {
  --color-hover: #3c7ead;
  --color-primary-light-1: #4793cc;
  --color-primary: #4793cc;
  --fonts-override: 'Ubuntu-Title';
}

#navbar .active {
  background: var(--color-hover) !important;
  /* background: #d46ba3; */
}

#navbar {
  /* background: linear-gradient(45deg,#d46ba3,#d4885c 29%,#d4b25d 66%,#d46ba3); */
}

#profile-avatar, .user.profile > .ui > .ui > .ui > .ui.card > .image {
  background: none;
}

#profile-avatar img, .user.profile > .ui > .ui > .ui > .ui.card > .image img {
  border-radius: 100% 100% 100% 0;
}

.board {
  flex-wrap: wrap;
}

.board-column {
  margin-bottom: 1rem !important;
  margin-left: .5rem !important;
  margin-right: .5rem !important;
  width: calc(25% - 1rem);
}

@media screen and (max-width: 992px) {
  .board-column {
    width: calc(33% - 1rem) !important;
  }
}

@media screen and (max-width: 640px) {
  .board-column {
    width: calc(50% - 1rem) !important;
  }
}

@media screen and (max-width: 420px) {
  .board-column {
    width: calc(100% - 1rem) !important;
  }
}

.action-view-right {
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}