/** Adapted By Mani Kumar (https://manikumar.in/blog/mobile-optimized-decap-netlify-cms/) From Source: https://gist.github.com/searls/7fd2c3223571a58a81006e7da66bd064 */

/* 
@media (max-width: 799px) {

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

    [class*=StyledModal] {
        width: 90dvw;
        width: 90%;
    }

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

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

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

    [class*=BackCollection] {
        display: none;
    }

    [class*=ControlPaneContainer] {
        padding: 0px 10px;
    }

    [class*=BackCollection],
    [class*=BackStatus] {
        font-size: .6rem;
    }

    [class*=AppHeaderContent],
    [class*=AppMainContainer] {
        margin-right: 0;
        margin-left: 0;
        min-width: calc(100vw - 24px);
        max-width: 100vw;
    }

    [class*=AppHeaderContent] {
        display: flex;
        justify-content: space-between;
    }

    [class*=AppHeaderQuickNewButton] {
        width: 100%;
    }

    [class*=AppHeaderButton] {
        padding-left: 4px;
        padding-right: 4px;
    }

    [class*=EditorContainer],
    [class*=ToolbarContainer] {
        min-width: initial;
        overflow-x: auto;
    }

    [class*=ToolbarSubSectionFirst] {
        display: flex;
        flex-direction: column;
    }

    [class*=PublishedToolbarButton] {
        padding: 0 8px;
    }

    [class*=PublishedToolbarButton]::after {
        display: none;
    }

    [class*=ToolbarSubSectionFirst] {
        flex-direction: row;
    }

    [class*=SearchInput] {
        margin-top: 5px;
    }

    [class*=ViewControls] {
        position: initial;
    }

    [class*=PreviewPaneContainer-ControlPaneContainer] {
        padding: 0;
    }

    [class*=ControlPaneContainer] {
        max-width: 100vw;
    }

    [class*=EditorControlBar] [class*=ToolbarContainer] {
        display: flex;
        flex-direction: column;
    }

    [class*=CollectionContainer] {
        display: flex;
        flex-direction: column;
    }

    [class*=SidebarContainer] {
        position: initial;
        width: initial;
    }

    [class*=CollectionMain] {
        padding-left: 0;
        margin-top: 20px;
    }
} */

@media screen and (max-width: 1100px) {

    [class*=SearchContainer],
    [class*=Pane1],
    [class*=SidebarContainer-card],
    [class*=CollectionTopContainer-card-cardTop],
    [class*=CollectionControlsContainer],
    [class*=CardsGrid],
    [class*=ListCard-card] {
        width: 100% !important;
    }

    [class*=ToolbarContainer],
    [class*=EditorContainer],
    [class*=AppHeaderContent],
    [class*=AppMainContainer] {
        min-width: auto;
    }

    [class*=LibraryTop] [class*=ButtonsContainer]>button,
    [class*=BackArrow]+div,
    [class*=AppHeaderSiteLink],
    [class*=ToolbarToggle],
    [class*=Pane2],
    [class*=ViewControls],
    [class*=AppHeaderActions] {
        display: none;
    }

    [class*=CollectionMain] {
        padding-left: 0 !important;
    }

    [class*=CollectionContainer] {
        margin: 1rem 0.5rem !important;
    }

    [class*=SidebarContainer-card] {
        position: relative;
        margin-block-end: 1rem;
    }

    /* [class*=LibraryTop] [class*=RowContainer], */
    [class*=DateTimeControl] {
        flex-wrap: wrap;
    }


}