/* Hides the sidebar and margin bar when it reaches 991px window width */
/* @media (max-width: 991px){
    body .page-columns, body.fullcontent:not(.floating):not(.docked) .page-columns, body.slimcontent:not(.floating):not(.docked) .page-columns, body.docked .page-columns, body.docked.slimcontent .page-columns, body.docked.fullcontent .page-columns, body.floating .page-columns, body.floating.slimcontent .page-columns, body.floating.fullcontent .page-columns {
        display: grid;
        gap: 0;
        grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset body-start body-content-start] minmax(0px, 1fr) [body-content-end body-end body-end-outset page-end-inset page-end screen-end-inset] 1.5em [screen-end];
    }
} */

/* @media (max-width: 991.98px){
    
    body .page-columns, body.floating .page-columns {
        display: grid;
        gap: 0;
        grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset body-start body-content-start] minmax(0px, 1fr) [body-content-end body-end body-end-outset page-end-inset page-end screen-end-inset] 1.5em [screen-end];

        grid-template-columns: [screen-start screen-start-inset page-start page-start-inset body-start-outset] 1.5em [body-start body-content-start] minmax(500px, calc( 991px - 3em )) [body-content-end body-end]  1.5em [body-end-outset page-end-inset page-end screen-end-inset screen-end];
    }
} */

/* @media (max-width: 695px){
    body .page-columns, body.floating .page-columns {
        display: grid;
        gap: 0;
        grid-template-columns: [screen-start screen-start-inset page-start page-start-inset body-start-outset] 1.5em [body-start body-content-start] minmax(500px, calc( 991px - 3em )) [body-content-end body-end]  1.5em [body-end-outset page-end-inset page-end screen-end-inset screen-end];
        grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset body-start body-content-start] minmax(0px, 1fr) [body-content-end body-end body-end-outset page-end-inset page-end screen-end-inset] 1.5em [screen-end];
} */


@media (max-width: 991px){
    body.floating .page-columns {
        display: block !important;
        padding: 0em 0.5em !important;
    }

    #quarto-sidebar {
        display: none;
    }
}

/* Make navbar items to get centered */
.collapse:not(.show) {
    display: -webkit-flex;
    -webkit-flex-basis: auto;
}


/* Changes the width of contents
This is the guys that does the trick: calc( 950px - 3em )) <-- 950px increases width 
Start of the Sidebar-margin: [body-end-outset] minmax(10px, 30px) <-- 30px makes the sidebar larger*/   

/* @media (min-width: 992px) {
    body.floating .page-columns {
        display: grid;
        gap: 0;
        grid-template-columns: [screen-start] 1.5em [screen-start-inset] 5fr [page-start] minmax(5px, 10px) [page-start-inset] minmax(10px, 30px) [body-start-outset] minmax(5px, 10px) [body-start] 1.5em [body-content-start] minmax(500px, calc( 950px - 3em )) [body-content-end] 1.5em [body-end] minmax(5px, 10px) [body-end-outset] minmax(10px, 30px) [page-end-inset] minmax(5px, 10px) [page-end] 5fr [screen-end-inset] 1.5em [screen-end];
    }
} */


/* main {
    margin-top: 0.25em;
}

#quarto-content>* {
    padding-top: 10px;
} */




/* Shows the anchor link */
.show-anchor-link .anchorjs-link {
    /* opacity: 1;
	pointer-events: none; */
	display: none;
}

.show-anchor-link h2 {
	margin-bottom: 1.8rem;
    margin-top: 0rem;
}


.show-anchor-link h1 {
	margin-bottom: 1.8rem;
    margin-top: 0rem;
}


main {
    margin-top: 0.5em;
}

/* Disable author name */
#title-block-header{
    display: none !important;
}