/* these styles are applying to the card element as well as the accordion element (since it is technically an expandable card) */
/* reduce profile of all card headers */
.card .card-header {
  padding: 8px;
}

.card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {
  margin-bottom: 0;
}

.card .card-header .material-icons {
  vertical-align: bottom;
}

/* loose extra box model at bottom of card body-based forms */
.card-body > .form-item:last-of-type {
  margin-bottom:0;
}
.card-body > .form-item p:last-of-type {
  margin-bottom:0;
}

/* remove border from basic card only */
.card-basic {
  border: none;
}

/* basic card body content up to box edges */
.card-basic .card-body {
  padding: 0;
}

/* adjust box model of accordion cards */
.accordion > .card {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.card-expandable .card .card-header {
  padding: 0;
}
.card-expandable .card-body {
  padding: 14px;
}

/* remove underline after clicking on / on hover over header */
.card .card-header .btn-link:focus, .card .card-header .btn-link.focus, .card .card-header .btn-link:hover {
  text-decoration: none;
}

/* show overflow during layout builder so that contextual edit menu isn't hidden */
.layout-builder-block > .card {
  overflow: visible !important;
}

/* expand trigger for expandable sections to full width of card */
.card .card-header button {
  width: 100%;
  text-align: left;
}

/* handle the + icon rotating into an X icon */
.card .card-header button.collapsed i:not(.link-anchor i) {
  vertical-align: bottom;
  transform: rotate(0deg);
  transition: 0.4s;
}
.card .card-header button i:not(.link-anchor i) {
  vertical-align: bottom;
  transform: rotate(45deg);
  transition: 0.4s;
}

.card .card-body a.link-anchor {
  right:3px;
  position: absolute;
}

.card .card-body a.link-anchor i.material-icons {
  font-size: 1.5em;
}