$family-sans-serif: BlinkMacSystemFont, -apple-system, sans-serif;

@import "../node_modules/bulma/sass/utilities/initial-variables.sass";
@import "../node_modules/bulma/sass/utilities/functions.sass";
@import "../node_modules/bulma/sass/utilities/derived-variables.sass";
@import "../node_modules/bulma/sass/utilities/mixins.sass";
@import "../node_modules/bulma/sass/utilities/controls.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/grid/columns.sass";
@import "../node_modules/bulma/sass/elements/button.sass";
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/elements/table.sass";
@import "../node_modules/bulma/sass/elements/title.sass";
@import "../node_modules/bulma/sass/elements/other.sass";
@import "../node_modules/bulma/sass/form/shared.sass";
@import "../node_modules/bulma/sass/form/input-textarea.sass";
@import "../node_modules/bulma/sass/form/tools.sass";
@import "../node_modules/bulma/sass/components/modal.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";

.login-box,
.password-reset-box,
.password-reset-verify-box,
.register-box,
.mail-box,
.sms-box,
.sms-phone-field,
.error-box,
.areyousure-box,
.package-list,
.details-box {
  display: none;
}

#map {
  width: 100%;
  height: 400px;
}

.error-box-text {
  font-family: monospace;
}

// bulma pls, why do I have to do this?
@media screen and (max-width: $tablet - 1px) {
  .modal-card {
    margin-left: 0;
    margin-right: 0;
  }
}

.details-text tr td:first-child() {
  font-weight: bold;
}

.description,
.password-reset-open-box {
  margin-top: 25px;
}
.paragraph,
.password-reset-box {
  margin-top: 10px;
}
.navbar-item > img {
  max-height: 2rem;
}