/*
 *  custom.css
 *
 * This file contains css values and hints for style elements that are frequently customised.
 * Note that this CSS file is loaded last so values defined here will override all others
 * including responsive.css
 */

/* Changing the header image
 * With this version of we_universal it is not possible to change the header image using CSS
 * It is recommended that the header image is changed by renaming your file to dashboard.jpg in 
 * the styles/we_universal/theme/images/ directory.
 * Alternatively the link may be changed in styles/we_universal/template/overall_header.html
 * around line 211.


/* 
 * Hide some non-essential menu items if desired 
 */
/*
#menu_faq, #button_faq{
    display: none;
}
*/

/*
#menu_team, #button_team{
    display: none;
}
*/

/*
#menu_memberlist, #button_memberlist{
    display: none;
}*/


/*#topic_watch_button,*/ #forum_watch_button, #topic_bookmark_button, #topic_bump_button{
    display: none;
}

/*
 * Button hide threshold
 * The max-width here adjusts the screen widths for which the header buttons are replaced by a dropdown menu
 * set this value higher if the screen buttons start to wrap, or the text becomes ugly in your language.
 * The valid range of this value is 319px to 699px.
 * I prefer a value of 319px, but if you have added buttons, or use a language with long button labels,
 * a higher value may work better for you.
 */
@media only screen and (max-width: 459px) {
    .inventea-menu li > a {
           display: none; 
    }

    .inventea-mobile-dropdown-menu {
	    display: block;
    }
    .inventea-dashboard img {
    padding-top: 4%;
    padding-bottom: 4%;
    }
}


/* ABACUS */

body {
	border-color: #0aa;
	border-width: 5px 0 0 0;
	border-style: solid;
}
.wrap {
	max-width: 1250px;
	margin: auto;
}
.inventea-header {
    background-color: #f9f9f9;
}

.inventea-posts-menu {
    position: absolute;
    right: 0;
	line-height: 0;
    z-index: 3;
}

.inventea-forum-menu {
    position: absolute;
    bottom: 5px;
	line-height: 0;
    z-index: 3;
}

.inventea-menu li>a {
    background-color: #e7e7e7;
    color: #000;
}

a.button2 {
    height: 16px;
}
a.postlink {
	color: #007777;
}
a.postlink:visited {
	color:#005959;
}

table.table1 {
    background-color: #0aa;
}

.inventea-menu li>a:focus,
.inventea-menu li>a:hover,
.inventea-menu li a:active {
    background: #0aa;
    color: #fff;
}

.inventea-footer-wrapper {
    box-shadow: none;
    border-top: 0;
}

ul.topiclist dfn {
	display: none;
}

ul.topiclist li.header dl,
ul.topiclist li.row dl {
    margin-top: 0;
    margin-bottom: 0;
}

.row .list-inner {
    padding: 4px 0 4px 10px;
}

dd.lastpost span,
ul.topiclist dd.searchby span,
ul.topiclist dd.info span,
ul.topiclist dd.time span,
dd.redirect span,
dd.moderation span {
    padding: 0 0 0 10px;
}

.inventea-userbar {
    border-bottom: 0;
}
.inventea-content {
    border-top: 0;
}

li.row {
    border-top: 0;
    border-bottom: 0;
}

li.row:nth-child(2n),
table.table1 tbody tr:nth-child(2n) {
    background: none;
}

.forabg,
.forumbg,
.cp-main table.table1 {
    border-bottom: 0;
    margin-bottom: 1em;
}

.inventea-sitename a,
.inventea-sitename {
    color: #000;
}

.cc-color-override--1687565279.cc-window {
    background-color: #00aaaa!important;
}
.button {
    color: #0aa;
}

.logo {
    display: inline-block!important;
    padding-top: 4em;
	padding-bottom: 2em;
}
.logodescription {
    margin-left: 110px;
    font-size: 16px;
}
.inventea-dashboard {
    background-color: white;
    background-image: url(./images/dashboard.png);
    background-size: 90% 230%;
	background-position-x: 11em;
    background-position-y: -8em;
	background-repeat: no-repeat;
    border-style: solid!important;
    border-top: 0;
    border-right: 2px;
    border-right-color: #e7e7e7;
    border-bottom: 5px;
    border-bottom-color: #0aa;
    border-left: 2px;
    border-left-color: #e7e7e7;
}
@media only screen and (max-width:1450px) {
   .inventea-dashboard {
        background-image: url(./images/dashboard.png);
        background-size: 100% 240%;
        background-position-x: 0em;
		background-position-y: -9em;
    }
}
@media only screen and (max-width:1250px) {
   .inventea-dashboard {
        background-image: url(./images/dashboard.png);
        background-size: 100% 210%;
        background-position-x: 0em;
		background-position-y: -6.3em;
    }
}
@media only screen and (max-width:1100px) {
   .inventea-dashboard {
        background-image: url(./images/dashboard.png);
        background-size: 100% 200%;
        background-position-x: 0em;
		background-position-y: -6em;
    }
}
@media only screen and (max-width:1000px) {
   .inventea-dashboard {
        background-image: url(./images/dashboardlow.png);
        background-size: 100% 190%;
        background-position-x: 6em;
    }
}
@media only screen and (max-width:950px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardlow.png);
		background-size: 100% 180%;
		background-position-x: 5em;
		background-position-y: -5em;
    }
}
@media only screen and (max-width:850px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardlow.png);
        background-size: 100% 170%;
		background-position-x: 5em;
        background-position-y: -4em;
    }
}
@media only screen and (max-width:700px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardmobil.png);
        background-size: 125% 230%!important;
        background-position: center!important;
    }

    .logodescription {
        visibility: hidden!important;
    }
    ul.topiclist.forums li.row dt,
    ul.topiclist.topics li.row dt {
        width: 30px;
    }
}
@media only screen and (max-width:525px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardmobil.png);
        background-size: 150% 220%!important;
        background-position: center!important;
	}
}
@media only screen and (max-width:450px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardmobil.png);
        background-size: 150% 160%!important;
        background-position: center!important;
    }
    .inventea-menu li>a {
        max-width: 45px!important;
    }
}

@media only screen and (max-width:320px) {
    .inventea-dashboard {
        background-image: url(./images/dashboardmobil.png);
        background-size: 200% 150%!important;
        background-position: center!important;
    }
}