/**
 * We bring in our identical copy of bulma/assets/overrides.scss
 * because we're skipping Bulma's whole own library to avoid the
 * JavaScript dependencies.  Also, ultimately we can incorporate
 * or skip much that is in there.
 */
.vertical-tabs .vertical-tabs__panes {
  padding: 1rem; }
  .vertical-tabs .vertical-tabs__panes .vertical-tabs__pane {
    padding-right: 1rem; }
  .vertical-tabs .vertical-tabs__panes .panel .panel-block {
    border: 0; }
  .vertical-tabs .vertical-tabs__panes .control {
    display: flex; }

@media screen and (max-width: 768px) {
  #header .nav-menu.nav-right.is-active nav {
    display: block; } }

article.content {
  padding-bottom: 2rem; }

article section.comment-section article {
  padding-bottom: 2rem; }

.links.bulma {
  padding-top: 1rem; }

.label.is-pulled-left {
  margin-bottom: 0;
  margin-right: 0.5rem; }
  .label.is-pulled-left::after {
    content: ':'; }

.block-system-branding-block > figure {
  margin-right: 0.5rem; }

.container img.align-right {
  padding-left: 10px; }

.container img.align-left {
  padding-right: 10px; }

.indented {
  margin-left: 3em; }

[dir="rtl"] .indented {
  margin-left: 0;
  margin-right: 3em; }

.quickedit-toolbar {
  width: 100%; }

.quickedit-toolbar-label {
  position: absolute;
  left: 30px;
  font-size: 0.8rem; }

.quickedit-toolgroup.ops {
  position: absolute;
  right: 5px; }

.quickedit .icon.icon-only {
  display: inline-block; }

.quickedit .icon-close:before {
  top: 6px; }

.quickedit-button.action-save {
  min-width: 3.5em; }

.quickedit button.icon {
  font-size: 0.8em; }

.quickedit .icon {
  min-height: 2em; }

/**
 * This is needed to override weirdness that Bulma theme is doing in its
 * own overrides file.
 */
.container img.align-left {
  padding-right: 1em; }

.container img.align-right {
  padding-left: 1em; }

/**
 * Somewhat temporary.
 *
 * @TODO fix.  See https://gitlab.com/freelygive/drupal/contacts/issues/19
 */
.unified-login.register {
  display: none; }

.unified-login.login h2 {
  display: none; }

/* @TODO also fix properly
mlncn: @cedewey i can't see a configuration or template way to get rid of the "United States"; could you check around in the queue or the site config? oh, probably it's got it's own custom formatter creation option somewhere, anyway if you can find the config path to that or other answer drop it to me
 */
.address .country {
  display: none; }

/* Margin on content images is probably a good idea, but our opportunity logo/picture is not a typical 'content' image. */
.content .opportunity--image figure.image {
  margin-left: 0;
  margin-right: 0; }

/* Somewhere in Bulma (?!) is setting this to height: 2.25em; which makes the Selectize multiple selections overhang
   the form fields below them.
 */
.select:not(.is-multiple) {
  height: inherit; }

.opportunity-title-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }