h3,
h4,
.h3,
.h4 {
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.2
}

.asteriskField {
  display: none;
}

.trix-button--icon-increase-nesting-level {
  display: none;
}

.trix-button--icon-decrease-nesting-level {
  display: none;
}

.trix-button--icon-attach {
  display: none;
}


/* hide original file input; submission create */
.file-select>input[type="file"] {
  display: none;
}

[v-cloak] {
  display: none;
}

hr.header_style {
  border: 0;
  height: 1px;
  background: #5cb85c;
  background-image: linear-gradient(to right, #ccc, #5cb85c, #ccc);
}

/* transition animations used with htmx */
.fade-me-out.htmx-swapping {
  opacity: 0;
  transition: opacity 1s ease-out;
}

#fade-me-in.htmx-settling {
  opacity: 0;
}

#fade-me-in {
  opacity: 1;
  transition: opacity 1s ease-out;
}

/* larger bootstrap checkboxes */
/* stackoverflow: how-can-i-change-the-size-of-a-bootstrap-checkbox */

.custom-control-label::before,
.custom-control-label::after {
  top: .8rem;
  width: 1.25rem;
  height: 1.25rem;
}

.hangingindent {
  padding-left: 4rem;
  text-indent: -4rem;
}

/* left nav link hover effect */
.custom-leftnav:hover {
  background-color: #8cc09d;
}

/* remove left nav top active effect */
.custom-leftbarnav:active,
.custom-leftbarnav:focus {
  outline: none !important;
  box-shadow: none !important;
}

.text-underline-hover {
  text-decoration: none;
}

.text-underline-hover:hover {
  text-decoration: underline bold;
}

/*
.custom-card-hover {
  background-color: #f8f9fa;
}
*/
.custom-card-hover:hover {
  background-color: rgba(40, 167, 69, 0.2);
}

.sign-in-div {
  flex: 1 0 auto;
}

.tag-active {
  border-bottom: .2rem solid whitesmoke !Important;
  font-weight: 600;
  opacity: 1;
}

#mobile-menu-btn {
  position: fixed;
  z-index: 99;
}