/* CSS Document */
@media only screen and (max-width: 1485px) {
    body {
        --wp--style--global--content-size: 96vw;
/*        --wp--style--global--wide-size: 100%;*/
    }
    
    .home .wp-block-columns {
        gap: 30px;
    }
}

@media (max-width: 1250px) {
    #chapter-selection {
        grid-template-rows: repeat(4, auto);
        grid-auto-columns: calc((100% - 28px) / 2);
    }
}

@media (max-width: 1239px) {
    .stf__wrapper {
        padding-bottom: 70%!important;
    }    
}


@media (max-width: 850px) {
    #chapter-selection {
        grid-auto-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }
    
    .stf__wrapper .wp-block-columns {
        display: flex;
        flex-wrap: nowrap!important;
    }

}


@media only screen and (max-width: 781px) {
    body {
        --wp--style--global--content-size: 93vw;
/*        --wp--style--global--wide-size: 100%;*/
    }
    
    .stf__wrapper {
        padding-bottom: 141%!important;
    } 
    
    .inner-container {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    
    .default-button {
        flex-basis: 40%;
    }
    
    .inner-container #prevPage {
        order: 1;    
    }

    .inner-container #nextPage {
        order: 2;
    }

    .inner-container #prevChapter {
        order: 3;
    }

    .inner-container #nextChapter {
        order: 4;
    }
    
}

@media only screen and (max-width: 675px) {
/*
    .stf__wrapper {
        scale: 0.9;
    }
*/
    
    div#flipbook-wrapper {
        width: 100vw!important;
        max-width: unset!important;
    }    
}

@media only screen and (max-width: 650px) {
/*
    .stf__wrapper{
        scale: 0.8;
    }
*/
    
    #flipbook-wrapper {
        max-width: 100vw;
/*        background-color: green!important;*/
    }
    
    #flipbook {
        display: block;
        min-width: unset!important;
        min-height: unset!important;
        width: 100%!important;
        max-width: 100%;
    }
    
    #flipbook .page {
        border: 1px solid ;
    }
}

@media only screen and (max-width: 615px) {
    .stf__block {
        scale: 0.9;
    }
    
/*
    .stf__block {
        bottom: 50px;
    }
    
    div#navButtons {
        position: relative;
        bottom: 70px;
    }
*/
    
/*
    div#flipbook-wrapper {
        display: flex;
        flex-direction: column;
    }
    
    #flipbook-wrapper {
        height: 90vh!important;
        min-height: unset!important;
    }
    
    .stf__wrapper {
        position: relative;
    }
*/
    
}

@media only screen and (max-width: 595px) {
    .stf__block {
        scale: 0.7;
    }
    
    #flipbook * {
        column-gap: 15px;
    }
    
    #flipbook ul {
        padding-left: 20px!important;
    }
    
    .is-style-travelpaper-page > * {
        width: 100%;
        max-width: unset!important;
    }
    
    .is-style-travelpaper-page * {
        max-width: unset!important;
    }
    
    .is-style-travelpaper-page .wp-block-image img {
        max-width: 100%!important;
    }

}

@media only screen and (max-width: 450px) {
    .stf__block {
        scale: 0.65;
    }
}


@media only screen and (max-width: 400px) {
    .stf__block {
        scale: 0.6;
    }

}

@media only screen and (max-width: 380px) {
    .stf__block {
        scale: 0.55;
    }
}

@media only screen and (max-width: 350px) {
    .stf__block {
        scale: 0.5;
    }
}




@media only screen and (max-width: 430px) {
    #chapter-selection label {
        cursor: pointer;
        flex-basis: 82%;
    }
}