.primary-color {
  color: #ff5955;
}

.black {
  color: #000;
}

.grey {
  color: #333;
}

.light-grey {
  color: #ccc;
}

.white {
  color: #fff;
}

.blue {
  color: #5076f5;
}

@font-face {
  font-family: "Titling gothic fb";
  src: url("./fonts/Titling%20Gothic%20FB%20Normal%20Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titling gothic fb";
  src: url("./fonts/Titling%20Gothic%20FB%20Normal%20Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-BookOblique.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Book.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Oblique.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-MediumOblique.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-LightOblique.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-Heavy.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("./fonts/AvenirLTStd-HeavyOblique.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cako Black Italic";
  src: url("./fonts/Cako%20Black%20Italic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cako Black";
  src: url("./fonts/Cako%20Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cako Thin Italic";
  src: url("./fonts/Cako%20Thin%20Italic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cako Regular Italic";
  src: url("./fonts/Cako%20Regular%20Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cako Thin";
  src: url("./fonts/Cako%20Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cako Regular";
  src: url("./fonts/Cako%20Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titling gothic extended light";
  src: url("./fonts/TitlingGothicFBExt-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titling gothic fb reg";
  src: url("./fonts/TitlingGothicFBNor-Reg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
label {
  display: block;
  margin-bottom: 5px;
  color: #000;
  /*line-height: 1.5em;*/
  font-weight: 300;
}

input,
textarea,
select,
.form-field,
.button,
button {
  display: block;
  width: 100%;
  /*line-height: 1.42857143;*/
  color: #333;
  border: 1px solid #ccc;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 10px;
  margin-bottom: 0.5em;
  height: 3em;
  font-size: 1em;
}
input:focus,
textarea:focus,
select:focus,
.form-field:focus,
.button:focus,
button:focus {
  border: 1px solid #000;
  outline: 0;
}

textarea {
  min-height: 4em;
  font-family: Avenir, sans-serif;
  padding: 10px;
}

input[type=submit],
.button,
button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-color: transparent;
  background-color: #000;
  color: #fff;
}
input[type=submit]:hover,
.button:hover,
button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.button-inline {
  display: inline-block;
  width: auto;
}

.button-small {
  font-size: 0.8em;
  padding: 2px 10px;
  line-height: 1em;
  height: 2em;
}

body {
  font-size: 16px;
  font-family: Avenir, sans-serif;
  color: #000;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Titling gothic fb", sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.66em;
}

h3 {
  font-size: 1.33em;
}

.morning-logo {
  display: inline-block;
  width: 148px;
  height: 36px;
  background: url(./img/logo.svg);
  margin-bottom: -10px;
}

a {
  color: #5076f5;
}

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