/*@import '/Styling-Config.css';*/


@font-face {
    font-family: 'Pixeltext';
    src: url('fonts/Pixeltext.woff2') format('woff2'),
    url('fonts/Pixeltext.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}

@font-face {
    font-family: 'ProductSans';
    src: url('fonts') format('woff2'),
    url('fonts/productsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mcfont {
    font-family: 'Pixeltext', sans-serif !important;
}

body {
    /*Below is need to keep footer at bottom.*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /*Above is need to keep footer at bottom.*/

    background-image: url("../photos/stone_521x521.png") !important;
    background-repeat: repeat;
    background-size: calc(100vh * 0.0842);
}

main {
    background: white;
}
/*need to keep footer at bottom.*/
.mainBody {
    flex: 1 0 auto;
}

.fill-page {
    min-height: 100vh;
}
.fill-div {
    min-height: 100%;
}



.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(219, 78, 25) !important;
    background-image: url("../photos/grass_blackground_around_ 512x512.png") !important;
    background-repeat: repeat;
    background-size: contain;
    /*    background-image: url('photos/grass_blackground_around_ 512x512.png'), url('photos/dirt-block-256x256.png');
        background-repeat: repeat;
        background-position: center top, center bottom;*/
}


footer {
    /*Need to Keep footer at he bottom*/
    flex-shrink: 0;
    /*Above is need to keep footer at bottom.*/

    background-color: rgb(219, 78, 25) !important;
    background-image: url("../photos/bedrock_521x521.png") !important;
    background-repeat: repeat;
    background-size: calc(100vh * 0.0842);
    color: white !important;

}

.navbar-nav .nav-link {
    /*border: 5px solid transparent;*/
    font-family: 'Pixeltext', sans-serif;
    color: #efefef;

}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    /*border: 5px ridge white;*/
    color: white;
    /*background-image: url("../photos/stone_521x521.png") !important;*/
    background-repeat: repeat-x;
    background-size: contain;
}


.center {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    /*background: #FFCEC2;*/
}

.minecraft-main-button {
    margin: auto;
    padding: 15px 30px;
    border: none;
    font-family: Noto Sans,sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .25s,opacity .75s .5s;
    transition: all .25s,opacity .75s .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    pointer-events: all;
}

aside, .aside {
    padding: 0px !important;
}


.aside-section {
    background-image: url("../photos/dirt-block-256x256.png") !important;
    background-repeat: repeat;
    background-size: calc(100vh * 0.0842);
    min-height: 10%;
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.aside-card {
    background: white;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
}

.aside-card > p:last-child {
    margin-bottom: 0 !important;
}

.image-container {
    position: relative;
}

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent background */
    color: white; /* Text color */
    padding: 20px;
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
/*@media (max-width: 575.98px) {}*/

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    /* Change background image when the navbar is toggled */
    nav:has(div.show) {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-color: black;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .aside-card {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .aside-section {
        padding-bottom: 0px !important;
    }

}

/*`xl` applies to large devices (desktops, less than 1200px)*/
/*@media (max-width: 1199.98px) {}*/
/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
/*@media (max-width: 1399.98px) {}*/