/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* This is all for the root page */
@font-face {
  font-family: SuisseIntl-Book;
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/SuisseIntl-Book.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: fallback;
}

@font-face {
  font-family: GoodSans-Bold;
  src: url('https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: fallback;
}

html {
  font-family: SuisseIntl-Book, sans-serif;
  font-size: 15px;
  line-height: 22px;
}

.error-html {
  padding: 15px;
  color: #222;
}

.error-body {
  margin: 7% auto 0;
  max-width: 500px;
  padding: 30px 0 15px;
}

@media screen and (max-width: 772px) {
  .error-body {
    margin-top: 0;
    max-width: none;
    padding-right: 0;
  }
}

.error-container {
  display: block;
}

ins {
  color: #777;
  text-decoration: none;
}

p {
  margin: 15px 0 22px;
  overflow: hidden;
}

b {
  font-family: GoodSans-Bold, sans-serif;
}

.shop-logo {
  color: rgb(84, 51, 235);
}