/* Changes the width of contents
This is the guys that does the trick: calc( 950px - 3em )) <-- 950px increases width 
This is the guys that does the trick: calc( 750px - 3em )) <-- 750px increases width DEFAULT
This is the guys that does the trick: calc( 1250px - 3em )) <-- 1250px increases width LARGE Laptop
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( 1050px - 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];
    }
}



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

    #quarto-sidebar {
        display: none;
    }
}

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



/* 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;
}

/* Hides all elements except HELLO AND WELCOME! */
.navbar-expand-lg .navbar-nav-scroll li.nav-item:not(:first-child) {
    /* visibility: hidden;  */
    display: none;
}

/* Gives padding to HELLO AND WELCOME! */
.navbar-expand-lg .navbar-nav-scroll li.nav-item:first-child {
    padding-right: 0px;
}

/* Hides the MOON */
.navbar .quarto-navbar-tools {
    /* visibility: hidden; */
    /* display: none !important; */
    /* padding-right: 3.25rem !important; */
}


/* Hides 'MySite' Buttom */
.mysite{
    /* visibility: hidden; */
    display: none;
}

/* Hides all the underline line from all LINKS */
.site-links{
    text-decoration: none;
    font-size: 19px;
}


/* Chnages the size of the MOON */
.quarto-reader-toggle .bi::before, .quarto-color-scheme-toggle .bi::before {
    background-size: 0.95rem 0.95rem;
}

/* Shifts downs the MOON */
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    vertical-align: -.225em;
}

/* Gives padding to the MOON  */
@media (min-width: 570px){
    .navbar .quarto-navbar-tools {
        padding: 0px 2px !important;
    }
}