/*
 *
 * Theme name: Framework
 * Version: 1.0
 * Author: Jan Pascha
 * 
 *
 */
 .logo a {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 1.5em;
}

header {
    background-color: #222222;
}

.logo a span {
    font-weight: 600;
}

.logo a img {
    height: calc(82px - 0.75rem);
    margin-right: 15px;
}

.logo a:hover {
    color: #ffffff;
    background-color: #333333;
}

body {
    position: relative;
    top: 12px;
}

.hero-body * {
    color: #ffffff!important;
}

.hero {
    background-size: cover;
}

.inner-sidebar {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    padding: 0!important;
    background-color: #222222;
    margin-top: 25px;
    position: relative;
}

.short-sheet {
    padding: 25px;
}

.right-content {
    padding: 25px!important;
}

.inner-sidebar * {
    color: #ffffff!important;
}

header {
    margin-bottom: 0.75rem;
}

.has-hero .right-content {
    margin-top: 0.75rem;
}

.has-hero .left-sidebar {
    position: relative;
    top: -175px;
    margin-top: 0;
}

.owner {
    position: absolute;
    right: -3px;
    bottom: -5px;
    font-size: 3em;
    color: rgba(255, 255, 255, 0.1)!important;
    line-height: 1;
    cursor: pointer;
    padding: 0!important;
}

.relations {
    padding-bottom: 60px!important;
    padding-top: 25px;
}

.relation {
    display: flex;
    margin-bottom: 15px;
}

.relation img {
    width: 75px;
}

.relation-name {
    font-weight: 600;
}

.relation-link {
    margin-left: 10px;
    width: calc(100% - 85px);
}

.inner-sidebar > hr {
    margin: 0 25px;
    background-color: rgba(255, 255, 255, 0.25);
}

.custom-relation-picture {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 3em;
    background-color: rgba(0, 0, 0, 0.26);
}

.custom-relation-picture {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 3em;
    background-color: rgba(0, 0, 0, 0.26);
}

.excerpt > p {
    font-weight: 600;
    font-size: 1.1em;
}

.excerpt span {
    display: block;
    font-weight: 400;
    padding-left: 15px;
    font-size: 0.9em;
}

.short-sheet hr {
    background-color: rgba(255, 255, 255, 0.25);
    margin: 25px 0;
}

.relations > * {
    padding: 0 25px;
}

.significant-other {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 10px 25px 5px;
    position: relative;
    overflow: hidden;
}

.significant-other .relation {
    margin: 0;
}

.factions {
    padding-top: 10px;
}

.relation img {
    transition: all 200ms;
}

.relation:hover img {
    filter: brightness(1.5);
}

.content .tabs ul {
    margin-left: 0;
}

.content .tabs li+li {
    margin: 0;
}

.images {
    column-count: 2;
    column-gap: 0;
}

.images > a {
    display: block;
}

.images img {
    width: 100%;
    object-fit: cover;
    margin-bottom: -6px;
    transition: all 200ms;
}

.images > a:hover img {
    filter: brightness(1.25);
}

.soundtracks {
    column-count: 2;
    column-gap: 0;
}

.soundtrack {
    display: inline-block;
    background-color: #e0e0e0;
    padding: 15px;
    width: 100%;
    border: solid 5px #ffffff;
}

.soundtrack iframe {
    margin-bottom: -6px;
    width: 100%;
    min-height: 250px;
}

.copyright-footer .footer-menu > ul {
    display: flex;
}

.copyright-footer .footer-menu > ul > li > a {
    padding: 5px 10px;
    display: inline-block;
    transition: all 200ms;
}

footer {
    background-color: #222222;
    color: #ffffff;
}

.copyright-content > :first-child {
    padding: calc(.75rem + 5px);
}

footer a {
    color: #ffffff;
    font-weight: 600;
}

.copyright-footer .footer-menu > ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
}

.main-body {
    margin-bottom: 75px;
}

.significant-other:before {
    content: '\f004';
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    right: -15px;
    top: -25px;
    font-size: 8em;
    color: rgba(255, 255, 255, 0.05);
    font-weight: 600;
}

.background-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
    filter: blur(5px) brightness(85%);
}

.admin-bar .background-image {
    height: calc(100vh - 32px);
}

body.home {
    min-height: 100vh;
    background-color: #222222;
    z-index: -2;
}

body.home.admin-bar {
    min-height: calc(100vh - 32px);
}

.home-body {
    min-height: calc(100vh - 82px - 58px);
}

.admin-bar .home-body {
    min-height: calc(100vh - 82px - 58px - 32px);
}

.home-body .content > img {
    object-fit: contain;
}

.home-body .content {
    padding-top: 20vh;
}

.home-body .content .inner > * {
    color: #ffffff;
}

.home-body .content h1 {
    font-size: 3em;
}

html {
    overflow: auto!important;
}

.home .logo {
    visibility: hidden;
}

.mega-sub-menu .rpwe-block a {
    display: block;
    font-weight: 600;
    padding: 0 10px;
}

.mega-sub-menu .rpwe-block a:hover {
    background-color: rgba(0, 0, 0, 0.25)!important;
}

.mega-sub-menu .rpwe-block li:nth-child(odd) a {
    background-color: rgba(0, 0, 0, 0.05);
}

.logged-in #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item#mega-menu-item-387 {
    display: none;
}

.page-content {
    padding-top: 25px;
}

.hero {
    background-attachment: fixed;
}

.filter-container > * {
    display: block;
    width: 100%;
}

.filter-container label {
    font-weight: 600;
    margin-bottom: 10px;
}

.upper-boxes h2 {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 15px;
}

.upper-boxes > div {
    color: #ffffff;
}

.upper-boxes {
    margin-top: -175px!important;
    margin-bottom: 50px!important;
}

.upper-box-inner {
    background-color: #222222;
    height: 100%;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.recently-updated-sheet > a {
    position: relative;
    display: block;
}

.recently-updated-sheet h3 {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.filter-container select {
    padding: 10px 15px;
    border-radius: 5px;
}

.filter .upper-box-inner {
    display: flex;
    flex-direction: column;
}

.filter .upper-box-inner .columns {
    margin: auto 0;
}

.filter h2 {
    margin: 0;
}

.sheets-container .sheet img {
    width: 250px;
    height: 250px;
    object-fit: cover;
}

.sheets-container .sheet .short {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.sheets-container .sheet .short h2 {
    line-height: normal;
    color: #ffffff;
}

.sheets-container .sheet .short .button-bar {
    margin-top: auto;
}

.sheets-container .sheet {
    display: flex;
    flex-direction: column;
}

.sheets-container .sheet .short .button {
    display: block;
    margin-top: 15px;
}

.sheet-inner {
    background-color: #222222;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.post-type-archive-factions .sheet-inner .permalink img:not(.background), .post-type-archive-journals .sheet-inner .permalink img:not(.background) {
    margin: auto;
    display: block;
    z-index: 1;
    position: relative;
}

.post-type-archive-factions .sheet-inner > .permalink, .post-type-archive-journals .sheet-inner > .permalink {
    position: relative;
    overflow: hidden;
    border-bottom: solid 2px #3d3d3d;
}

.post-type-archive-factions .sheet-inner .permalink .background, .post-type-archive-journals .sheet-inner .permalink .background {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    filter: blur(5px) brightness(0.2);
}

.inner-sidebar > .permalink {
    width: 100%;
    display: block;
}

.inner-sidebar > .permalink img {
    margin: auto;
    width: 100%;
    display: block;
    object-fit: contain;
}

.member-link {
    width: 100%;
    display: block;
    background-color: #222222;
    color: #ffffff!important;
}

.member-link img {
    width: 100%;
}

.member-link * {
    color: #ffffff!important;
}

.member-inner {
    padding: 10px 25px 25px;
}

.member-position {
    font-weight: 700;
}

.member-position span {
    font-weight: 400;
}

.member {
    display: flex!important;
}

.member-name {
    min-height: 54px;
}

.journal-entry {
    padding: 25px;
    background-color: #222222;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.journal-entry .soundtrack {
    background-color: #363636;
    border-color: #363636;
    margin-bottom: 25px;
}

.journal-entry * {
    color: #ffffff!important;
}

.journal-dropdown.closed > h3:before {
    content: '+ ';
}

.journal-dropdown.opened > h3:before {
    content: '- ';
}

.journal-dropdown > h3 {
    cursor: pointer;
}

.journal-dropdown > *:not(h3) {
    padding: 0 15px;
}

.journal-dropdown {
    border-top: solid 2px #363636;
    padding-top: 10px;
}

.entry-soundtracks + .journal-dropdown {
    border: none;
    padding: 0;
}

.single-journals .right-content {
    padding: 12px!important;
}

.journal-entry:first-child {
    margin-top: 25px;
}

.short-sheet {
    padding-bottom: 50px;
}

.unknown-member {
    border: solid 2px #232323;
    border-radius: 15px;
}