@import url("https://fonts.googleapis.com/css?family=Macondo:400,700");
body {
  font-family: "Macondo", sans-serif;
  background-color: #fdf4f4;
  color: #c62828;
}

h1, h2, h3, h4, h5, h6 {
  color: #c62828;
  font-family: "Macondo", sans-serif;
}

p, li {
  color: #c62828;
  font-family: "Macondo", sans-serif;
}

a {
  color: #8e0000;
}

a:hover {
  color: #c62828;
}

.top-bar,
.top-bar ul,
.top-bar-left,
.top-bar-right,
.title-bar {
  background-color: #c62828;
}

.top-bar .menu-text {
  color: #fdf4f4;
  font-weight: bold;
}

.top-bar .menu > li > a,
.top-bar .menu > li > button {
  color: #fdf4f4;
  font-family: "Macondo", sans-serif;
}

.top-bar .menu > li > a:hover {
  background-color: #8e0000;
  color: white;
}

.title-bar-title {
  color: #fdf4f4;
  font-family: "Macondo", sans-serif;
}

.title-bar .menu-icon::after,
.title-bar .menu-icon:hover::after {
  background: #fdf4f4;
  box-shadow: 0 7px 0 #fdf4f4, 0 14px 0 #fdf4f4;
}

.button {
  font-family: "Macondo", sans-serif;
  background-color: #c62828;
  border-color: #c62828;
}
.button:hover, .button:focus {
  background-color: #8e0000;
  border-color: #8e0000;
}

.button.secondary {
  background-color: rgb(249.9415384615, 227.1784615385, 227.1784615385);
  color: #c62828;
  border: 1px solid #c62828;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(243.8246153846, 193.5353846154, 193.5353846154);
  color: #8e0000;
}

label {
  color: #c62828;
  font-family: "Macondo", sans-serif;
}

input[type=text],
input[type=email],
textarea {
  font-family: "Macondo", sans-serif;
  border-color: rgba(198, 40, 40, 0.3);
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: #c62828;
  box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.15);
}

blockquote {
  border-left: 4px solid #c62828;
  background-color: rgb(249.9415384615, 227.1784615385, 227.1784615385);
  font-style: italic;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  color: #8e0000;
}
blockquote p {
  color: #8e0000;
}

.site-footer {
  background-color: #c62828;
  color: #fdf4f4;
  padding: 2rem 1rem;
  text-align: center;
  margin-top: 2rem;
}
.site-footer p {
  color: #fdf4f4;
}
.site-footer a {
  color: #fdf4f4;
}

/*# sourceMappingURL=mydemo.foundation.css.map */