body {
    font-family: 'Montserrat', sans-serif;
    
}

h1 {
    font-family: 'Pacifico', sans-serif;
}

h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

input[type="button"], input[type="submit"] {
    font-weight: 600;
}


header a {
    text-decoration: none;
    font-weight: bold;
}

header a:hover {
    opacity: 0.6;
}

label {
    font-weight: 600;
}

.menu-category h3 {
    font-weight: bold;
    margin: 0;
}

.menu-item p {
    color: #555;
    margin-top: 0;
}

.menu-item h5 {
    color: #333 !important;
    font-weight: bold;
}

.arrow-down {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 18px;
    right: 20px;
    transform: rotate(135deg);
    transition: 0.3s;
  }

  .arrow-rotated {
      transform: rotate(45deg) !important;
  }

  .edit-menu-tag {
      cursor: pointer;
  }

  .menu-item-name, .menu-cat-name {
      font-weight: 600;
  }

  .w3-btn {
      font-weight: 600;
  }

  .up-btn {
    padding: 0;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom: 12px solid #999;
    cursor: pointer
  }

  .up-btn:hover {
    border-bottom: 12px solid #555;
  }

  .down-btn {
    top: 40px;
    padding: 0;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #999;
    cursor: pointer
  }

  .down-btn:hover {
    border-top: 12px solid #555;
  }


/* Removes up/down arrows from number inputs */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}