/**
Adapted From Source: https://gist.github.com/searls/7fd2c3223571a58a81006e7da66bd064
*/

@media (max-width: 799px) {
    /* Bring Any Dropdown To Center Of Page */

    [class*=DropdownList]{
      position: fixed !important;
      min-width: 20% !important;
      width: 90% !important;
      margin: auto !important;
      height: fit-content !important;
      top: auto !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 10px !important;
      background: #e6f4fd !important;
      border: 2px solid #3a69c7 !important;
  }

  /* Add Overflow To Modal Window */
    [class*=StyledModal]{
        width: 90dvw !important;
        width: 90% !important;
    }
  
  

    [class*=LibraryTitle]{
    display: none !important;
    }

    [class*=CollectionTopNewButton]{
      padding: 0px 10px !important;
      height: auto !important;
    }

    [class*=LibraryTop]{
      overflow-x: auto !important;
      height: fit-content !important;
      padding-bottom: 10px !important;
    }


    /* Hide Blog Post Title From Navbar */ 
    [class*=BackCollection]{
        display: none !important;
    }

    /* Add Padding To Control Pane */ 
    [class*=ControlPaneContainer] {
      padding: 0px 10px !important;
    }

    /* Rest As Per: Searl's Code*/

    [class*=BackCollection],
    [class*=BackStatus] {
      font-size: .6rem !important;
    }
  
    [class*=AppHeaderContent],
    [class*=AppMainContainer] {
      margin-right: 0 !important;
      margin-left: 0 !important;
      min-width: calc(100vw - 24px) !important;
      max-width: 100vw !important;
    }
  
    [class*=AppHeaderContent] {
      display: flex !important;
      justify-content: space-between !important;
    }
  
    [class*=AppHeaderQuickNewButton] {
      width: 100% !important;
    }
  
    [class*=AppHeaderButton] {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }
  
    [class*=EditorContainer],
    [class*=ToolbarContainer] {
      min-width: initial !important;
      overflow-x: auto !important;
    }
  
    [class*=ToolbarSubSectionFirst] {
      display: flex !important;
      flex-direction: column !important;
    }
  
    [class*=PublishedToolbarButton] {
      padding: 0 8px !important;
    }
  
    [class*=PublishedToolbarButton]::after {
      display: none !important;
    }

    [class*=ToolbarSubSectionFirst] {
      flex-direction: row !important;
    }
  
    [class*=SearchInput] {
      margin-top: 5px !important;
    }
  
    [class*=ViewControls] {
      position: initial !important;
    }
  
    [class*=PreviewPaneContainer-ControlPaneContainer] {
      padding: 0 !important;
    }
  
    [class*=ControlPaneContainer] {
      max-width: 100vw !important;
    }
  
  
    [class*=EditorControlBar] [class*=ToolbarContainer] {
      display: flex !important;
      flex-direction: column !important;
    }
  
    [class*=CollectionContainer] {
      display: flex !important;
      flex-direction: column !important;
    }
  
    [class*=SidebarContainer] {
      position: initial !important;
      width: initial !important;
    }
  
    [class*=CollectionMain] {
      padding-left: 0 !important;
      margin-top: 20px !important;
    }
  
  }