/*
Theme Name: RE5TOF
Theme URI: http://re5tof.azurewebsites.net/
Author: Amory Huang
Author URI: http://re5tof.azurewebsites.net/
Description: RE5TOF Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: RE5TOF
Text Domain: RE5TOF
*/

@import url(https://fonts.googleapis.com/css?family=Lora); /*首頁標語字體*/
@import url(https://fonts.googleapis.com/css?family=Orbitron:500); /*手機選單LOGO字體*/
@import url(https://fonts.googleapis.com/css?family=Syncopate); /*選單與大標字體*/

@import url(reset.css);
@import url(index.css);
@import url(navigationbar.css);
@import url(footer.css);


.alignCenter > img {
    text-align:center;
    margin: auto;
}

.body-background{
    background-image:url('http://amoryportal.blob.core.windows.net/re5tof/Novel-PuellaMagi-Background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    color:white;
}

.row-margin {
    margin-top:30px;
}

.novel-introduction {
    font-size:1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: 3px;
    line-height: 30px;
}

.chapterList {
    list-style-type: none;
    font-size: small;
    margin: 0px 0 0 40px;
    width: 80%;
}

    .chapterList > li {
        margin-top: 5px;
        border-radius: 25px;
        border: 2px solid #fff;
    }

        .chapterList > li a:hover {
            color: white !important;
            border-radius: 25px;
            background: #ffbbf3;
            padding: 20px; 
        }

        .chapterList > li a,
        .chapterList > li a:link,
        .chapterList > li a:visited {
            display: block;
            padding: 5px 0 5px 20px;
            color:white;
            text-decoration: none !important;
        }

            .chapterList > li a:hover,
            .chapterList > li a:active {
                color: red !important;
                font-weight:bold;
                text-decoration: none !important;
            }

display-none::after {
    display:none;
}

@media (max-width: 768px) {
    .row-margin {
        margin-top:10px;
    }

    .novel-introduction {
        font-size:1.0em;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .chapterList {
        font-size: small;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .chapterList > li {
        margin-top: 5px;
    }
}