:root {
    /*--pageBgBottomColour: #646A9C;
    --pageBgTopColour: #C1B9CC;*/
    
    --pageBgTopColour: #F2B632;
    --pageBgBottomColour: #824C16;

    --pageTextColour: #000000;
    --pageLinkColour: #6A3B4E;

    --menuBgColour: #C1B9CC;
    --menuTextColour: #333333;
    --menuDropdownColour: #DA99A5;
    --menuButtonColour: #dddddd66;

    --item1BgColour: #EDD492;
    --item2BgColour: #F2B632;
    --item3BgColour: #D97F25;
    --item4BgColour: #C25328;
    /* 
    --item1BgColour: #CEEBCE;
    --item2BgColour: #78BCB4;
    --item3BgColour: #7BA9D0;
    --item4BgColour: #4995B6;
    
    --item1BgColour: #E6D3C4;
    --item2BgColour: #E8C0B9;
    --item3BgColour: #DA99A5;
    --item4BgColour: #B77D9B;
        */
    --item1TextColour: #222;
    --item2TextColour: #222;
    --item3TextColour: #222;
    --item4TextColour: #222;
    
    --borderColour: #222;

    --excerptTextColour: #222;
    --excerptButtonColour: #dddddd99;
    --excerptButtonTextColour: #000000;
    --excerptBorderColour: #555;
}

.site {
    background: linear-gradient(148deg, var(--pageBgTopColour) 6%, var(--pageBgTopColour) 6%,
        var(--pageBgBottomColour) 84%, var(--pageBgBottomColour) 100%);
}

.wrapper {
    padding: 0 15px;
}

.content {
    background: linear-gradient(148deg, var(--pageBgTopColour) 6%, var(--pageBgTopColour) 6%, var(--pageBgBottomColour) 84%, var(--pageBgBottomColour) 100%);
}

/* Page elements */
.page {
    font-size: small;
    min-height: 100vh;
    padding: 10px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-color: var(--borderColour);
    border-style: solid;
}

.pagespacer {
    height: 40px;
}

/* Page elements */
.flat { 
    font-size: small; 
    height: 0px;
}

.page:nth-child(8n+1),
.page:nth-child(8n+2) {
    color: var(--item1TextColour);    
    background-color: var(--item1BgColour);
}

.page:nth-child(8n+3),
.page:nth-child(8n+4) {
    color: var(--item2TextColour);    
    background-color: var(--item2BgColour);
}

.page:nth-child(8n+5),
.page:nth-child(8n+6) {
    color: var(--item3TextColour);    
    background-color: var(--item3BgColour);
}

.page:nth-child(8n+7),
.page:nth-child(8n+8) {
    color: var(--item4TextColour);        
    background-color: var(--item4BgColour);
}

/* Mobile navigation elements */
.navigation-mobile {
    background-color: var(--menuBgColour);
    position: fixed;
    overflow: visible;
    height: 40px;
    float: none;
    display: inline-block;
    margin-left: -110px;
    
}

.navbar-inverse {
    height: 40px;
    background-color: var(--menuBgColour);
    text-align: center;
}

.navigation-mobile>.nav-pills>li>a {
    color: var(--menuTextColour);
}

.dropdown-menu {
    background-color: var(--menuBgColour);
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus
.dropdown-menu>li.active>a {
    background-color: var(--menuDropdownColour);    
}

.navigation-mobile>.nav-pills>li>a:hover,
.navigation-mobile>.nav-pills>li>a:focus,
.navigation-mobile>.nav-pills>li.active>a {
    color: var(--item1TextColour);
    background-color: var(--menuDropdownColour);
}

/* Desktop navigation elements */
.navigation {
    position: fixed;
    margin-left: -14px;
    overflow: visible;
    font-size: 14px;
}

.navigation>.nav-pills>li>a {
    color: var(--menuTextColour);
    background-color: var(--menuButtonColour);
    margin-top: 8px;
    margin-bottom: 8px;
}

.navigation>.nav-pills>li.active:nth-child(4n+1)>a,
.navigation>.nav-pills>li:nth-child(4n+1)>a:hover,
.navigation>.nav-pills>li:nth-child(4n+1)>a:focus {
    color: var(--item1TextColour);
    background-color: var(--item1BgColour);
}

.navigation>.nav-pills>li.active:nth-child(4n+2)>a,
.navigation>.nav-pills>li:nth-child(4n+2)>a:hover,
.navigation>.nav-pills>li:nth-child(4n+2)>a:focus {
    color: var(--item2TextColour);
    background-color: var(--item2BgColour);
}

.navigation>.nav-pills>li.active:nth-child(4n+3)>a,
.navigation>.nav-pills>li:nth-child(4n+3)>a:hover,
.navigation>.nav-pills>li:nth-child(4n+3)>a:focus {
    color: var(--item3TextColour);
    background-color: var(--item3BgColour);
}

.navigation>.nav-pills>li.active:nth-child(4n+4)>a,
.navigation>.nav-pills>li:nth-child(4n+4)>a:hover,
.navigation>.nav-pills>li:nth-child(4n+4)>a:focus {
    color: var(--item4TextColour);
    background-color: var(--item4BgColour);
}

.menuitemheader {
    color: var(--menuTextColour);  
    text-align: center;  
}

/* Animation */
.slide  {
    display: flex;
    height: 100vh;
}

.slidein  {
    justify-content: space-around;
}


/* Intro animation */
@keyframes fadein1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadein1 {
    animation-name: fadein1;
    animation-duration: 2s;
}

@keyframes fadein2 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadein2 {
    animation-name: fadein2;
    animation-duration: 5s;
}

@keyframes fadein3 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadein3 {
    animation-name: fadein3;
    animation-duration: 5s;
}


@keyframes fadein4 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadein4 {
    animation-name: fadein4;
    animation-duration: 5s;
}

@keyframes fadein5 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadein5 {
    animation-name: fadein5;
    animation-duration: 5s;
}

/* Page stylings */
.portrait {
    float: left;
    padding-right: 20px;
    padding-bottom: 10px;
}

.pagetext {
    font-size: 18px;
    color: var(--pageTextColour);
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.pagetext > p {
    padding-bottom: 12px;
}

.pagetext > p > a {
    color: var(--pageLinkColour);
    font-style: italic;
}

.twittertimeline {
    text-align: center;
}


/* Book pages */
.bookpage {
    font-size: 14px;
    color: var(--pageTextColour);
    padding-left: 20px;
    padding-right: 35px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.excerptSmall {
    border-width: 1px;
    border-style: solid;
    border-color: var(--excerptBorderColour);
    margin: 10px;
    font-style: italic;
    font-size: 16px;
}

.bookpage h1 {
    text-align: center;
    padding-bottom: 20px;
}

.bookpage .p {
    margin: 0px;
}

.buyMeSpacer {
    padding-top: 30px;
}

.excerptBody {
    background: var(--pageBgTopColour);
    font-family: Calibri;
    font-size: 18px;
    color: var(--excerptTextColour);
}

.excerptClose {
    background: var(--excerptButtonColour);
    color: var(--excerptTextColour);
}

.excerptReadMore {
    text-align: right;
}

.excerptOpen {
    background: var(--excerptButtonColour);
    color: var(--excerptTextColour);

}

.review {
    margin-bottom: 30px;
    font-style: italic;
}

.review-right {
    margin-bottom: 30px;
    font-style: italic;
    text-align: right;
}

.buyMeSpacer {
    padding-top: 30px;
}

.buyMeSpacer-right {
    padding-top: 30px;
    text-align: right;
}

.bookcover {
    padding-right: 20px;
    padding-bottom: 20px;
    max-height: 420px;
}

.bookcover-right {
    padding-left: 20px;
    padding-bottom: 20px;
    max-height: 420px;
}