@media print {

  html,
  body {
    background: white;
    margin: 0;
    height: auto;
  }

  /* hide elements we don't want */
  #topbar,
  #sidebar,
  #sidebar_buttons,
  #rightbar,
  #printMenu,
  .score_settings,
  .tune_settings,
  footer,
  header,
  .abc-warnings,
  .abcEditor,
  .part-top-bg,
  .part-utils-container,
  .abcEditor.abc_textarea_dirty~.instrument_tunes .abcjs-container:before,
  .abcEditor-utils,
  ::-webkit-scrollbar,
  #notey,
  div.modal-overlay,
  div.modal {
    display: none !important;
  }

  .ui-tooltip {
    /* hide tooltips */
    visibility: hidden;
  }

  #sidebar_and_content_container {
    position: static;
  }

  #page_content {
    width: 100vw;
    height: unset;
  }


  .part .part-top-bg,
  .part :is(h1, .part-utils, .abceditor, .abcEditor-utils) {
    position: static;
  }

  .partheading {
    display: block;
  }

  /* selectively print */
  :is(.part, .instrument_tunes).hide_on_print,
  div.abcjs-container>div.hide_on_print {
    display: none !important;
  }

  :is(.part, .part.hidden, .part.hidden .instrument_tunes, .instrument_tunes):not(.hide_on_print),
  div.abcjs-container>div:not(.hide_on_print) {
    display: block !important;
  }

  .instrument_tunes {
    transform-origin: top left;
    width: 100%;
    /* --printWidth is set in js in print settings (if user selects fit to X page(s)) */
    /* width: var(--printWidth) !important; */
  }

  /* ensure lines aren't page broken */
  .abcjs-container {
    display: block !important;
  }

  .abcjs-container div {
    break-inside: avoid;
    page-break-inside: avoid;
    overflow: visible !important;
  }

  #main_container,
  #page_content,
  #tunes_container,
  #sidebar_and_content_container,
  .part,
  .instrument_tunes,
  .abcjs-container {
    position: static;
  }



  /* logo */
  #print_logo {
    display: block;
    width: 80px;
    /*orig. 500*/
    height: calc(80px * 123 / 500);
    /*orig. 123*/
    position: fixed;
    top: 0;
    right: 0;
    z-index: 200;
  }


  @page {
    margin: 0.75in;
    /* Set a margin on all sides */
  }


  /* debug */
  #debug-overlay {
    --onePageHeight: 1122px;
    --marginWidth: 0.75in;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--onePageHeight) - var(--marginWidth) * 2);
    border: 2px dashed red;
    box-sizing: border-box;
    page-break-after: always;
  }
}