/* --- Page Title --- */
.page-title {
    margin-bottom: 6rem;
}
/* --- Page Description --- */
.page-description {
    margin-bottom: 2rem;
}
/* --- Nav buttons --- */
.wiki-nav {
    position: relative;
    height: 100px; /* enough to contain the buttons */
}
.wiki-nav .mw-frame {
    
    min-width: 15rem;
}

.wiki-nav .nav-prev {
    position: absolute;
    left: 10%;
}
.wiki-nav .nav-next {
    position: absolute;
    right: 10%;
}
.nav-button{
    background-color: #110e08;
    text-decoration: none;
}
.nav-button:hover,
.nav-button.active {
    background: #261a07;
    color: #f0c040;
    border-color: #c49a30;
}
/* --- Section Title --- */
.text-content h2 {
}
.text-content h2::before {
    content: "᯼    ";
    font-size: 0.8rem;
}
.text-content h2::after {
    content: "    ᯼";
    font-size: 0.8rem;
}

/* --- Section Subitle --- */
.text-content h3 {
}
/* --- Line separator '---' --- */
/* moving top down trangles
.text-content hr {
    border: none;
    height: 20px;
    background:
        linear-gradient(135deg, #8c7a5b 25%, transparent 25%) -10px 0,
        linear-gradient(225deg, #8c7a5b 25%, transparent 25%) -10px 0;
    background-size: 20px 20px;
    background-repeat: repeat-x;
    animation: wave 7s linear infinite;
}
@keyframes wave {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 120px;
    }
}
*/
.text-content hr {
    border: none;
    margin: 2rem 0;
}
hr::after {
    content: "ᛟ ᛞ ✧ ᛞ ۞ ᛞ ✧ ᛞ ᛟ";
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #997b22;
    letter-spacing: 0.6em;
    opacity: 0.9;
}

/* --- Blockquote --- */
.text-content blockquote {
    padding-left: 1rem;
    font-style: italic;
}