/* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 0.8em;
    }
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 0.9em;
    }
}

/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 1.0em;
    }
}

/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.0em;
    }
}

/**/
@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

body {
    padding-top: 0px;
    background-color: #5FB0CD;
    color: #802800;
    line-height: 130%;
    /* font-size: 100%; */
}

.container {
    background: url("/img/paper.jpg") repeat;
}

.justify-content-center {
    width: 100%;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* NAV BAR */
#NavbarButtons > li {
    /*    font-size: 120%;*/
    font-weight: bold;
    letter-spacing: 0.1em;
    width: 120px;
}

.navbar {
    margin-bottom: 0px !important;
    /*    padding: 0 !important;*/
    /*    background-color: #ffe2c0 !important;*/
    /*    background-image: url("/img/paper.jpg"); */
    /*    border-bottom: 3px solid #f5d9b8 !important;*/
}

.navbar .container {
    box-shadow: 0px 4px 5px #999999;
    -webkit-box-shadow: 0px 4px 5px #999999;
    -moz-box-shadow: 0px 4px 5px #999999;
}

#NavbarButtons > li > a {
    color: white;
    font-size: 1.0em;
    text-align: center;
}

.nav-item:hover {
    filter: brightness(110%);
    /*    color: #FFC0CB;*/
}

/* END NAV BAR */

/* NAV TABS */
/* .nav-tabs li {
            width: 20%;
            text-align: center;
        } */
.nav-tabs {
    border-top: 1px solid #dee2e6;
}

.nav-tabs li .active {
    background-color: rgba(204, 148, 91, 0.3) !important;
    /*            font-weight: bold;*/
}
/* END NAV TABS */

#SocialButtons i {
    font-size: 1.4em;
    text-align: center;
}

.carousel-caption {
    top: 30% !important;
    bottom: auto;
}

.carousel-item {
    /*  width: 100%;*/
    height: auto !important;
    /*  min-height: 300px;*/
}

/*
.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
*/

#welcome h1 {
    color: #8087FF;
    margin: 10px;
}

#welcome p {
    font-size: 130%;
    line-height: 120%;
    /*font-size: 2vw;*/
    margin-bottom: 30px;
}

.chapter-item {
    margin-bottom: 30px;
}

/* #book_cards {
    margin: 0;
} */

.book-item img {
    /*    max-width: 262px;*/
    box-shadow: 4px 4px 5px #999999;
    -webkit-box-shadow: 4px 4px 5px #999999;
    -moz-box-shadow: 4px 4px 5px #999999;
}

/* Card */
.card {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
}

.card-body {
    padding-top: 0.3rem;
}

/* .card-text {
    text-align: justify;
} */

.card-title {
    margin-bottom: 0.3rem;
    /* margin-top: -1.2rem; */
}

/* Bot */
#bot-promo {
    width: 100%;
}

#bot_promo h5 {
    color: #3098FF;
}

/* Footer */
footer .container {
    background-color: #ffe2c0;
}

/* Shadowbox */
.shadowbox {
    box-shadow: 4px 4px 5px #999999;
    -webkit-box-shadow: 4px 4px 5px #999999;
    -moz-box-shadow: 4px 4px 5px #999999;
}

.shadowboxLT {
    box-shadow: -5px -4px 4px #999999;
    -webkit-box-shadow: -5px -4px 4px #999999;
    -moz-box-shadow: -5px -4px 4px #999999;
}


/* .article_oriland {
    text-align: justify;
    font-size: 16px;
} */

/*
.comment_small {
    text-align: center;
    font-size: 80% !important;
}
*/
/* Collection Content Preview */
#collection_content_preview p:nth-of-type(1) {
    text-align: center;
    margin-bottom: 0px;
}

#collection_content_preview p:nth-of-type(2) {
    text-align: center;
    font-size: 80% !important;
}

/* Scroll To Top Button */
#scrollToTop {
    display: none;
    position: fixed;
    bottom: 10px;
    /*
    left: 50%;
    transform: translateX(-50%);
*/
    right: 5%;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    background-color: #db8402;
    color: white;
    cursor: pointer;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
}

#scrollToTopBtn:hover {
    background-color: #555;
}