/* global styling */
body {
  background-color: #f2f2f2;
}
hr {
  border-top: 1px solid #c1c1c1;
}

/* packed filter button styling*/
#packed-filter-btns {
  margin-bottom: 15px;
}
#packed-filter-btn-false.active {
  background-color: #d9534f;
}
#packed-filter-btn-true.active {
  background-color: #5cb85c;
}
#packed-filter-btn-false:hover {
  background-color: #e7908e;
}
#packed-filter-btn-true:hover {
  background-color: #91cf91;
}

/* item container styling */
.item-container {
  margin-bottom: 5px;
  padding-bottom: 3px;
  background-color: #fff;
  border: 1px solid #919191;
  border-radius: 6px;
}
.item-name {
  margin-bottom: 3px;
}
.item-description {
  margin-bottom: 0px;
  color: #919191;
  font-style: italic;
}
.item-edit-form {
  padding: 10px;
}

/* item packed icon styling */
.flaticon-pack {
  font-size: 16px;
  cursor: pointer;
  margin-right: 4px;
}
.item-packed-true {
  color: #5cb85c;
}
.item-packed-true:hover {
  color: #e7908e;
}
.item-packed-false {
  color: #d9534f;
}
.item-packed-false:hover {
  color: #91cf91;
}
@media (max-width: 768px) {
  .flaticon-pack {
    font-size: 24px;
    margin-right: 12px;
  }
}

/* item edit and delete icon styling */
.item-edit-icon {
  font-size: 17px;
  cursor: pointer;
}
.item-delete-icon {
  font-size: 20px;
  cursor: pointer;
  margin-left: 4px;
}
.item-edit-icon,
.item-delete-icon {
  color: #ddd;
}
.item-edit-icon:hover {
  color: #2e6da4;
}
.item-delete-icon:hover {
  color: #d9534f;
}
@media (max-width: 768px) {
  .item-edit-icon {
    font-size: 25px;
  }
  .item-delete-icon {
    font-size: 30px;
    margin-left: 12px;
  }
}


/* other icon styling */
.flaticon-climbing,
.flaticon-hiking,
.flaticon-backpacking,
.flaticon-mountaineering {
  font-size: 18px;
  cursor: pointer;
}

/* mobile input styling */
@media (max-width: 768px) {
  .form-control {
    font-size: 16px;
  }
}