/* "No Footer" mode */
body.embedded > footer,
body.nofooter > footer { display: none; }
body.nofooter:not(.embedded) > main { margin-bottom: 15px !important; }

/* "No Header" mode */

body.noheader > navigation { display: none; }
body.noheader:not(.embedded) > main { margin-top: 15px !important; }

/* "Embedded" mode */
body.embedded > footer { display: none; }
body.embedded > navigation { display: none; }
body.embedded > main {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* In view view-iframe */
iframe.in-view-view {
  width: 100%;
  height: 70vh;
  margin-top: 15px;
  border: 0px;
}

/* Override bootstrap styles to format view headers */
main > header > .view-header > .header-icon {
  float: left;
  margin-left: 15px;
  margin-right: 1em;
}
main > header > .view-header > .header-icon::after { clear: both; }
main > header > .view-header > .header-title > h3 { margin: 0px; }
main > header > .view-header > .header-title > small { font-style: italic; }

/* Prevent header and footer from overlapping main content */
main {
  display: grid;
  margin-top: 75px;
  margin-bottom: 50px;
}

/* Force Pointer cursor on user menu items and view links */
[view-link] { cursor: pointer; }
#user_menu li > a { cursor: pointer; }

/* Custom subclass for buttons to make them into status indicators */
.btn-status {
  cursor: initial;
  border-radius: 50%;
}

/* Empty elements that should display "---" */
.empty-placeholder:empty::before { content: "---"; }

/* Hide empty elements completely */
.hide-empty:empty { display: none; }

/* Highlighted Navbar items */
[view-link].highlighted { font-weight: bold; }

/* Cut off text that's too long with "..." */
.ellipsized {
  overflow: hidden;
  text-overflow: ellipsis;
}