/*
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=Open+Sans:ital,wght@0,300..800;1,300..800&family=Shalimar&display=swap');





:root {
	--bgTitleBars: #8C94B4;
	--bgBoxes: #1c2447;
	--bgFull: #1c2447;
	--textColor: #f2f2f2;
	--titleColor: #29295E;
	--linkColor: #D0B3D6;
	--fontWeightTitle: 200;
	--fontFamilyText: 'Open Sans', sans-serif;
	--fontFamilyTitle: 'Shalimar', sans-serif; 
	--smallFont: 13px;
	--mediumFont: 20px;
	--bigFont: 25px;
	--titleTransform: none;
	--transparency: var(--bgBoxes);
	--titleFontWeight: 200;

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

	--imageCat1: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie2.png');
	--imageCat2: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie1.png');
	--imageCat3: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie3.png');
	--imageCat4: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie4.png');
	--imageCat5: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie5.png');
	--imageCat6: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie6.png');
	--imageCat7: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/Kategorie7.png');
	--imageCatArchive: url('https://marvelous.das-rpg.ch/wp-content/uploads/2017/03/boardid20.png');
	
	--basicPadding: 30px 50px 30px 30px;
	
	--chevronDown: url('https://blip.das-rpg.ch/wp-content/uploads/2025/07/down.png');
}


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

.page-template-page-history-php ul {
    list-style-type: none;
}

.page-template-page-history-php ul li {
    padding-left:40px;
}

#menu-mainmenu {
    display: flex;
    justify-content: center;
}

#menu-mainmenu a {
    font-family: var(--fontFamilyTitle);
	font-size: var(--bigFont);    
}

.bbp-search-form {
    display: none;
}

* {
    box-sizing: border-box;
}

a {
	color: var(--linkColor);
	font-weight: 700;
}

a:not(.bbp-forum-title):hover {
	text-decoration: underline;
}


/*FONT*/

h1 {
	font-size: 25px !important;
}

h2 {
	font-size: var(--bigFont) !important;
}

h1, h2 {
    color: var(--titleColor);
	font-weight: 700;
	text-transform: uppercase !important;
}

/* BACKGROUND */

body, body.forum {
    background: #243643;
	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;
}

article.marv_steckbrief {
	background: var(--bgBoxes);
	padding: 15px 0 50px;
}

body .acf-field p.description {
	color: var(--textColor);
}

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

/* Navigation */

nav.lze_top {
	height: 50px;
}

ul#menu-hauptmenu {
	position: absolute;
	left:0;
	width: 100vw;
	display: flex;
	gap: 20px;
	justify-content: center;
	background: var(--bgTitleBars);
	margin: 0;
}

ul#menu-hauptmenu li.menu-item-has-children:hover > ul {
	display: block;
}

ul#menu-hauptmenu li.menu-item-has-children>a::after {
    content: '';
    margin-left: 5px;
    display: inline-block;
    position: relative;
    width: 16px;
	height: 16px;
	background-image: var(--chevronDown);
    border: none;
	top: 2px;
}

ul#menu-hauptmenu a {
	color: var(--titleColor);
	font-family: var(--fontFamilyTitle);
	font-size: var(--bigFont);
}

ul.menu ul li {
    justify-content: flex-start;
}

ul.menu ul li a {
    text-align: left;
	padding-left: 15px;
}


#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);
}

/*BUDDYPRESS*/


.buddypress-wrap {
	background: var(--bgBoxes);
}


.bp-nouveau * {
	box-shadow: none !important;
}

@media all and (min-width: 900px) {
	.bbp-user-page .buddypress-wrap {
		display: grid;
		grid-template-columns: 180px 1fr;
		grid-gap; 20px;
	}
	
	body .buddypress-wrap .bp-wrap {
		padding-top: 13px;
	}
}

body .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
	border-bottom: 0px solid #eee;
	border-top: 0px solid #eee;
}

#register-page {
	padding: 15px;
}

#basic-details-section {
	padding-right: 0;
	display: grid !important;
}

#register-page .description, 
#register-page .info p {
	padding: 5px;
}

#signup-form #submit {
	color: var(--titleColor) !important;
	background: var(--bgTitleBars) !important;
	padding: 8px 16px;
}


/* 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>*:not(h2) {
	padding: 0 30px;
}

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

header .lze_banner::before {
    position: absolute;
    width: 35vw;
	aspect-ratio: 908 / 381;
    display: block;
    content: '';
    margin-top: 50px;
	margin-left: -95px;
    background: url('/wp-content/uploads/2025/07/Blip_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: transparent !important;
    height: 75px;
    position: relative;
}

.forum.status-category::after {
    content: '';
    font-family: 'Fred';
    color: var(--titleColor);
    font-size: 50px;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 600px;
}

#bbp-forum-81::after {
	background-image: var(--imageCat1);
}

#bbp-forum-113::after {
	background-image: var(--imageCat2);
}

#bbp-forum-111::after {
	background-image: var(--imageCat3);
}

#bbp-forum-109::after {
	background-image: var(--imageCat4);
}

#bbp-forum-107::after {
	background-image: var(--imageCat5);
}

#bbp-forum-101::after {
	background-image: var(--imageCat6);
}

#bbp-forum-102::after {
	background-image: var(--imageCat7);
}

.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;
	font-weight: var(--titleFontWeight);
}

#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: var(--bgTitleBars);
}

#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;
	padding-bottom: 100px;
}

.page-template .rpg_text > *:not(h1):not(h2):not(h3), 
.page-template-default:not(.bbpress) .rpg_text > *:not(h1):not(h2):not(h3){
    padding: 20px 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;
}

.lze_statistics {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0 10px;
}

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

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

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	display: none !important;
}

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

.lze_steckbrief > p + p, 
.rpg_character_history > p + p {
	padding-top: 0 !important;
}

.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: var(--transparency);
	color: var(--transparency);
}

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