/*
 *  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.


/* link decoration
 * Uncomment the following lines to have all links underlined
 * and visited links re-coloured
 */
/*
a:link,a:visited {
	text-decoration: underline;
	color: #3f3f3f; }

a:focus,
a:hover, a:active {
	text-decoration: underline; }
*/

/*
 * set header background colour (appears as a border around the image, comment out this code for a white border)
 */

/*** begin header colour ***/
/*
.inventea-header {
	background: #a4a4a4;
}
*/
/*** end header colour ***/


/*
.inventea-sitename, .inventea-sitename h1{
	color: #005599;
}
*/

/* Set the maximum forum width on wide screens
 * To set a maximum width that the forum will not grow beyond, uncomment the following lines
 * and set a value (1200px or 1899px are typical values)
 */
.inventea-wrapper,
.inventea-header,
.inventea-footer {
	max-width: 1100px;
	border: 0;
}

.inventea-wrapper:first-child, .inventea-headerbar, .inventea-header {
	background: #791616;
	height: 100px;
}

.inventea-userbar-wrapper {
	max-width: 1100px;
	position: relative;
	margin: auto;
}

.wrap {
	padding: 0;
}

.inventea-wrapper:first-child {
	height: 100px;
}

.linklist.bulletin.inventea-user-menu>li.small-icon>a, .linklist.bulletin.inventea-user-menu i.icon.fa-bars.fa-fw, .linklist.bulletin.inventea-user-menu i.icon.fa.fa-bars {
	color: white;
}

.inventea-wrapper:first-child, .inventea-header.inventea-wrapper {
	max-width: 100%;
	background: transparent;
}

a.header-avatar img {
	display: none;
}

.inventea-userbar-wrapper {
	display: flex;
}

#logo img {
	position: relative;
	float: center;
	z-index: 1;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.header-bottom {
	border-top: 4px solid #9e5656;
    position: relative;
    z-index: 1;
    max-width: 1100px;
	margin-inline: auto;
    height: 18px;
    background: url(../theme/images/top-gold-panel.jpg) no-repeat center;
    background-color: #fff;
}

.inventea-menu li > a {
	background: none;
	padding: 8px 12px 3px 12px;
    color: #DBC38F;
    font-size: 13px;
    font-family: Arial;
	font-weight: 600;
}

.inventea-menu li > a:hover, .inventea-menu li > a:focus {
	background-color: #9e5656;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px 10px 0 0;
    position: relative;
}


.inventea-header.inventea-wrapper nav {
	display: flex;
	flex-grow: 1;
	margin: auto;
	align-items: center;
	justify-content: center;
}

.inventea-wrapper.inventea-userbar{
	flex-grow: 1;
}

.inventea-wrapper.inventea-userbar>ul {
	margin-left: auto;
}

.inventea-header.inventea-wrapper {
	top: -28px;
}

.linklist.bulletin.inventea-user-menu {
	margin-bottom: 3.5em;
}

.logo-text {
    float: left;
    margin-top: 15px;
    width: 416px;
    height: 56px;
    background: url(../theme/images/logo-text.png) no-repeat;
}

.header-bg-image {
    background: url(../theme/images/header-text.png) no-repeat;
    width: 400px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 30%;
    z-index: 0;
}

.inventea-wrapper.inventea-content {
	z-index: 1;
}

.forabg, .forumbg, .cp-main table.table1 {
	background: linear-gradient(to right, #791616 0%,#7a0000 50%,#791616 100%);
}

ul.topiclist li.header dt, ul.topiclist li.header dd, table.table1 thead th, .cp-main table.table1 thead th, .forumbg .header a, .forabg .header a, th a {
	font-weight: 700;
}

li.header dt, li.header dd {
	text-transform: none;
	font-size: 13px;
}

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

.inventea-footer, .inventea-footer a {
	color: white;
}

.list-inner img {
	max-width: 100%;
}

.inventea-posts-menu {
	height: 16px;
}

ul.linklist.inventea-user-menu > li + li {
	margin-right: 5px;
}

/* Allow post text to fill the available width on wide screens */
/*
.section-viewtopic .postbody .content {
	max-width: none;
}
*/

/* my colors
*/

ul.topiclist li {
	color: #333;
}

a:hover {
	color: #920000;
}

.button {
	color: #920000;
}

.tabs .tab > a:hover {
	color: #920000;
}

.responsive-tab .responsive-tab-link:hover:before {
	color: #920000;
}

.navigation .active-subsection a {
	color: #920000;
}

.navigation .active-subsection a:hover {
	color: #920000;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #850000;
	color: #ffffff;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #920000;
}

.badge {
	background-color: #920000;
}

ul.topiclist li.row dt:nth-child(even), ul.topiclist li.row dd:nth-child(even), .forabg ul.topiclist li.row dt:nth-child(odd), .forabg ul.topiclist li.row dd:nth-child(odd), .forumbg ul.topiclist li.row dt:nth-child(odd), .forumbg ul.topiclist li.row dd:nth-child(odd), table.table1 tbody td:nth-child(even),
ul.topiclist li.row:nth-child(even) dt:nth-child(even), ul.topiclist li.row:nth-child(even) dd:nth-child(even), .forabg ul.topiclist li.row:nth-child(even) dt:nth-child(odd), .forabg ul.topiclist li.row:nth-child(even) dd:nth-child(odd), .forumbg ul.topiclist li.row:nth-child(even) dt:nth-child(odd), .forumbg ul.topiclist li.row:nth-child(even) dd:nth-child(odd), table.table1 tbody tr:nth-child(even) td:nth-child(even) {
	background-color: transparent;
}


.forabg ul.topiclist li.row:nth-child(even) dt:nth-child(even), .forabg ul.topiclist li.row:nth-child(even) dd:nth-child(even), .forumbg ul.topiclist li.row:nth-child(even) dt:nth-child(even), .forumbg ul.topiclist li.row:nth-child(even) dd:nth-child(even),
li.row:nth-child(even), table.table1 tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}


.panel {
	color: #333;
}

li.row:last-child {
	padding-bottom: .25em;
}

ul.forums, ul.topics, table.table1 tbody,
.forabg ul.topiclist li.row dt:nth-child(even), .forabg ul.topiclist li.row dd:nth-child(even), .forumbg ul.topiclist li.row dt:nth-child(even), .forumbg ul.topiclist li.row dd:nth-child(even) {
	background-color: #fafafa;
}

.inventea-wrapper.inventea-content {
	background-color: #fff;
}

html, body {
	background-color: #791616;
	color: #333;
}

/*
 * 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 (max-width: 1130px) {
	.inventea-menu li:first-child > a {
		display: none;
 }
}

@media (max-width: 1070px) {
	.inventea-menu li:nth-child(5) > a {
		display: none;
 }
}

@media (max-width: 1000px) {
	.inventea-menu li:nth-child(8) > a {
		display: none;
 }
}

@media only screen and (max-width:300px) {
	.inventea-menu li > a {
		   display: none;
	}

	.inventea-mobile-dropdown-menu {
		display: block;
	}
}

@media (max-width: 877px) {
	.logo-text {
		display: none;
	}
}

/*
 * To move the header buttons so that they sit outside the header image,
 * (as was the default for a few version of this style),
 * comment out the following blocks of code:
 */
/*** begin buttons inside
.inventea-posts-menu {
	position: absolute;
	right: 10px;
	z-index: 3;
}

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

@media only screen and (max-width: 459px){
	.inventea-dashboard img {
		padding-top: 22px;
		padding-bottom: 22px;
	}
}
/*** end buttons inside ***/