.inline {
  display: inline;
}

.linkButton {
  background: none;
  border: none;
}

.fullwidth {
  width: 100%;
  max-width: none;
}

.noLeftMargin {
  margin-left: 0 !important;
}

.overflowWrap {
  overflow-wrap: break-word;
}

ul.noStyle li {
  list-style-type: none;
}

/* This is mostly stolen from Buefy */
@media screen and (max-width: 768px) {
  .table.has-mobile-cards thead {
    display: none;
  }
  .table.has-mobile-cards tfoot th {
    border: 0;
    display: inherit;
  }
  .table.has-mobile-cards tr {
    box-shadow:
      0 2px 3px hsla(0, 0%, 4%, 0.1),
      0 0 0 1px hsla(0, 0%, 4%, 0.1);
    max-width: 100%;
    position: relative;
    display: block;
  }
  .table.has-mobile-cards tr td {
    border: 0;
    display: inherit;
  }
  .table.has-mobile-cards tr td:last-child {
    border-bottom: 0;
  }
  .table.has-mobile-cards tr:not(:last-child) {
    margin-bottom: 1rem;
  }
  .table.has-mobile-cards tr:not([class*='is-']) {
    background: inherit;
  }
  .table.has-mobile-cards tr:not([class*='is-']):hover {
    background-color: inherit;
  }
  .table.has-mobile-cards tr.detail {
    margin-top: -1rem;
  }
  .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    border-bottom: 1px solid #f5f5f5;
  }
  .table.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td:before {
    content: attr(data-label);
    font-weight: 600;
    margin-right: auto;
    padding-right: 0.5em;
    text-align: left;
    word-break: keep-all;
  }
}

.ugc {
  white-space: pre-wrap;
  word-break: break-word;
}

img.emoji {
  margin: 0px !important;
  vertical-align: middle;
  width: 2em !important;
  height: 2em !important;
}

img.logo-image {
  margin-right: 0.5em;
}

.print {
  display: none;
}
@media print {
  .notprint {
    display: none;
  }
  .print {
    display: block;
  }
}

.print-gift:last-child {
	margin-bottom: 0;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

summary {
  font-weight: bold;
  font-size: 18px;
}

summary:hover {
  cursor: pointer;
}

.hamburger {
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

.hidden-menu {
  display: none;
  margin-top: 10px;
}

.hidden-menu button {
  display: block;
  margin: 5px 0;
}

.hidden-menu.active {
  display: block;
}

button.button.dropdown-item.is-text {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-right: 10px; /* extra Spacing to push icons to the right a bunch */
  text-decoration: none;
}

/* Ensure the text stays left-aligned */
button.button.dropdown-item.is-text span {
  grid-column: 1;
  text-align: left;
}

/* Ensure the icon is pulled to the right */
button.button.dropdown-item.is-text i {
  grid-column: 3;
  margin-left: auto;
}