/* glightbox */

#glightbox-body.glightbox-dark {
  color: #212529;
}

@media (min-width: 769px) {

  #glightbox-body.glightbox-dark .goverlay {
    background: rgba(30, 30, 30, .9);
  }

  #glightbox-body.glightbox-light .goverlay {
    background: rgba(224, 224, 224, .9);
  }

}

#glightbox-body .gslide-description {
  background: none !important;
  text-align: center;
}

#glightbox-body.glightbox-dark .gslide-description {
  color: #eeeeee;
}

#glightbox-body.glightbox-light .gslide-description {
  color: #000000;
}

#glightbox-body .gslide-description .gslide-desc {
  font-size: 17px;
}

#glightbox-body .glightbox-button-hidden {
  display: none !important;
}

/* Metro UI */

.ribbon-menu .ribbon-button {
  min-width: 60px;
}

.ribbon-menu .ribbon-button .form-switch {
  margin-bottom: unset;
  margin-top: unset;
  min-height: unset;
  padding-left: unset;
  position: absolute;
  right: 2px;
  top: calc(50% - 12px);
}

.ribbon-menu .ribbon-button .form-switch input {
  cursor: pointer;
  margin-left: unset;
  pointer-events: none;
}

.ribbon-menu .ribbon-button.dropdown-toggle::after,
.ribbon-menu .ribbon-dropdown .dropdown-toggle::after{
  display: none !important; /* Hide the Bootstrap dropdown toggle. */
}

/* Reset Bootstrap dropdown toggles. */
.btn.dropdown-toggle {
  padding-right: var(--bs-btn-padding-x) !important;
}
.btn.dropdown-toggle::before {
  display: none !important; /* Hide the Metro UI dropdown toggle */
}

.ribbon-menu .ribbon-dropdown {
  text-align: left !important;
}

.ribbon-menu .ribbon-icon-button {
  height: 22px;
}

.ribbon-menu .ribbon-toggle-group .ribbon-icon-button {
  height: 20px;
}

.ribbon-menu .ribbon-split-button .ribbon-main {
  padding: 2px 4px 6px 4px;
}

.ribbon-menu .ribbon-split-button .ribbon-main {
  border: 1px solid transparent;
}

.ribbon-menu .ribbon-split-button .ribbon-main.active {
  border-color: #1979ca;
}

.ribbon-menu .ribbon-split-button .ribbon-main.active:hover {
  border-color: #a4cef9;
}

.ribbon-menu .ribbon-split-button .ribbon-split.dropdown-toggle {
  padding-bottom: 3px;
}

.ribbon-menu .content-holder .group .title {
  width: calc(100% - 4px);
}