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

/*
 * remove header background colour (no border around the image)
 */

.inventea-header {
	background: #ffffff;
	/*background-clip: border-box;*/
}

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


/*
 * 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:359px) {
	.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 ***/


/* ** ROVERS Style ** */

/* Rovers Tweaks */
#logo .site_logo {
    width: 168px;
    height: 89px;
}

.headerbar {
	background-image: url("./images/bitBg.png") no-repeat scroll 0px 0px #AE281C;
	background-image: url("./images/bitBg.svg") no-repeat scroll 0px 0px #AE281C;
    background-position: right -200px top;
}

.content {
   padding-top: 15px !important;
}




/* Rovers Tweaks */
/* Bit O'Overrides */
html, body {
	font-size: 12px;
}

html, body, body .wrap {
	background: #e5e5e5;
}
/* Adverts */
#phpbb .ad-center { margin: 0}

.section-viewforum.hastouch .forabg + .google-auto-placed,
.hastouch .topic-title + div + .google-auto-placed,
.hastouch #google_pedestal_container,
.inner .google-auto-placed {
    display: none;
}



/* Header and Images */
#site-description h1, #site-description p { display: none}
.rovers-dashboard-banner {
    background: linear-gradient( rgba(174, 40, 28, 0.7), rgba(134, 20, 10, 0.8) ), /* bottom, image */ url(/forum/images/grass-2-min.jpg);
    background-size: cover;
        background-position: bottom center;
	padding: 30px 40px 60px;
}
#logo .site_logo {
    width: 168px;
    height: 89px;
	background-image: none;
}

.search-header {
    margin-top: 120px;
}

.section-index .forum-image img { max-width: 50px}


.section-app/chat .ad-center,
.forum-title {
	display: none;
}

/* Futher Highlight Rows */
.topiclist dl {
    border-left: 3px solid #b9b9b9;
}
.topiclist dl[title~="Unread"] {
    border-left: 3px solid #bb294b;
}

/* ROVERS BUTTONS */
.rovers-btn {
	margin: 2px 0;
    padding: 2px 8px;	
	background-color: #AE281C;
	color: #fff;
	display: none;
}

.rovers-btn:hover {
	border-color: #b34346;
    background-color: #b34346;
}


/* Posts and Blocks */
.post, .wrap .blg-block, #chat-body {
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
}

.wrap .post:hover {
	background: #fff;
}

#qr_postform fieldset.fields1 dl,
.postbody h3.first {
	display: none;
}

.inventea-online {
	font-size: 0;
}

.inventea-online .fa {
	font-size: 12px;
}

.postprofile dt, 
.postprofile dd.profile-rank {
    text-align: left;
    padding: 15px 0;
}

blockquote, blockquote.uncited {
    padding: 24px 7px 7px;
}

/* Content Styles  */
.post blockquote:before {
	display: none;
}

.post blockquote cite:before, 
.post .uncited:before {
	opacity: 0.7;
}
.has-profile .post-buttons {
	right: 0;
}

.post .notice {
 font-size: 0.7em;
}
form.topic_poll {
	font-size: 0.8em;
}

.resultbar  .pollbar3,
.most-votes .pollbar2 {
    background-color: #1EBE32;
    border-bottom-color: #00710E;
    border-right-color: #00710E;
}

.wrap .blg-widget-header,
.wrap .blg-block.style-alternative {
	background: #fff;
}
.wrap .blg-widget-content,
.wrap .blg-state-active {
	border: #ddd;
}
.wrap .blg-widget-header {
    background: #fff;
    border: 1px solid #ddd;
    color: #444;
    padding: 2px 2px 4px 2px;
}

.wrap .blg-block, .wrap .blg-panel, .wrap .corners-fixed .headerbar, 
.wrap .corners-fixed .navbar, .wrap .corners-fixed .panel, .wrap .corners-fixed .forabg, 
.wrap .corners-fixed .forumbg {
	border-radius: 3px;
}

.bg3:hover, .panel:hover {
    background-color: #f1f1f1;
}

span span .postlink, 
span span .postlink:visited {
    color: inherit !important;
}

/* Off Topic */

.offtopic, .offtopic .offtopic_text, 
.offtopic_text .nfo {
background: #4e1212 !important;
color: #FFF !important;
}

.offtopic {
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}


#postform[action^='./posting.php?mode=reply'] dl {
	display: none;
}

/* Chat Window */

#chat-body {
	border-radius: 2px;
    background-color: #444;
}

@media (min-width: 400px) {
/* Post Flex and Order xx  */
.postprofile dt, .postprofile dd.profile-rank {
    text-align: left;
    padding: 2px 0;
}

.postprofile, .postbody {
	float: none;
}

.postbody {
    display: flex;
    flex-direction: column;
    order: 1;
    min-height: 300px;
}
.postbody .content {
    font-size: 1.3em;
    line-height: 1.6em;
    flex-grow: 2;
}
.postprofile {
	order: 0;
    padding: 0 10px;
    border: none;
}

.postbody div[class^="app_list_thanks"]{
    order: 2;
padding-bottom: 10px;
}

.back2top {
	order: 2;
}
.back2top .top {
    position: absolute;
    margin-right: 0;
    margin-top: 0;
    bottom: 2px;
    right: 0px;
}

.online-text {
    right: auto;
    top: 8px;
    left: 150px;
    opacity: 0.5;
}

.inventea-menu li > a {
    padding: 3px;
}

.inventea-user-menu {
    margin-right: 0px !important;
}

.inventea-content {
    padding: 15px 10px;
}

/* Content Flex & Order  */
div[id^='post_content'] {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.author {
	order: 0;
}
.content {
	order: 1;
	padding-bottom: 15px;
}
.signature {
	order: 2;
}
.notice {
	order: 3;
}

div[id^='list_thanks'] {
	order: 3;
}	
}

/* ProFlat - Protal Styles */
/* 
    background-color: #ae281c;

*/
.blg-area .blg-block {
	padding: 0;
}

.blg-area .menu-cat {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-weight: 800;
	font-size: 1.2em;
	color: #444;
}

.blg-area .blg-block.style-alternative .block_title {
    background-color: #ae281c;
    font-size: 1.3em;
    color: #fff;
    font-weight: 800;
    padding: 10px 5px;
}
.block-content {
	padding: 15px;
}

#block-13 .block-content {
	padding: 0;
}
.blg-image.online-users-img,
.blg-image.last-online-img,
.blg-area .block-content hr {
	display: none;
}

.block-content .lunread-row {
    color: #444;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 10px;
}

.blg-area .lunread-row strong a {
	display: block;
	font-size: 1.2em;
}

.blg-area .lunread-row span:nth-child(3) {
	float: right;
}

#avatar_options .gallery {
    display: flex;
    flex-wrap: wrap;
}

#avatar_options .gallery label {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrap .gallery img {
    display: block;
}

 [class^="app_thanks_button_"].hidden {
    display: block !important;
  }


@media (max-width: 700px) {
	.post .inner {
		display: flex;
		flex-direction: column;
	}
	
	.logo {
    	display: block;
    	float: none;
    	padding: 0;
	}
	#page-header .rovers-dashboard-banner {
    	background-size: cover;
	}

	#page-header .headerbar { background-size: cover}
	
	#smiley-box {
		display: none;
	}
	
	.responsive-menu .dropdown .dropdown-contents {
		min-width: 140px;
		left: -145px !important;
	}

	.responsive-menu .post-buttons .dropdown a	{
		text-align: left;
	}
	
}