/* 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;
}

/* 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. */
}

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

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

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

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