/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(
    100% - var(--drupal-displace-offset-left, 0px) -
      var(--drupal-displace-offset-right, 0px)
  );
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media ((((min-width: 60rem)))) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media ((((min-width: 60rem)))) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}
/* .block-mirador { */
/*   height: 1200px; */
/*   position: relative; */
/* } */
nav.MuiPaper-root.MuiDrawer-paper.mirador23.MuiDrawer-paperAnchorLeft {
  display: none;
}
@media (max-width: 600px) {
  /* Increase the height of the viewer on mobile */
  .mirador-viewer {
    height: 80vh !important; /* Uses 80% of the phone's screen height */
    min-height: 500px !important;
  }

  /* Ensure the content inside fills the new height */
  .mirador-osd-container,
  .openseadragon-container,
  .openseadragon-canvas,
  canvas {
    height: 100% !important;
  }
}
/* .main-content__container { */
/*   padding-left: 5px; */
/*   padding-right: 5px; */
/*   max-width: none; */
/*   width: 100%; */
/* } */

div#block-mirador-block {
  margin: 0px;
  width: 100%;
}