h1 {
  margin-bottom: 0.8em;
}

header{
  top: 54px;
}

img {
  max-width: 100%;
}

/* Admin styles
*/
.alreadyadded-icon-block li,
.alreadyadded-photo-block li {
  max-width: 232px;
  margin: 0 10px 10px 0;
}

.alreadyadded-icon-block .iconset-icon .fa {
  font-size: 40px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open
.dropdown-menu {
  background-color: #222;
  color: #fff;
}

.fa-sign-out:hover {
  color: #ffffff;
}

.choose-iconset i {
  padding: 10px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}

.choose-iconset i:hover {
  border: 1px solid #f5f5f5;
  cursor: pointer;
}

.choose-iconset .fa {
  font-size: 40px;
}

.choose-iconset .chosen {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccd0d2;
}

.notsortable > .panel-body {
  background: #f5f5f5;
}

.notsortable > .panel-heading {
  background: #f5f5f5;
}

.existing-pageset-elements img.thumb {
  margin: 0 2px 7px 0;
}

.existing-pageset-elements iframe {
  max-width: 100%;
}

.fa {
  color: #636b6f;
  font-size: 18px;
}

td.actions {
  width: 10px;
  white-space: nowrap;
}

td.actions form {
  display: inline;
}

td.actions form button {
  border: 0;
  background: none;
  display: inline-block;
  padding: 0;
}

.modal.loading .modal-content:before {
  content: 'Loading...';
  text-align: center;
  line-height: 155px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #EEE;
  z-index: 1000;
}

/* ==========================================================================
   Admin bar — CSS-only, no Bootstrap JS dependency.
   Replaces .navbar-admin. Append to admin.css; remove the old
   .navbar/.navbar-dark/.dropdown/.collapse rules if you added them —
   not needed with this version.
   ========================================================================== */

.admin-bar{position:fixed;top:0;left:0;right:0;z-index:1030;background:#343a40;color:#fff;font-size:.875rem}
.admin-bar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px}

.admin-bar__menu{display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none}
.admin-bar__menu>li{position:relative;margin:0}

/* dropdown via native <details> — toggled by the browser, no JS needed */
.admin-bar__dropdown{position:relative}
.admin-bar__dropdown summary{display:flex;align-items:center;padding:.5rem .75rem;color:#ffffffb3;cursor:pointer;list-style:none;border-radius:4px;user-select:none}
.admin-bar__dropdown summary::-webkit-details-marker{display:none}
.admin-bar__dropdown summary:hover,.admin-bar__dropdown summary:focus{color:#fff;background:rgba(255,255,255,.08)}
.admin-bar__dropdown summary:after{content:"";display:inline-block;margin-left:.45em;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}
.admin-bar__dropdown[open] summary{color:#fff;background:rgba(255,255,255,.08)}
.admin-bar__dropdown[open] summary:after{transform:rotate(180deg)}

.admin-bar__dropdown ul{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;margin:2px 0 0;padding:6px 0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.admin-bar__dropdown li{margin:0}
.admin-bar__dropdown a{display:block;padding:6px 16px;color:#212529;font-size:.875rem;white-space:nowrap;text-decoration:none}
.admin-bar__dropdown a:hover,.admin-bar__dropdown a:focus{background:#e9ecef;color:#16181b}

.admin-bar__actions{display:flex;align-items:center;gap:4px}
.admin-bar__icon-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:#ffffffb3}
.admin-bar__icon-link:hover,.admin-bar__icon-link:focus{color:#fff;background:rgba(255,255,255,.08)}
.admin-bar__icon-link svg{width:18px;height:18px}

.layout-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle;color:inherit}

@media (max-width: 767.98px){
  .admin-bar__inner{padding:6px 8px}
  .admin-bar__dropdown summary{padding:.45rem .55rem;font-size:.8rem}
}

/* Push the public header down to clear the fixed admin bar.
   Check the bar's actual rendered height in DevTools after this change
   and adjust this figure — it won't necessarily still be 54px now that
   the markup/padding has changed from the old Bootstrap navbar. */
.admin-loggedin header.site-header{top:48px}