:root {
  --anovaColor: rgb(255, 139, 1); /* FF8B01 */
  --bodyBackground: #f5f5f5;
  --contentBorder: #d8d8d8;
  --modalScreen: rgba(0, 0, 0, 0.79);
  --navBackground: rgba(255, 255, 255, 1);
  --primaryFontColor: #646464;
  --secondaryFontColor: #2b2b2b; /* some headers and ps */

  font-size: 10px;
}

.full-width {
  width: 100%;
}

.flex { display: flex; }

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

.flex-row {
  flex-direction: row;
  flex-wrap: wrap;
}

.button {
  background-color: #fb7310;
  border-radius: 25px;
  cursor: pointer;
  line-height: 32px;
  padding: 0 30px;
  transition: 0.3s;
}

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

.blue,
.button.blue {
  background-color: #508fde;
  color: var(--navBackground);
}

.button.blue:hover {
  background-color: #73a5e4;
}

.black,
.button.black {
  background-color: var(--secondaryFontColor);
  color: var(--navBackground);
}

.button.black:hover {
  background-color: #4A4A4A;
}

.white,
.button.white {
  background-color: #fff;
  color: #000;
}

.button.white:hover {
  background-color: #fff;
}

.button-wide {
  padding: 0 61px;
}

.visuallyhidden {
  /* this is a toggle so overrides will be needed */
  display: none !important;
}

.shopify-buy__btn {
  border:none;
}
