.fa-ul {
  list-style: none !important;

  .fa {
    font-size: inherit;
  }
}

.has-text-justified {
  text-align: justify;
}

header.section {
  padding-bottom: 10px;
}

main.section {
  padding-top: 20px;
}


#navbar {
  align-items: flex-end;

  #inline-logo {
    min-width: 38.703px;
  }
  #logo-link {
    #logo {
      padding-top: 10px;
      padding-left: 10px;
      width: 100px;
    }
  }
  .nav {
    height: 100%;
    align-items: flex-end;
    .nav-item {
      transition: 0.2s;

      font-variant: small-caps;
      font-size: 1.15em;

      &:hover {
        transition: 0.2s;
      }
    }
  }
}

footer.footer {
  padding-bottom: 40px;
  .fa {
    font-size: inherit;
    text-align: inherit;
    vertical-align: inherit;
  }
}

::selection {
  color: white;
  background: rgba(255, 127, 0, 0.99);
}

.imgcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hydra-tile {
  background-color: #1E64C8;
}

.lana-tile {
  background-color: $tile-orange;
}

.project-tile {
  background-color: $turquoise;
}

#tipue_search_input {
  background: none;
  padding: 12px;
  font: inherit;
  color: inherit;

  display: flex;
  flex-direction: row;

  input {
    background: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: 0;
    margin: 0;

    color: inherit;
  }

  &::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002 ";
    color: inherit;
    padding-right: 5px;
  }
}