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

.inventea-header {
	background: #ffffff;
}

/* 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: 1200px;
}


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

/*
 * 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:699px) {
	.inventea-menu li > a {
		   display: none;
	}

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

/*
 * 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 ***/
@only screen and (min-width: 800px) {
	.postprofile {
		width: 15%;
		min-width: 120px;
	}
	.postbody {
		width: 85%;
	}
}
.postprofile .profile-joined {
	display: none;
}

.button {
	color: #0099F7;
}

.icon.icon-red, a:hover .icon.icon-red {
	color: #FF8033;
}

.icon.icon-blue, a:hover .icon.icon-blue {
	color: #525252;
}

.mention {
	color: #c4515a !important;
}

.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
	background-color: #0099F7 !important;
	border-bottom-color: #4085AE !important;
	border-right-color: #4085AE !important;
}

textarea.inputbox {
	padding: 0.5em;
}

blockquote, p.author {
	border-color: #0099F7;
}


/*
<div class="logo">
  <div class="k">
    <span></span>
    <span></span>
  </div>
  <div class="b">
    <span></span>
    <span></span>
  </div>
</div>
*/

.logo {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.logo span {
  display: inline-block;
  outline: 1px solid #fff;
  box-sizing: border-box;
  height: 25px;
}
.logo .k , .logo .b {
  width: 25px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.logo .k span {
  background-color: #0099F7;
}
.logo .b span {
  background-color: #FF8033;
}
.logo .b span:first-child {
  border-bottom-right-radius: 25px;
}
.logo .b span:last-child {
  border-top-right-radius: 25px;
}