/*
Theme Name: Marvelous - Freedom
Dieses File ist eine Erg�nzung von styles_basic.css des RPG-Basisthemes. Es enth�lt 
die n�tigen Variablen, welche im Basistheme angesprochen werden, ausserdem eventuelle
Abweisungen.
*/

/* VARIABLES 
---------------*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Hurricane&family=Open+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

:root {
	--bgTitleBars: rgba(40, 23, 39, 0.8);
	--bgBoxes: rgba(214, 207, 212, 0.85);
	--bgFull: rgba(214, 207, 212, 0);
	--textColor: rgba(40, 23, 39, 1);
	--titleColor: rgba(214, 207, 212, 1);
	--fontWeightTitle: 200;
	--fontFamilyText: 'Open Sans', sans-serif;
	--fontFamilyTitle: 'Cinzel', serif; 
	--smallFont: 14px;
	--mediumFont: 14px;
	--bigFont: 18px;
	--titleTransform: uppercase;
	--transparency: rgba(214, 207, 212, 0.4);

	--imageNewPost: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/on.gif');
	--imageBackground: url('https://marvelous.das-rpg.ch/wp-content/themes/Basistheme/magneto-bg.jpg');
	--imageHeader: '';
	--imageSticky: url('https://marvelous.das-rpg.ch/wp-content/uploads/2019/01/infobutton_freedom.png');

	--imageCat1: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid1.png');
	--imageCat2: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid3.png');
	--imageCat3: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid11.png');
	--imageCat4: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid16.png');
	--imageCat5: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid26.png');
	--imageCatArchive: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid20.png');
	
	--basicPadding: 30px 50px 30px 30px;
}


@media all and (max-width:900px) {
    :root {
        --basicPadding: 15px 25px 15px 15px;
        --smallFont: 10px;
	    --mediumFont: 12px;
    }
}
/* ----------------------------------------------------- */

* {
    box-sizing: border-box;
}

/*FONT*/

h1, h2 {
    color: rgba(214, 207, 212, 1);
}

/* BACKGROUND */

body, body.forum {
    background: none;
	max-width: 100vw;
	overflow-x: hidden !important;
}

body::before {
    position: fixed;
    left:0;
    top: 0;
    content: '';
    width: 100vw;
    height: 100vh;
    background: var(--imageBackground);
    background-size: cover;
    z-index: -1;
}

/* BASICS */

article {
    margin: 0;
    padding: 0;
}

/* NAVIGATION
-----------------*/

#rpg_wrapper {
    margin-top: 0;
}

#rpg_wrapper_2 nav .menu-head-container {
    background: var(--bgTitleBars);
    height: 35px;
    display:flex;
    align-items:center;
}

ul.menu li.menu-item-has-children>a::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--titleColor);
}

nav.lze_top {
    position: absolute;
    width: 100vw;
    left: 0;
    z-index:999;
}

nav.lze_top a {
    color: var(--titleColor) !important;
    font-family: var(--fontFamilyTitle) !important;
    text-transform: uppercase !important;
    font-size:var(--bigFont) !important;
}

#rpg_wrapper_2 ul#menu-head {
    gap: 60px;
}

ul.menu > li > ul {
    top: unset;
}

nav ul {
    grid-template-rows: auto;
}

nav.lze_top .sub-menu a {
    text-align:left;
    font-size:var(--bigFont) !important;
    padding: 0 !important;
}

#rpg_wrapper_2 ul#menu-head ul li a {
    font-size: 16px !important;
    text-transform: none !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid var(--titleColor);
}

#rpg_wrapper_2 ul#menu-head ul li:last-of-type a {
    border-color: transparent !important;
}



#rpg_wrapper_2 nav ul ul {
    background: var(--bgTitleBars);
    margin-top: 6px;
}

nav.lze_top .lze_discord {
    height: 30px;
    width: 30px;
    background: url('/wp-content/themes/Basistheme/discord-marv.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

nav.lze_top .lze_discord a {
    color: transparent !important;
}

/* gesuche erstellen shortcode */

#rpg_wrapper .rpg_createwanted {
    text-align: center;
    font-size:var(--smallFont);
}

#rpg_wrapper .rpg_createwanted a {
    font-size:var(--smallFont);
}

/* HEAD PART OF TEMPLATE */

.lze_3spaces {
    position: relative;
    margin: unset;
    background: var(--bgBoxes);
    grid-gap: 0;
    margin-top: 45px;
}

.lze_3_spaces {
    background: transparent;
}

.lze_3_spaces .textwidget {
    padding: 20px 40px;
    text-align: center;
}

header .lze_banner::before {
    position: absolute;
    width: 915px;
    height: 255px;
    display: block;
    content: '';
    margin-top: 90px;
    margin-left: -194px;
    background: url('/wp-content/themes/Basistheme/magneto-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

@media all and (max-width:900px) {
    header .lze_banner::before {
        content: '';
        width: calc(100% - 40px);
        height: auto;
        margin-top: 20px;
        margin-left: 20px;
        aspect-ratio: 915 / 255;
    }
}

#rpg_wrapper_2 .lze_3spaces h2 {
    position: absolute;
    top: -35px;
    width: calc(100% / 3);
}

.rpg_message {
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--bgTitleBars);
    height: 40px;
    width: 300px;
    margin: auto;
}

.rpg_message a {
    color: var(--titleColor);
}

body .rpg_unread::before {
    position: absolute;
    content: '';
    margin-left: -40px;
    width: 20px;
    height: 60px;
    background-size: 100%;
}

#rpg_wrapper article.rpg_text > ul, 
#rpg_wrapper article.rpg_text > ul > li {
    margin: 0;
}


/* HEADERS IN FORUM LIST*/

#rpg_wrapper_2 .bbp-forum-title {
    color: var(--titleColor);
}

body #rpg_wrapper_2 #bbpress-forums .bbp-header ul {
    display: none;
}

#rpg_wrapper .bbp-breadcrumb {
	padding: 5px;
	margin-top: 10px;
}

#rpg_wrapper .bbp-breadcrumb a, 
#rpg_wrapper .bbp-breadcrumb .bbp-breadcrumb-current {
	display: inline-block;
	padding: 5px 10px;
	background: var(--bgTitleBars);
	color: var(--titleColor);
}

/*forums basics*/

.rpg_userprofile {
    background: var(--bgBoxes);
    padding-top: 15px;
}

#rpg_wrapper_2 #bbpress-forums ul.bbp-lead-topic, #rpg_wrapper_2 #bbpress-forums ul.bbp-topics, #rpg_wrapper_2 #bbpress-forums ul.bbp-forums, #rpg_wrapper_2 #bbpress-forums ul.bbp-replies, #rpg_wrapper_2 #bbpress-forums ul.bbp-search-results, #rpg_wrapper_2 #bbpress-forums li.bbp-header, #rpg_wrapper_2 #bbpress-forums li.bbp-footer {
    padding-left: 0;
}

#rpg_wrapper_2 #bbpress-forums .bbp-body > ul, #rpg_wrapper_2 #bbpress-forums .bbp-header ul {
    padding-left: 0;
}

#rpg_wrapper .forum {
    background: var(--bgBoxes) !important;
    margin-bottom: 10px !important;
    margin-top: 48px !important;
    position: relative;
    padding: 20px 40px 20px !important;
    overflow: unset !important;
}

#rpg_wrapper .forum.status-category {
    background: var(--bgTitleBars) !important;
    height: 75px;
    position: relative;
}

.forum.status-category::after {
    content: 'Dummytext for the world';
    font-family: 'Hurricane';
    color: var(--titleColor);
    font-size: 50px;
    position: absolute;
    right: 40px;
    top: 25px;
}

.forum.status-category:nth-of-type(1)::after {
	content: 'team unite';
}

.forum.status-category:nth-of-type(3)::after {
	content: 'he who seeks evil will find it';
}

.forum.status-category:nth-of-type(8)::after {
	content: 'a whole new world';
}

.forum.status-category:nth-of-type(13)::after {
	content: 'coffee break';
}

.forum.status-category:nth-of-type(17)::after {
	content: 'a place long forgotten';
}

.forum.status-category:nth-of-type(20)::after {
	content: 'Not all who wander are lost';
}

.forum.status-category .bbp-forum-info {
    display:none;
}

.forum * {
    margin-top: 0 !important;
}

#rpg_wrapper_2 li.bbp-forum-info {
    background: transparent;
}

#rpg_wrapper_2 li.bbp-forum-info .bbp-forum-title {
    position: absolute;
    top: -38px;
    left:0;
    width: 100%;
    justify-content: flex-start;
    padding: 10px 40px;
}

#rpg_wrapper_2 #bbpress-forums .bbp-forum-info .bbp-forum-content {
    padding: 0;
}

#rpg_wrapper_2 #bbpress-forums .bbp-forum-info .bbp-forum-content p {
    font-family: var(--fontFamilyText) !important;
    font-size: var(--smallFont) !important;
    margin-bottom: 0;
}

body:not(.rtl) a.bbppu-hentry.bbppu-unread:before, body:not(.rtl) ul.bbppu-hentry.bbppu-unread > li:first-child::before, #rpg_wrapper_2 .rpg_unread::before {
    background: rgba(172, 26, 85, 1);
}

#rpg_wrapper_2 .rpg_ingame_topic_information {
    text-align:right;
}

#rpg_wrapper_2 .rpg_ingame_topic_information .rpg_forum_title {
    font-weight: 700;
}

.bbp-forum-topic-count::after {
    content: ' Themen';
}

.bbp-forum-reply-count::after {
    content: ' Beiträge';
}

.bbp-replies {
	background: var(--bgBoxes) !important;
}

.bbp-replies .topic {
	padding:var(--basicPadding) !important;
	grid-gap: 30px !important;
}

#rpg_wrapper #rpg_wrapper_2 .bbp-reply-author span.rpg_charname {
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 20px;
    font-family: var(--fontFamilyTitle);
    font-size: 17px !important;
}



#rpg_wrapper_2 .bbp-pagination + .rpg_scene_information {
	color: var(--titleColor) !important;
}

#rpg_wrapper .bbp-topics {
    background: var(--bgBoxes) !important;
    padding: 15px 25px !important;
}

#rpg_wrapper .bbp-topics .topic:not(:last-of-type) {
	border-bottom: 2px solid var(--textColor) !important;
}

body:not(.rtl) #rpg_wrapper ul.bbppu-hentry.bbppu-unread > li:first-child::before {
    margin-left: 0;
    margin-top: 4px;
    width: 17px;
    left: 0;
}


body:not(.rtl) #rpg_wrapper ul.bbppu-hentry.bbppu-unread.type-topic > li:first-child::before {
    height: 30px;
}


#rpg_wrapper div.bbp-forum-header, 
#rpg_wrapper div.bbp-reply-header, 
#rpg_wrapper div.bbp-topic-header, 
#rpg_wrapper li.bbp-body div.hentry {
    padding: 8px 50px 8px 30px;
}

#rpg_wrapper .bbp-reply-content {
	padding: 0 !important;
}


/* FORMULARE */

#rpg_wrapper .rpg_information {
    border-top: 2px solid var(--textColor);
}

.bbp-reply-form, .bbp-topic-form, .bbp-topic-tag-form {
    background: var(--bgBoxes);
	padding: 8px 50px 8px 30px !important;
}

#rpg_wrapper #bbpress-forums fieldset.bbp-form {
    padding: 0;
}

/* SZENENLISTE */

#rpg_wrapper #rpg_scenes_drop {
    font-family: var(--fontFamilyText);
    font-weight: 600;
    font-size: 18px;
}
#rpg_scenes_drop, 
#rpg_scenes_drop_content {
    background: var(--bgBoxes);
}

/*PAGE TEMPLATES*/

body:not(.rtl) #rpg_wrapper_2 ul.sticky {
    background: transparent !important;
}

.page-template .rpg_text, 
.page-template-default:not(.bbpress) .rpg_text {
    background: var(--bgBoxes);
    border-right: unset !important;
}

.page-template .rpg_text > *:not(h1):not(h2):not(h3), 
.page-template-default:not(.bbpress) .rpg_text > *:not(h1):not(h2):not(h3){
    padding: 0 40px;
}

.wantedlist > p {
    border-bottom: 1px solid var(--textColor);
}

.lze_footerpart {
	margin: 10px 0 0;
	background: var(--bgBoxes);
	padding: 20px 50px 20px 30px;
}

.lze_footerpart * {
	background: transparent !important;
}

.lze_footerpart header p {
	justify-content: flex-start !important;
}

.lze_footerpart a {
	justify-content: flex-end !important;
	font-weight: bold !important;
}

#rpg_wrapper footer {
	margin-top: 50px !important;
}

.lze_steckbrief h2, 
.rpg_avatar h2, 
.rpg_character_history h2 {
    margin-bottom: 0 !important;
}

.lze_steckbrief > *:not(h2), 
.rpg_character_history > *:not(h2){
    background: var(--bgBoxes);
    padding: 15px !important;
    margin: 0 !important;
    display: block;
}

.rpg_avatar a {
    display: block;
    background: var(--bgBoxes);
    padding: 15px;
}

.rpg_character_history ul h3 {
    margin-top: 0;
    padding-top: 10px;
}



.rpg_character_content {
    padding: 0 15px;
}


ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header a {
    color: var(--titleColor) !important;
}

@media all and(max-width: 900px) {
    #rpg_wrapper_2 #bbpress-forums {
    background: var(--bgBoxes);
}
}



/*Headers in Topics */

#rpg_wrapper_2 #bbpress-forums div.bbp-forum-header, 
#rpg_wrapper_2 #bbpress-forums div.bbp-topic-header, 
#rpg_wrapper_2 #bbpress-forums div.bbp-reply-header {
	background: #e1ddde;
	color: rgba(214, 207, 212, 1);
}

#rpg_wrapper_2 #bbpress-forums div.bbp-reply-header *, 
#rpg_wrapper_2 .bbp-pagination + .rpg_scene_information{
	color: var(--textColor);
}