/**
* Global site styles.  These styles are used on every page of the site.
*/
/* Improt base.css */
/*@import url('base.css');*/
:root {
  --color-blue: #006;
  --color-blue-hsl: 240, 100%, 20%;
  --color-red: #600;
  --font-color:hsl(0,0%,0%);
  --heading-color:var(--color-blue);
}

/* Buttons */
a.button,
button,
[type=button],
[type=reset],
[type=submit] {
  border-color: var(--color-blue);
}
a.button.primary,
button.primary,
[type=button].primary,
[type=reset].primary,
[type=submit].primary {
  background: var(--color-blue);
  color: white;
}
a.button.primary:hover,
button.primary:hover,
[type=button].primary:hover,
[type=reset].primary:hover,
[type=submit].primary:hover {
  background: hsla(var(--color-blue-hsl), 0.2);
  color: var(--color-blue);
}
a.button.secondary,
button.secondary,
[type=button].secondary,
[type=reset].secondary,
[type=submit].secondary {
  background: white;
  color: var(--color-blue);
}
a.button.secondary:hover,
button.secondary:hover,
[type=button].secondary:hover,
[type=reset].secondary:hover,
[type=submit].secondary:hover {
  background: hsla(var(--color-blue-hsl), 0.2);
}

/* End Buttons */
.ctaBookPrice {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0.5rem;
}
.ctaBookPrice > * {
  margin: 0 0.5rem 1rem;
}
/*# sourceMappingURL=global.css.map */