/* Bootstrap Buttons Custom Colors */


  /* Custom Colors */

  /* BROWN */
  .btn-light-brown {
    background-color: #dac7b6 !important;
    color: #fff  !important;
  }
  .btn-light-brown:hover {
    opacity: 0.9 !important;
  }
  .btn-medium-brown {
    background-color: #8b7961 !important;
    color: #fff !important;
  }
  .btn-medium-brown:hover {
    opacity: 0.9 !important;
  }
  .btn-dark-brown {
    background-color: #5a3d1b !important;
    color: #fff !important;
  }
  .btn-dark-brown:hover {
    opacity: 0.9 !important;
  }
  .btn-brown {
    background-color: #8e7758 !important;
    color: #fff !important;
  }
  .btn-brown:hover {
    opacity: 0.9 !important;
  }
  .btn-outline-light-brown {
    background-color: transparent !important;
    border: 1px solid #dac7b6 !important;
    color: #dac7b6 !important;
  }
  .btn-outline-light-brown:hover {
    background-color: #dac7b6 !important;
    color: #fff !important;
  }
  .btn-outline-medium-brown {
    background-color: transparent !important;
    border: 1px solid #8b7961 !important;
    color: #8b7961 !important;
  }
  .btn-outline-medium-brown:hover {
    background-color: #8b7961 !important;
    color: #fff !important;
  }
  .btn-outline-dark-brown {
    background-color: transparent !important;
    border: 1px solid #5a3d1b !important;
    color: #5a3d1b !important;
  }
  .btn-outline-dark-brown:hover {
    background-color: #5a3d1b !important;
    color: #fff !important;
  }

  /* Backgrounds */
  .bg-light-brown {
    background-color: #dac7b6 !important;
  }
  .bg-medium-brown {
    background-color: #8b7961 !important;
  }
  .bg-dark-brown {
    background-color: #5a3d1b !important;
  }
  .bg-brown {
    background-color: #8e7758 !important;
  }

  /* Text */
  .text-light-brown {
    color: #dac7b6 !important;
  }
  .text-medium-brown {
    color: #8b7961 !important;
  }
  .text-dark-brown {
    color: #5a3d1b !important;
  }
  .text-brown {
    color: #8e7758 !important;
  }

  /* OCEAN */
  .btn-light-ocean {
    background-color: #83a5ce !important;
    color: #fff !important;
  }
  .btn-light-ocean:hover {
    opacity: 0.9 !important;
  }
  .btn-ocean {
    background-color: #6883a3 !important;
    color: #fff !important;
  }
  .btn-ocean:hover {
    opacity: 0.9 !important;
  }
  .btn-dark-ocean {
    background-color: #4d6179 !important;
    color: #fff !important;
  }
  .btn-dark-ocean:hover {
    opacity: 0.9 !important;
  }
  .btn-outline-light-ocean {
    background-color: transparent !important;
    border: 1px solid #83a5ce !important;
    color: #83a5ce !important;
  }
  .btn-outline-light-ocean:hover {
    background-color: #83a5ce !important;
    color: #fff !important;
  }
  .btn-outline-ocean {
    background-color: transparent !important;
    border: 1px solid #6883a3 !important;
    color: #6883a3 !important;
  }
  .btn-outline-ocean:hover {
    background-color: #6883a3 !important;
    color: #fff !important;
  }
  .btn-outline-dark-ocean {
    background-color: transparent !important;
    border: 1px solid #4d6179 !important;
    color: #4d6179 !important;
  }
  .btn-outline-dark-ocean:hover {
    background-color: #4d6179 !important;
    color: #fff !important;
  }

  /* Backgrounds */
  .bg-light-ocean {
    background-color: #83a5ce !important;
  }
  .bg-ocean {
    background-color: #6883a3 !important;
  }
  .bg-dark-ocean {
    background-color: #4d6179 !important;
  }

  /* Text */
  .text-light-ocean {
    color: #83a5ce !important;
  }
  .text-ocean {
    color: #6883a3 !important;
  }
  .text-dark-ocean {
    color: #4d6179 !important;
  }
















  /* Neutral Styles */

/* Backgrounds */
.bg-ice-neutral {
    background-color: #EDEBE7 !important;
}
.bg-light-neutral {
    background-color: #F9F5F0 !important;
}
.bg-medium-neutral {
    background-color: #EDE5DE !important;
}
.bg-neutral {
    background-color: #D5C4B1 !important;
}
.bg-dark-neutral {
    background-color: #C19176 !important;
}

/* Text Colors */
.text-ice-neutral {
    color: #EDEBE7 !important;
}
.text-light-neutral {
    color: #F9F5F0 !important;
}
.text-medium-neutral {
    color: #EDE5DE !important;
}
.text-neutral {
    color: #D5C4B1 !important;
}
.text-dark-neutral {
    color: #C19176 !important;
}

/* Buttons */
.btn-ice-neutral {
    background-color: #EDEBE7 !important;
    color: #000 !important;
    border: 1px solid #EDEBE7 !important;
}
.btn-ice-neutral:hover {
    opacity: 0.8 !important;
}

.btn-light-neutral {
    background-color: #F9F5F0 !important;
    color: #000 !important;
    border: 1px solid #F9F5F0 !important;
}
.btn-light-neutral:hover {
    opacity: 0.8 !important;
}

.btn-medium-neutral {
    background-color: #EDE5DE !important;
    color: #000 !important;
    border: 1px solid #EDE5DE !important;
}
.btn-medium-neutral:hover {
    opacity: 0.8 !important;
}

.btn-neutral {
    background-color: #D5C4B1 !important;
    color: #000 !important;
    border: 1px solid #D5C4B1 !important;
}
.btn-neutral:hover {
    opacity: 0.8 !important;
}

.btn-dark-neutral {
    background-color: #C19176 !important;
    color: #fff !important;
    border: 1px solid #C19176 !important;
}
.btn-dark-neutral:hover {
    opacity: 0.8 !important;
}

/* Outline Buttons */
.btn-outline-ice-neutral {
    background-color: transparent !important;
    color: #EDEBE7 !important;
    border: 1px solid #EDEBE7 !important;
}
.btn-outline-ice-neutral:hover {
    background-color: #EDEBE7 !important;
    color: #000 !important;
}

.btn-outline-light-neutral {
    background-color: transparent !important;
    color: #F9F5F0 !important;
    border: 1px solid #F9F5F0 !important;
}
.btn-outline-light-neutral:hover {
    background-color: #F9F5F0 !important;
    color: #000 !important;
}

.btn-outline-medium-neutral {
    background-color: transparent !important;
    color: #EDE5DE !important;
    border: 1px solid #EDE5DE !important;
}
.btn-outline-medium-neutral:hover {
    background-color: #EDE5DE !important;
    color: #000 !important;
}

.btn-outline-neutral {
    background-color: transparent !important;
    color: #D5C4B1 !important;
    border: 1px solid #D5C4B1 !important;
}
.btn-outline-neutral:hover {
    background-color: #D5C4B1 !important;
    color: #000 !important;
}

.btn-outline-dark-neutral {
    background-color: transparent !important;
    color: #C19176 !important;
    border: 1px solid #C19176 !important;
}
.btn-outline-dark-neutral:hover {
    background-color: #C19176 !important;
    color: #fff !important;
}











/* Wine Styles */

/* Backgrounds */
.bg-ice-wine {
    background-color: #f9f0f6 !important;
}
.bg-light-wine {
    background-color: #BD519e !important;
}
.bg-wine {
    background-color: #8c3573 !important;
}
.bg-dark-wine {
    background-color: #552045 !important;
}

/* Text Colors */
.text-ice-wine {
    color: #f9f0f6 !important;
}
.text-light-wine {
    color: #BD519e !important;
}
.text-wine {
    color: #8c3573 !important;
}
.text-dark-wine {
    color: #552045 !important;
}

/* Buttons */
.btn-ice-wine {
    background-color: #f9f0f6 !important;
    color: #000 !important;
    border: 1px solid #f9f0f6 !important;
}
.btn-ice-wine:hover {
    opacity: 0.8 !important;
}

.btn-light-wine {
    background-color: #BD519e !important;
    color: #fff !important;
    border: 1px solid #BD519e !important;
}
.btn-light-wine:hover {
    opacity: 0.8 !important;
}

.btn-wine {
    background-color: #8c3573 !important;
    color: #fff !important;
    border: 1px solid #8c3573 !important;
}
.btn-wine:hover {
    opacity: 0.8 !important;
}

.btn-dark-wine {
    background-color: #552045 !important;
    color: #fff !important;
    border: 1px solid #552045 !important;
}
.btn-dark-wine:hover {
    opacity: 0.8 !important;
}

/* Outline Buttons */
.btn-outline-ice-wine {
    background-color: transparent !important;
    color: #f9f0f6 !important;
    border: 1px solid #f9f0f6 !important;
}
.btn-outline-ice-wine:hover {
    background-color: #f9f0f6 !important;
    color: #000 !important;
}

.btn-outline-light-wine {
    background-color: transparent !important;
    color: #BD519e !important;
    border: 1px solid #BD519e !important;
}
.btn-outline-light-wine:hover {
    background-color: #BD519e !important;
    color: #fff !important;
}

.btn-outline-wine {
    background-color: transparent !important;
    color: #8c3573 !important;
    border: 1px solid #8c3573 !important;
}
.btn-outline-wine:hover {
    background-color: #8c3573 !important;
    color: #fff !important;
}

.btn-outline-dark-wine {
    background-color: transparent !important;
    color: #552045 !important;
    border: 1px solid #552045 !important;
}
.btn-outline-dark-wine:hover {
    background-color: #552045 !important;
    color: #fff !important;
}

/* Forest Styles */

/* Backgrounds */
.bg-light-forest {
    background-color: #51BD70 !important;
}
.bg-forest {
    background-color: #358c4e !important;
}
.bg-dark-forest {
    background-color: #20552f !important;
}

/* Text Colors */
.text-light-forest {
    color: #51BD70 !important;
}
.text-forest {
    color: #358c4e !important;
}
.text-dark-forest {
    color: #20552f !important;
}

/* Buttons */
.btn-light-forest {
    background-color: #51BD70 !important;
    color: #fff !important;
    border: 1px solid #51BD70 !important;
}
.btn-light-forest:hover {
    opacity: 0.8 !important;
}

.btn-forest {
    background-color: #358c4e !important;
    color: #fff !important;
    border: 1px solid #358c4e !important;
}
.btn-forest:hover {
    opacity: 0.8 !important;
}

.btn-dark-forest {
    background-color: #20552f !important;
    color: #fff !important;
    border: 1px solid #20552f !important;
}
.btn-dark-forest:hover {
    opacity: 0.8 !important;
}

/* Outline Buttons */
.btn-outline-light-forest {
    background-color: transparent !important;
    color: #51BD70 !important;
    border: 1px solid #51BD70 !important;
}
.btn-outline-light-forest:hover {
    background-color: #51BD70 !important;
    color: #fff !important;
}

.btn-outline-forest {
    background-color: transparent !important;
    color: #358c4e !important;
    border: 1px solid #358c4e !important;
}
.btn-outline-forest:hover {
    background-color: #358c4e !important;
    color: #fff !important;
}

.btn-outline-dark-forest {
    background-color: transparent !important;
    color: #20552f !important;
    border: 1px solid #20552f !important;
}
.btn-outline-dark-forest:hover {
    background-color: #20552f !important;
    color: #fff !important;
}