/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
body>* {
  color: #212121;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

nav .brand-logo {
  font-weight: 300;
}

nav .brand-logo-image {
  margin-bottom: -4px;
}

.first-blue {
  background-color: #6ecadc;
}

.second-green {
  background-color: #3eb991;
}

.third-pink {
  background-color: #e01563;
}

.fourth-yellow {
  background-color: #e9a820;
}

.first-blue-text {
  color: #6ecadc;
}

.second-green-text {
  color: #3eb991;
}

.third-pink-text {
  color: #e01563;
}

.fourth-yellow-text {
  color: #e9a820;
}

footer.page-footer {
  margin-top: 0px;
  background-color: #e9a820;
}

a.link-underline {
  color: #212121;
  text-decoration: underline;
  cursor: pointer;
}

nav ul a:hover {
  background-color: transparent; /* Removes hover in navbar */
}

p.landing-page-text {
  font-size: larger;
}

.mobile-screenshot {
  width: 100%;
  max-width: 400px;
}

.image-button {
  height: 26px;
  top: 6px;
  position: relative;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

code {
  font-size: 0.72rem;
  line-height: 0.72rem;
  white-space: normal;
  color: #c25;
  padding: 1px 3px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
}

/* Have to define this separately because copying code tags into Slack's new editor messes things up */
.code {
  font-size: 0.72rem;
  line-height: 0.72rem;
  white-space: normal;
  color: #c25;
  padding: 1px 3px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
  font-family: monospace, monospace;
}

img.faq-image {
  display: block;
  margin-bottom: 15px;
  max-height: 15em;
}

div.faq h3 {
  font-size: 25px;
}

.privacy-policy ul {
  padding-left: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.privacy-policy ul li {
  list-style-type: initial;
}

.terms-of-service ul {
  padding-left: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.terms-of-service ul li {
  list-style-type: initial;
}

p.terms-and-privacy {
  margin-top: 5px;
  font-size: smaller;
}

#plan-comparison {
  display: flex;
  flex-direction: row;
  padding: 5px;
  margin: 10px;
  flex-wrap: wrap;
}

.plan {
  flex-basis: 290px;
  padding: 10px 10px;
  margin: 10px 10px 10px 0;
  flex-direction: column;
  justify-content: center;
}

.blue-border {
  border: 2px solid #3aa3e3;
}

.pricing {
  text-align: center;
  font-weight: bold;
  font-size: larger;
}

.card-content > ul > li {
  list-style-type: initial;
}

.card-action {
  text-align: center;
}