/*
 * Theme Name: HP-Lexicon
 * Description: Brand new version of the Harry Potter Lexicon, Designed by Patricio Tarantino, Implemented by Nicholas Moline
 * Author: Patricio Tarantino and Nicholas Moline
 * Version: 3.1.0
 * License: private
 * Tags: responsive
*/
body {
    padding-top: 50px;
}
.navbar-brand {
    font-family: "lusitana", serif;
    float: left;
}
.navbar-brand em {
    font-weight: 700;
    margin: 0 4px;
    color: #fff;
}
.navbar .show_dropdown {
    float: left;
}
.show_dropdown button {
    background: none;
    border: 0;
    color: #fff;
    margin-top: 10px;
    font-size: 1.4em;
}
.bottom-up {
    top: auto;
    bottom: 100%;
}
.dropdown li.s {
    font-size: 0.7em;
}

.only_login {
    display: none !important;
    transition: all 1s;
}

.icon-bullet {
    margin-right: 5px;
}
.navbar .logged {
    display: none;
}

#login {
    padding: 5px;
    width: 520px;
    max-width: 100%;
    overflow: hidden;
}

#login input {
    border: 0px;
    padding: 5px 10px;
    border-radius: 3px;
    float: left;
    margin: 10px;
    border: 1px solid #ccc;
}

#login input.search_btn {
    margin: 10px;
    background: #000;
    color: #fff;
}

.dropdown-menu.search {
    padding: 0;
}
.dropdown-menu.search .adv,
.dropdown-menu.login .adv {
    font-size: 12px;
    color: #555;
    float: right;
    margin-right: 100px;
    clear: both;
}

@media (max-width: 600px) {
    .dropdown-menu.search .adv,
    .dropdown-menu.login .adv {
        float: left !important;
        color: #fff !important;
        margin-left: 10px;
    }
}

#topnav-search {
    padding: 5px;
}

#topnav-search form {
    width: 310px;
    overflow: hidden;
}

#topnav-search form label {
    display: none;
}

#topnav-search form input {
    border: 0px;
    padding: 5px 10px;
    border-radius: 3px;
    float: left;
    margin: 10px;
    border: 1px solid #ccc;
}

#topnav-search form #searchsubmit {
    margin: 10px;
    background: #000;
    color: #fff;
}

.big_title {
    width: 100%;
    overflow: hidden;
    background: url("images/parchment.jpg") #d2b371;
    background-size: cover;
    display: block;
}

.big_title a {
    color: #333;
}

/*
.characters .big_title{
	background: url('images/tapestry.jpg') #d2b371;
}
*/
.big_title.creatures {
    background: url("images/tapestry_creatures.jpg");
}

.big_title .row {
    margin-top: 20px;
    margin-bottom: 4px;
}

.big_title h1 {
    font-family: "im fell english";
    font-size: 4em;
    margin-top: 5px;
    font-weight: bold;
}

.big_title h1 span.sub {
    font-size: 0.5em;
    margin-left: 10px;
}

.big_title h2.book_author,
.big_title h2.media_artist {
    color: #363636;
    font-family: "im fell english";
    font-size: 2em;
    padding-left: 5px;
    font-style: italic;
    cursor: pointer;
    font-weight: bold;
}

.big_title span.cat {
    color: #363636;
    font-family: "im fell english";
    font-size: 2em;
    font-style: italic;
    cursor: pointer;
    font-weight: bold;
}

@media (max-width: 720px) {
    .big_title h1 {
        font-size: 3em;
    }
    .big_title .row.title {
        margin-top: 10px;
    }
    /*.big_title span{
		font-size: 1.5em;
	}*/
}

.big_title .row.title .icons {
    text-align: right;
    max-width: 40%;
}

.big_title .row.title .icons a {
    display: inline-block;
    margin: 0 5px;
    font-size: 32px;
    cursor: pointer;
    margin-top: 25px;
}
.big_title .row.title .icons a img {
    width: 42px;
    height: 42px;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 720px) {
    .big_title .row.title .icons {
        clear: both;
        float: none;
        max-width: 100%;
        width: 100% !important;
        text-align: left;
    }
    .big_title .row.title .icons a {
        margin: 10px;
        font-size: 22px;
        cursor: pointer;
    }
    .big_title .row.title .icons a img {
        width: 24px;
        height: 24px;
    }

    .alignleft,
    .alignright {
        display: block !important;
        clear: both !important;
        float: none !important;
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    .navbar-nav {
        margin: 0;
    }
}

.save_row {
    background: #ff0000;
    color: #fff;
    text-align: right;
    overflow: hidden;
    width: 100%;
    display: none;
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
}
.save_row:hover {
    background: #a00000;
}

.spoiler_warnings {
    overflow: hidden;
    background: #800000;
    display: block;
    padding: 10px;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #fff;
    /*margin-bottom: 15px;
	border-radius: 10px;*/
}
.spoiler_warnings .alignleft,
.site_banner .alignleft {
    margin: 3px 7px 0 10px;
}
.site_banner {
    overflow: hidden;
    background: #005d07;
    display: block;
    padding: 5px;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #cecece;
    text-align: center;
    /*margin-bottom: 15px;
	border-radius: 10px;*/
}
.site_banner a {
    color: #fff;
}

.relationships {
    width: 100%;
    overflow: hidden;
    background: #52005c;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
}
.relationships span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
}
.relationships span {
    color: #cecece;
    cursor: pointer;
    margin: 0 15px;
}
.relationships span.disabled {
    cursor: default;
    opacity: 0.5;
}
.relationships span:not(.disabled):hover {
    color: #fff;
}

.relationships_links {
    width: 100%;
    overflow: hidden;
    background: #320e36;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    display: none;
}
.relationships_links .links {
    display: none;
}
.relationships_links .links a {
    color: #fff;
    margin: 0 10px;
}
.relationships_links .links .letters a {
    color: #fff;
    margin: 0 7px;
}
.relationships_links .links .letters span {
    color: #999;
    margin: 0 7px;
}

.breadcrumbs {
    width: 100%;
    overflow: hidden;
    background: #52005c;
    display: block;
    padding: 5px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
}
.breadcrumbs span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
}
.breadcrumbs span,
.breadcrumbs a {
    color: #cecece;
    padding-right: 5px;
}
.breadcrumbs a:hover {
    color: #fff;
}
.breadcrumbs .sep:before {
    content: "\203A";
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #52005c;
}

.content-wrapper {
    margin-top: 30px;
}

article {
    font-family: "lusitana", serif;
}

.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4 {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.content-wrapper {
    font-size: 1.4em;
    margin-bottom: 2em;
}

.content-wrapper p {
    margin-bottom: 2em;
    line-height: 1.6em;
}

.content-wrapper blockquote {
    font-style: italic;
    font-size: 1em;
}

.content-wrapper .keywords {
    font-family: sans-serif;
    font-size: 1em;
    margin-bottom: 30px;
}
.content-wrapper .keywords span:not(.more),
.content-wrapper .keywords a:not(.more) {
    font-family: sans-serif;
    color: #fff;
    background: #6d5521;
    padding: 4px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    margin: 2px 3px;
    display: inline-block;
}
.content-wrapper .keywords span:not(.more):hover,
.content-wrapper .keywords a:not(.more):hover {
    background: #3f2d06;
}

.content-wrapper .keywords span.own,
.content-wrapper .keywords a.own {
    background: #8c0000;
}

.content-wrapper .keywords span.own:hover,
.content-wrapper .keywords a.own:hover {
    background: #5c0d0d;
}

.content-wrapper .keywords span.more {
    display: none;
}

.content-wrapper .keywords span.see_more,
article .keywords span.see_less {
    background-color: #aa9466;
}

.content-wrapper .image {
    margin: 5px 20px 5px 0px;
    float: left;
}
.content-wrapper .image.right {
    float: right;
    margin: 5px 0px 5px 20px;
}

.content-wrapper .image p {
    font-size: 13px;
    margin: 5px 0;
    padding: 5px;
}

.content-wrapper .image.right p {
    text-align: right;
}

@media (max-width: 720px) {
    .content-wrapper .image {
        clear: both;
        margin: 10px auto;
        float: none !important;
        text-align: center;
    }
    .content-wrapper .image p {
        text-align: center;
    }

    .content-wrapper .image img {
        max-width: 95%;
    }
}

.content-wrapper div.quote {
    max-width: 90%;
    width: 700px;
    text-align: center;
    color: #7a7a7a;
    font-style: italic;
    margin: 20px auto;
    padding: 10px 50px;
    border-top: 1px solid #7a6649;
    border-bottom: 1px solid #7a6649;
}

.content-wrapper div.quote blockquote {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.content-wrapper div.quote p {
    margin-bottom: 0px;
}

.content-wrapper div.quote p.author {
    text-align: right;
    font-size: 0.7em;
    font-style: normal;
    margin: 0;
    margin-top: 10px;
}

.content-wrapper div.opinion {
    width: 100%;
    margin: 20px auto;
    padding: 10px 20px;
    background: #eee;
}

.content-wrapper div.opinion p {
    margin: 5px auto;
}

.content-wrapper div.opinion p.author {
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.facets {
    display: block;
    margin: 5px 20px;
    float: right;
    width: 300px;
}

.right_container {
    display: block;
    margin: 5px 20px;
    width: 300px;
    float: right;
}

.right_container .fact_box {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    float: none;
}

.right_container #right_relationships {
    display: block;
    margin-bottom: 20px;
    font-size: 0.8em;
}

.right_container #right_relationships .panel-heading {
    background: #692c00;
    border-top: 1px solid #eee;
    color: #fff;
}

.right_container #right_relationships li {
    color: #000;
    list-style-type: none;
    background: #d1b586;
}
.right_container #right_relationships li a {
    color: #000;
}

.right_container .related_box .header {
    background: #692c00;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.related_container .panel {
    margin: 0;
    margin-top: 0;
    border-radius: 0;
    border: 0;
}

.related_container .panel-body {
    font-size: 0.8em;
    background-color: #d1b586;
    padding: 8px;
}

.lexicon_toc {
    background-color: #d1b586;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.lexicon_toc .lexicon_toc_heading {
    text-align: center;
    padding: 8px;
    display: block;
    color: #fff;
    background-color: #692c00;
}

.lexicon_toc ul {
    margin: 5px;
    margin-left: 10px;
    padding: 0px;
}

.lexicon_toc ul ul {
    margin-left: 15px;
}

.lexicon_toc li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.lexicon_toc li a {
    color: #000;
    font-size: 0.8em;
}

#toc_container {
    display: none;
}

.lexicon_player {
    background: #d1b586;
    margin-bottom: 10px;
}

.lexicon_player .lexicon_player_heading {
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    color: #fff;
    background-color: #692c00;
}

.lexicon_player .lexicon_player_panel {
    padding: 8px;
}

.lexicon_player .lexicon_player_panel .powerpress_links {
    font-size: 14px;
    font-weight: bold;
}
.lexicon_player .powerpress_links a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

.related_container .related_container_heading {
    text-align: center;
    padding: 8px;
    display: block;
    color: #fff;
    background-color: #692c00;
}

.relatedlink-container {
    margin-bottom: 10px;
}

.related_container .panel-body a {
    color: #000;
}

.related_container .panel-heading {
    background: #8a744e;
    color: #000;
    font-weight: bold;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    text-transform: uppercase;
    padding: 8px;
    text-align: center;
}

.related_container .panel-heading a {
    text-decoration: underline;
}

.related_container .panel-heading:nth-child(even) {
    background: #d1b586;
}

.related_container .panel-group .panel + .panel {
    margin-top: 0px;
}

.fact_box {
    display: block;
    margin: 5px 20px;
    background: #8a744e;
    width: 300px;
    float: right;
    color: #000;
    font-size: 0.8em;
}

.col-md-3 .fact_box,
.col-md-4 .fact_box {
    width: 100%;
    float: none;
    display: block;
    margin: 0;
    margin-bottom: 20px;
}

.fact_box .header {
    background: #692c00;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: none !important;
    font-size: 1.2em;
}

.fact_box .header a {
    color: #fff;
}

.fact_box.theories {
    background: #d1b586;
}

.fact_box.theories .title {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 1.1em;
    padding: 5px;
}

.fact_box.theories .intro {
    font-size: 0.9em;
    color: #333;
    padding: 5px 10px;
}

.fact_box.theories a {
    text-decoration: underline;
    display: block;
    margin: 4px 10px;
    color: #000;
}

@media (max-width: 720px) {
    .fact_box {
        clear: both;
        margin: 10px auto;
        float: none !important;
        width: 100%;
    }

    .featured_image {
        margin: 0 auto;
    }

    .featured_image .alignleft {
        margin: 0 auto !important;
    }
}

.fact_box .data {
    width: 100%;
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
}
.fact_box .data:nth-child(even) {
    background: #d1b586;
}
.image_copyright_box {
    background: #d1b586;
    padding: 8px;
    font-size: 0.8em;
}
.fact_box .data span {
    float: right;
    text-align: right;
    text-transform: none;
    font-weight: normal;
    /*max-width: 200px;*/
}
.fact_box .data span span {
    float: none;
}
.fact_box .data span a {
    color: #000;
    text-decoration: underline;
    display: block;
}

.fact_box .data.social span a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding-left: 5px;
}

.fact_box .data.social span a:hover {
    color: #009;
    text-decoration: none;
    display: inline-block;
}

.path {
    width: 100%;
    overflow: hidden;
    background: #005d07;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #888;
    text-align: center;
}

.path .title-column {
    text-align: left;
}

.path span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}
.path a {
    color: #cecece;
    cursor: pointer;
    margin: 0;
}

.family-member {
    white-space: nowrap;
}

.family-member .relationship {
    font-size: 0.8em;
}

.sources {
    width: 100%;
    overflow: hidden;
    background: #003259;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}
.sources span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}
.sources a {
    color: #cecece;
    cursor: pointer;
    margin: 5px 0px;
    display: block;
}
.sources a.current {
    color: #fff;
    font-weight: 700;
}
.sources a.sub {
    margin-left: 15px;
    color: #aaa;
}

div.canon {
    width: 100%;
    overflow: hidden;
    background: #003259;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}
div.canon span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}
div.canon a {
    color: #cecece;
    cursor: pointer;
    margin: 6px 15px;
    white-space: nowrap;
    display: inline-block;
}
div.canon a.chapter {
    margin: 6px;
}
div.canon a.current {
    color: #fff;
    font-weight: 700;
}
div.canon a.sub {
    margin-left: 15px;
    color: #aaa;
}
div.canon .col-md-10 {
    text-align: center;
    margin-bottom: 15px;
}
div.canon a.act {
    font-weight: bold;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
div.canon .sources-links {
    display: none;
}
div.canon .sources-links.act {
    display: block;
}

.timeline {
    width: 100%;
    overflow: hidden;
    background: #692c00;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}

.timeline time {
    font-weight: bold;
}

.timeline span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}

.timeline a {
    color: #cecece;
    cursor: pointer;
    /*margin: 5px 0px;*/
    display: block;
}

.timeline .current {
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
}

.timeline .current a {
    color: #fff;
    font-weight: 700;
}

.timeline a.sub {
    margin-left: 15px;
    color: #aaa;
}

.timeline_box {
    border: 1px solid #000;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.timeline .item {
    width: 100%;
    clear: both;
    padding: 10px 0;
    overflow: hidden;
    padding-right: 15px;
}

.timeline ul {
    margin: 0;
    padding: 0;
}

.timeline li {
    display: block;
    list-style-type: disc;
}

.timeline li.important {
}

.timeline .item a {
    color: #000;
}

.timeline .item.title {
    margin-top: 0px !important;
    padding-top: 0px;
}

.timeline .item.title > div {
    font-weight: bold;
    color: #fff;
}

.timeline .item > div {
    float: left;
    display: block;
}

.timeline .item > div.book {
    text-align: center;
    width: 5%;
}

.timeline .item > div.year {
    text-align: center;
    width: 10%;
}

.timeline .item > div.content {
    width: 85%;
}

.timeline_box .item {
    background-color: #f7d8c1;
    color: #000;
}

.timeline_box .item:nth-child(even) {
    background-color: #c7b2a3;
}

.timeline_box .current,
.timeline_box .current a {
    color: #005d07;
}

.rel_context {
}

.rel_context span.title {
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}

.rel_context span.title a {
    color: #fff;
}

.rel_context a {
    color: #cecece;
    cursor: pointer;
    margin: 5px 0;
    display: block;
}

.rel_context a.current {
    font-weight: bold;
    color: #fff;
}

.rel_context_a {
    width: 100%;
    overflow: hidden;
    background: #49497a;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}

.rel_context_b {
    width: 100%;
    overflow: hidden;
    background: #28285c;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}

.rel_creatures {
    width: 100%;
    overflow: hidden;
    background: #49497a;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}

.col-md-3 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rel_places_in {
    background: #28285c !important;
}

.rel_creatures span.title {
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}
.rel_creatures a {
    color: #cecece;
    cursor: pointer;
    margin: 5px 0px;
    display: block;
}
.rel_creatures span.title a {
    margin: 0;
    color: #fff;
}
.rel_creatures a.current {
    color: #fff;
    font-weight: 700;
}
.rel_creatures a.sub {
    margin-left: 15px;
    color: #aaa;
}

.footer {
    width: 100%;
    background: #000;
}
.footer a {
    color: #fff;
}
.footer .small {
    font-size: 0.8em;
    clear: both;
    color: #fff;
    margin-left: 15px;
}
.footer .small a {
    float: none;
}
.footer .dropdown {
    display: inline-block;
}

.footer .dropdown ul {
    margin-bottom: -14px;
}

@media (max-width: 720px) {
    .footer {
        padding-bottom: 60px;
    }
    .footer .navbar-brand {
        font-size: 1em;
    }
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}

#share {
    height: 30px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100000;
}

#share a.share {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    transition: all 0.5s ease;
}
#share a.share.save {
    background: #12b500;
}
#share a.share.fb {
    background: #3b5998;
}
#share a.share.twitter {
    background: #55acee;
}
#share a.share.gplus {
    background: #dd4b39;
}
#share a.share.pinterest {
    background: #cc2127;
}

.essay_context {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 1em 0;
    list-style-type: none;
}

.essay_context:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: " ";
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    background: rgb(231, 231, 231);
    background: linear-gradient(
        to bottom,
        rgba(231, 231, 231, 0) 0%,
        rgb(231, 231, 231) 8%,
        rgb(231, 231, 231) 92%,
        rgba(231, 231, 231, 0) 100%
    );
    z-index: 5;
}

.essay_context > div {
    width: 60%;
    background: #e7e7e7;
    color: #000;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 20px auto;
    z-index: 6;
    position: relative;
    background-repeat: no-repeat;
    background-position: 20px 5px;
}

@media (max-width: 720px) {
    .essay_context > div:not(.current) {
        padding-top: 80px;
        background-position: center 10px;
    }
}

.essay_context > div > span {
    display: block;
    clear: both;
    margin: 5px auto;
    font-size: 1.1em;
    font-weight: bold;
}

.essay_context > div.current {
    font-weight: bold;
    background: #fff;
}

.rel_essays {
    width: 100%;
    overflow: hidden;
    background: #b19d79;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
}
.rel_essays span.title {
    margin-right: 25px;
    cursor: default;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
}
.rel_essays a {
    color: #cecece;
    cursor: pointer;
    margin: 5px 0px;
    display: block;
}
.rel_essays a.current {
    color: #fff;
    font-weight: 700;
}
.rel_essays a.sub {
    margin-left: 15px;
    color: #aaa;
}

.rel_essays_box {
    border: 1px solid #000;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.rel_essays .item {
    width: 100%;
    clear: both;
    display: block;
    padding: 10px 0;
    overflow: hidden;
    padding-right: 15px;
}
.rel_essays .item.title {
    margin-top: 0px !important;
    padding-top: 0px;
}
.rel_essays .item.title > div {
    font-weight: bold;
    color: #fff;
}
.rel_essays .item > div {
    float: left;
    display: block;
}
.rel_essays .item > div.book {
    text-align: center;
    width: 5%;
}
.rel_essays .item > div.year {
    text-align: center;
    width: 10%;
}
.rel_essays .item > div.content {
    width: 85%;
}
.rel_essays_box .item {
    background-color: #f7d8c1;
    color: #000;
}
.rel_essays_box .item:nth-child(even) {
    background-color: #c7b2a3;
}

.rel_books {
    width: 100%;
    overflow: hidden;
    background: #f5f4f0;
    display: block;
    padding: 10px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
    color: #777;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.rel_books a {
    margin: 5px 15px;
}
.rel_books a img {
    width: 36px;
    height: 57px;
}
.admin-bar .navbar-fixed-top {
    top: 32px;
}

/* Wordpress Image Alignment */
/**
 * 8.0 Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
    content: "";
    display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
    clear: both;
}

/**
 * 14.0 Media
 */

.site .avatar {
    border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

audio,
canvas {
    display: inline-block;
}

embed,
iframe,
object,
video {
    margin-bottom: 1.6em;
    max-width: 100%;
    vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
    padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
    top: 10px;
}

/**
 * 14.1 Captions
 */

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "noto sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

/**
 * 14.2 Galleries
 */

.gallery {
    margin-bottom: 1.6em;
}

.gallery-thumb {
    display: inline-block;
    width: 150px;
    height: 150px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "noto sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.single-item .definition p,
.trivia .definition p {
    font-size: 1.4em;
}

.tease {
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
    /*font-size: 1.5em;*/
    color: #000;
    text-decoration: none;
    margin-bottom: 10px;
    background: #fff;
    z-index: 10;
    position: relative;
}

.tease .tease-thumb {
    float: right;
    margin-left: 10px;
}

.timeline_tmlabel .tease-thumb {
    float: right;
    margin-left: 10px;
    border: 1px solid #999;
}

.tease a {
    color: #000;
}
.tease a:hover {
    text-decoration: none;
}

.tease .type {
    font-size: 0.7em;
}
.tease .type a,
.tease .type time {
    font-weight: bold;
}
.tease .descr {
    display: block;
    font-size: 0.7em;
}
.tease .descr a {
    text-decoration: underline;
}

.tease.exact-match {
    border-color: #005d07;
}

.tease:hover {
    border-color: #52005c;
    box-shadow: 0 0 5px #52005c;
}

/* HomePage */
.welcome {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    font-size: 1.7em;
    line-height: 2em;
    color: #fff;
    background: url("images/home_bg.jpg");
    background-size: cover;
    display: block;

    position: relative;
}
.welcome a {
    color: #fff;
}
.welcome p {
    font-family: "im fell english";
    width: 70%;
    margin: auto;
    text-shadow: 0 0 7px #000;
}
.welcome p span {
    clear: both;
    display: block;
}
.welcome p span.big {
    font-size: 2em;
}
.welcome p span.year {
    clear: none !important;
    display: inline !important;
    font-size: 1.5em;
}

.welcome p span img {
    height: 25px;
    margin: 0 15px;
}
.welcome .credit {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    font-family: sans-serif;
    color: #fff;
    font-size: 11px;
    padding: 5px;
    line-height: 12px;
    border-top-left-radius: 10px;
}

.books_home {
    text-align: center;
    background-color: #f1f0ec;
    margin: 20px 0;
    padding: 20px 0 5px 0;
    width: 100%;
    overflow: hidden;
}
.books_home img {
    cursor: pointer;
}
.books_home span {
    text-align: center;
    font-size: 1.2em;
    font-style: italic;
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.home .box {
    width: 100%;
    margin: 10px 0;
    margin-bottom: 20px;
    min-height: 160px;
    height: 160px;
    overflow: hidden;
    background: #2e4163;
    display: block;
}

.home .box.featured {
    min-height: 340px;
    height: 340px;
    width: 48%;
    margin: 10px 1%;
}

.home #carousel-home-featured {
    height: 340px;
    width: 100%;
    overflow: hidden;
}

.author #carousel-artist-artwork {
    height: 530px;
    width: 100%;
    overflow: hidden;
}

.home .box.featured > div {
    text-align: justify;
    color: #fff;
    cursor: pointer;
}

#carousel-home-featured h4 {
    border: 0;
    font-size: 1.2em;
    width: 85%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
}

.box .home_featured_article_image {
    padding-right: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 13px;
    float: right;
}

#on_this_day .home_featured_article_image,
#quote_of_the_day .home_featured_article_image,
#home_trivia .home_featured_article_image {
    padding-right: 5px;
    padding-top: 5px;
}

#carousel-home-featured h4 a {
    color: #fff;
}

.carousel-caption,
.carousel-caption a {
    color: #fff;
    padding-bottom: 45px;
    text-shadow: 0 0 7px #000;
    text-decoration: none;
}
#carousel-home-featured .carousel-indicators {
    bottom: 10px;
}
.box.featured button {
    color: #000;
}
.box.featured button.slick-next:before,
.box.featured button.slick-prev:before {
    color: #000;
}

.home .box.featured > div p {
    width: 85%;
    margin: auto;
    font-size: 0.9em;
    font-weight: 300;
}

.home .box span a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 5px;
    font-size: 0.8em;
}

.home .box p {
    font-size: 0.7em;
    color: #aeaeae;
    text-align: justify;
    display: block;
    width: 85%;
    margin: auto;
    margin-top: 10px;
}

#carousel-home-featured p {
    text-align: justify;
}
.home .box p a {
    color: #fff;
    text-decoration: underline;
}

.more_sources {
    clear: both;
    display: none;
    width: 100%;
    margin-bottom: 20px;
}

.more_sources h4 {
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    line-height: 10px;
}
.more_sources h4 img {
    height: 15px;
    width: auto;
    vertical-align: middle;
    margin-top: -9px;
}
.more_sources h4 .close_t {
    position: absolute;
    right: 30px;
    cursor: pointer;
}

.more_sources .book {
    display: block;
    width: 100%;
    height: 30px;
    margin: 5px auto;
    line-height: 30px;
    color: #fff;
}

.more_sources .book.book1 {
    background-color: #a80000;
}
.more_sources .book.book2 {
    background-color: #323f94;
}
.more_sources .book.book3 {
    background-color: #8200ad;
}
.more_sources .book.book4 {
    background-color: #e83600;
}
.more_sources .book.book5 {
    background-color: #e8aa00;
}
.more_sources .book.book6 {
    background-color: #398000;
}
.more_sources .book.book7 {
    background-color: #3d3d3d;
}

.more_sources .book .title {
    line-height: 30px;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 30%;
    margin-right: 30px;
    text-align: center;
    float: left;
}

.more_sources .book a {
    color: #fff;
    margin: 0 20px;
}

.home_by_book {
    color: #fff !important;
    cursor: pointer !important;
}

.home .breadcrumbs,
.currency-converter .breadcrumbs {
    border: none;
    text-align: center;
    overflow: hidden;
}

.home .breadcrumbs span.section,
.currency-converter .breadcrumbs span.section {
    display: inline-block;
    text-align: center;
    border-right: 1px solid #794a66;
    padding-left: 7px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 2px;
}

.home .breadcrumbs span.section:last-child,
.currency-converter .breadcrumbs span.section:last-child {
    border-right: 0px;
    padding-right: 0px;
}

.home .breadcrumbs span.section img,
.currency-converter .breadcrumbs span.section img {
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 10px;
    margin-right: 10px;
}

.home .breadcrumbs span,
.home .breadcrumbs a,
.currency-converter .breadcrumbs span,
.currency-converter .breadcrumbs a {
    padding: 0;
}

.home .top_bar {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 96.5%;
    font-size: 0.7em;
    margin: 10px auto;
    box-sizing: border-box;
    padding: 5px;
    overflow: hidden;
    text-align: center;
}

.home .top_bar img.wrap {
    height: 20px;
    width: auto;
}

.home .top_bar span.section {
    display: inline-block;
    text-align: center;
    border-right: 2px solid #000;
    padding-left: 10px;
    padding-right: 10px;
}
.home .top_bar span.section strong {
    margin-right: 5px;
}
.home .top_bar span.section:last-child {
    border-right: 0px;
    padding-right: 0px;
}
.home .top_bar span.section img {
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 10px;
    margin-right: 10px;
}
.canon.home_canon {
    display: none;
}
body.home .canon,
body.legacy .canon {
    display: none;
}
/*.header .canon {
	display: none;
}*/

.relationships span.canon_rel.disabled {
    color: #cecece;
    cursor: pointer;
}
.relationships span.canon_rel.disabled:hover {
    color: #fff;
}
.home_initial {
    clear: both;
    display: block;
}
h3.latest_lexicon {
    clear: both;
    display: block;
    margin-top: 40px;
}

span.blog_date {
    font-weight: 300 !important;
    font-size: 0.6em !important;
    margin-left: 20px;
    font-style: italic;
    float: right;
}

.list-archive-list span.type {
    font-style: italic;
    font-size: 0.8em;
}
.list-archive-list a.child-list {
    font-weight: bold;
    color: #000;
}

.timeline-event {
    margin: -7px 5px 0 0;
    padding: 5px 0;
    position: relative;
}

.timeline-event:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #dbdbdb;
    left: 20%;
    margin-left: -10px;
}

.timeline-event .timeline-tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.timeline-event .timeline-tmtime span {
    display: block;
    text-align: right;
}

.timeline-event .timeline-tmtime span:first-child {
    font-size: 1.1em;
    color: #aaa;
}

.timeline-event .timeline-tmtime span:last-child {
    font-size: 2em;
    color: #333;
}

.timeline-event .timeline_tmlabel {
    margin: 0 0 15px 25%;
    background: #e6e6e6;
    color: #000;
    padding: 1em;
    font-size: 0.8em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    min-height: 130px;
}

.timeline-event .timeline_tmlabel p {
    margin-bottom: 5px !important;
}

.timeline-event:nth-child(odd) .timeline_tmlabel {
    background: #cccccc;
}

.timeline-event .timeline_tmlabel h2 {
    font-size: 1.6em;
    margin-top: 0px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* The triangle */
.timeline-event .timeline_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #e6e6e6;
    border-width: 10px;
    top: 10px;
}

.timeline-event:nth-child(odd) .timeline_tmlabel:after {
    border-right-color: #cccccc;
}

/* The icons */
.timeline-event .timeline_tmicon {
    width: 40px;
    height: 40px;
    font-size: 1.4em;
    line-height: 40px;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #dbdbdb;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px;
    background: url("icon2.png") center center no-repeat #fff;
    background-size: 120%;
}

@media (max-width: 480px) {
    .welcome p span img {
        display: none;
    }

    .timeline-event {
        margin: 0;
        padding: 5px 0;
        position: relative;
    }

    .timeline-event:before {
        display: none;
    }

    .timeline-event .timeline-tmtime {
        width: 100%;
        padding: 0 0 20px 0;
        position: relative;
        clear: both;
    }

    .timeline-event .timeline-tmtime span {
        text-align: left;
        display: inline-block;
        color: #333 !important;
    }

    .timeline-event .timeline_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .timeline-event .timeline_tmlabel h2 {
        font-size: 1.1em;
    }

    .timeline-event .timeline_tmlabel .descr {
        font-size: 1em;
    }

    .timeline-event .timeline_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #e6e6e6;
        top: -20px;
    }

    .timeline-event:nth-child(odd) .timeline_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #cccccc;
    }

    .timeline-event .timeline_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

@media (max-width: 760px) {
    .home .box {
        width: 100%;
        margin: 10px 0;
    }
    .home .box.featured {
        margin: 10px auto !important;
        width: 90%;
        clear: both;
        float: none;
    }

    .timeline-event .timeline-tmtime span:last-child {
        font-size: 1.1em;
    }
}

@media (max-width: 860px) {
    .site_banner {
        padding-top: 10px;
    }
    .site_banner .wrap {
        display: none;
    }
    .breadcrumbs .section .wrap {
        display: none;
    }
}

@media (max-width: 775px) {
    .breadcrumbs span.section {
        display: block;
        border-right: none;
        border-bottom: 1px solid #794a66;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 100%;
        text-align: center;
    }
    .breadcrumbs span.section:nth-child(3) {
        border-bottom: none;
    }
}

@media (max-width: 1200px) {
    .home .top_bar span.section {
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }
    .home .top_bar img.wrap {
        display: none;
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 500px;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;

    background: #003259;
    display: block;
    padding: 5px 0;
    font-family: "lusitana", serif;
    font-size: 1em;
}

.marquee .stock-ticker {
    display: inline-block;
    padding-left: 100%; /* show the marquee just outside the paragraph */
    animation: marquee 65s linear infinite;
    color: #cecece;
}

.marquee .stock-ticker:hover {
    animation-play-state: paused;
}

/* Make it move */
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.marquee .stock-ticker-item {
    margin-left: 45px;
    color: #cecece;
}