/* buttons.css - 2022 01 28 */
.view-all-button {
  width: 200px;
  margin: 35px auto 100px;
  height: auto;
  position: relative; }
  @media (max-width: 767px) {
    .view-all-button {
      margin: 25px auto 75px; } }
  .view-all-button .button {
    width: 100%;
    letter-spacing: 0; }

.button {
  text-decoration: none;
  border: 1px solid;
  border-radius: 0px;
  padding: 12px 26px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  font-family: "MuseoSans_300", sans-serif, sans-serif;
  letter-spacing: -0.5px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center; }
  @media (max-width: 767px) {
    .button {
      padding: 10px 20px;
      font-size: 15px; } }

.button:hover,
.button:focus {
  text-decoration: none; }

.button--float-right {
  float: right; }

/* Rectangle: */
.button--square {
  border-radius: 0px; }

.button--round {
  border-radius: 15px; }

.button--white {
  color: white; }

.button--white--solid {
  color: #202325;
  background-color: white;
  border-color: white; }

.button--shadow {
  text-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666; }

.button--thick {
  border-width: 3px; }

.button--pink {
  color: white;
  background: #E31ADA;
  border-color: #E31ADA; }

.button--pink:hover,
.button--pink:focus,
.button--pink:active {
  background: #BD00B4;
  border-color: #BD00B4; }

.button--raspberry {
  color: white;
  background: #782463;
  border-color: #782463; }

.button--raspberry:hover,
.button--raspberry:focus,
.button--raspberry:active {
  background: #9E4A89;
  border-color: #9E4A89; }

.button--green,
a.button--green {
  color: white;
  background: #008d36;
  border-color: #008d36; }

.button--green:hover,
.button--green:focus,
.button--green:active {
  background: #006710;
  border-color: #006710; }

/* updated 2022 01 28 */
.button--teal,
a.button--teal {
  color: white;
/*  background: #00a19a;
  border-color: #00a19a;*/
  background: #0c693a;
  border-color: #0c693a;
}

.button--teal:hover,
.button--teal:focus,
.button--teal:active,
a.button--teal:hover,
a.button--teal:focus,
a.button--teal:active {
  background: #007B74;
  border-color: #007B74; }

.button--orange {
  color: white;
  background: #FF8300;
  border-color: #FF8300; }

.button--orange:hover,
.button--orange:focus,
.button--orange:active {
  background: #FFA926;
  border-color: #FFA926; }

.button--inside-heading {
  float: right; }

.button--mobile {
  display: none; }
  @media (max-width: 767px) {
    .button--mobile {
      display: block; } }

.slider--button {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 25px;
  padding: 10px 40px 10px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 16px;
  color: #575656;
  background-color: white;
  box-shadow: 0 0 15px #333;
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }
  .slider--button:hover, .slider--button:focus {
    text-decoration: none;
    background-color: #00a19a;
    border-color: #00a19a;
    color: white; }
  @media (max-width: 1040px) {
    .slider--button {
      font-size: 13px;
      padding: 8px 30px 8px; } }

/*# sourceMappingURL=buttons.css.map */
