/* Machikane Social custom theme */

body {
  background: #f5f5f5;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #222;
}

/* Main app / public pages */

.public-layout,
.layout-single-column,
.layout-multiple-columns,
.ui,
.columns-area,
.drawer,
.column,
.column > .scrollable,
.admin-wrapper,
.admin-wrapper .content,
.tabs-bar,
.drawer__inner,
.landing-page,
.hero-widget,
.sign-in-banner,
.regeneration-indicator {
  background-color: #f5f5f5 !important;
  background-image: none !important;
}

/* Remove Mastodon default green/purple gradients */

.public-layout::before,
.public-layout::after,
.hero-widget::before,
.hero-widget::after,
.landing-page::before,
.landing-page::after,
.layout-single-column::before,
.layout-single-column::after,
.layout-multiple-columns::before,
.layout-multiple-columns::after {
  display: none !important;
  background: none !important;
}

/* Header / top areas */

.public-layout .header,
.public-layout .public-account-header,
.public-layout .hero-widget,
.public-layout .landing-page__hero,
.landing-page,
.sign-in-banner {
  background: #f5f5f5 !important;
  background-image: none !important;
  border-top: 5px solid #333;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}

/* Auth pages */

.simple_form,
.simple_form__overlay-area,
.form-container,
.auth-form,
.public-account-bio,
.directory__tag {
  background: #ffffff !important;
  background-image: none !important;
  border: 0;
  box-shadow: none;
}

/* Cards / posts */

.status,
.detailed-status,
.account,
.directory__card,
.public-layout .container,
.compose-form,
.column-header,
.notification {
  background: #fff;
  border-radius: 0;
  border: 0;
}

/* Slight old-site spacing feel */

.status,
.notification,
.account {
  margin-bottom: 8px;
}

/* Text */

.status__content,
.detailed-status__wrapper,
.account__display-name,
.display-name,
.column-header,
.public-layout,
.simple_form {
  color: #222;
}

/* Muted metadata */

.status__relative-time,
.status__prepend,
.account__note,
.account__header__tabs,
.display-name__account {
  color: #818181;
}

/* Links */

a,
.status__content a,
.detailed-status__wrapper a {
  color: #2a7ae2;
}

a:visited,
.status__content a:visited {
  color: #205caa;
}

a:hover,
.status__content a:hover {
  color: #000;
  text-decoration: underline;
}

/* Buttons */

.button,
.icon-button,
.simple_form .button {
  border-radius: 3px;
}

.button {
  background-color: #2a7ae2;
}

.button:hover {
  background-color: #205caa;
}

/* Inputs */

input,
textarea,
select,
.search__input {
  border-radius: 3px;
  font-family: Helvetica, Arial, sans-serif;
  background: #fff !important;
}

/* Footer */

.public-layout .footer,
.public-layout .footer h4,
.public-layout .footer a {
  color: #fdfdfd;
}

.public-layout .footer {
  background: #2f4f4f;
}

/* Less app-like width */

.public-layout .container {
  max-width: 800px;
}

/* Mobile */

@media screen and (max-width: 600px) {

  body {
    background: #f5f5f5;
  }

  .status,
  .notification,
  .account {
    margin-bottom: 6px;
  }
}