.project-item-container {
  border: 0.5px solid var(--border-color) !important;
  cursor: pointer;
}

.project-item-container-inner {
  padding: 0 15px 15px 15px;
}

.project-item-title {
  font-size: .85rem !important;
  font-weight: 400;
  line-height: 1.3;
  margin: 15px 0 7px 0 !important;
}

.project-item-image {
  width: 100%;
  height: auto;
}

.project-item-description {
  font-size: .8rem !important;
  font-weight: 250;
  line-height: 1.3;
  margin: 0 0 10px 0 !important;
}

.project-item-tags a {
  display: inline-block;
  position: relative;
  margin: 0 .1rem .1rem 0;
  padding: 0 .4rem;
  border-radius: .65rem;
  color: var(--element-secondary-color) !important;
  background-color: var(--background-secondary-color) !important;
  font-size: .7rem;
  text-decoration: none;
  font-weight: 400 !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
  cursor: default;
}

.modal-title {
  font-size: 1.1rem !important;
  line-height: 1.2;
}

.modal-description {
  padding-top: 7px;
  font-size: .85rem !important;
  line-height: 1.3;
  margin-bottom: 0 !important;
}

.modal-link {
  font-size: .85rem !important;
  padding-top: 1rem !important;
}

.modal-link>a {
  padding-bottom: 1rem !important;
  display: inline-block;
}

.modal-header {
  padding: 1.25rem 1.25rem 0 1.25rem !important
}

.modal-body {
  padding: 1.25rem !important
}

.modal-body>p {
  font-size: .85rem !important
}

.modal-content {
  border-radius: 0 !important;
  /*background-color: var(--background-secondary-color) !important;*/
  background-color: white !important;
}

.modal-image-responsive {
  display: block;
  width: 95%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 !important;
}