.navbar-default .navbar-nav>li:nth-child(5)>a {
    text-transform: none !important;
}

/* https://gitlab.com/torahinmotion/website/-/issues/73 */
/* Un-unwieldify list of categories */
div#edit-taxonomy-vocabulary-1, div#edit-taxonomy-vocabulary-2 {
  height: 300px;
  overflow-y: scroll;
}

/* Fix silly tiny subject box */
#bootstrap-theme crm-mosaico-subject-list input#inputSubject {
  display: block;
  width: 100%;
}

/* Absurd way of making the datepicker popup usable */
/* The problem is that the "top" css property is set inline, via js code, and it seems to be miscalculating it to 0. Also z-index is 1 so it's behind the civi menu, but that's also inline css. We could theoretically use !important to override inline css, but targeting it is hard because it's a direct child of body and not a sibling to anything specific to the mosaico page. Targeting it with js instead is difficult because it's a mix of angular and jquery. So instead we shift the input field itself lower down the page. */
#bootstrap-theme div.crmMosaico-schedule-outer input.hasDatepicker {
  margin-top: 500px;
}
body.page-civicrm .ui-datepicker td {
  height: 1rem;
}

/* recipients widgets are too small */
/* Again it's inline css - I don't see an easy way to avoid !important here */
#bootstrap-theme crm-mailing-recipients-autocomplete div.select2-container {
  display: block;
  width: 100% !important;
}