/*  phpBB3 Style Sheet
----------------------------------------------------------------------
Style name:			SE Square
Based on style:		prosilver (the default phpBB 3.3.x style)
Original author:	Tom Beddard ( http://www.subblue.com/ )
Modified by:		Stoker ( https://phpbb3bbcodes.com/ )
----------------------------------------------------------------------
*/
html, body {
	color: #536482;
	background-color: #1d3649;
	padding: 0;
}
body * {
	border-radius: 0px !important;
}
#wrap {
	box-shadow: 0 0 6px 2px #fff;
}
li.header dl.row-item * {
    text-transform: none;
	font-size: max(14px);
	font-weight: normal;
	line-height: 20px;
	margin-top:0px;
}
.headerbar, .forumbg, .forabg {
	background: linear-gradient(to bottom, #003F5E 0%, #005C8A 1px, #1d3649 90px, #0084C4 100%) repeat-x #0084C4;
}
.navbar {
	background-color: #e5eef5;
	border: 1px solid #bcd4e3; 
}
.badge {
	border-radius: 50% !important; 
}
.panel {
	background-color: #ECF1F3;
	color: #28313F;
	border: 1px solid #bcd4e3; 
}
a.forumtitle {
    font-size: 1.4em;
}
a.topictitle {
	font-size: 1.2em;
}
ul.topics li.row dl.row-item {
	display: flex;
	align-items: center;
	margin-top: 0px;
	min-height: 40px;
}
ul.forums li.row dl.row-item {
	display: flex;
	align-items: center;
	margin-top: 0px;
	min-height: 46px;
}
.bg1, .bg2, .bg3 {
	border: 1px solid #bcd4e3; 
}
.tabs .tab > a {
	background: #BACCD9;
	color: #536482;
}
.tabs .tab > a:hover {
	background: #DDEDFB;
	color: #D31141;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #ECF1F3;
	border-bottom:none;
}
.online {
	background-image: none;
	border-right: 4px solid #238d31 !important;
	border-left: 4px solid #238d31 !important;
}
.offline {
	background-image: none;
	border-right: 4px solid #C70039 !important;
	border-left: 4px solid #C70039 !important; 
}
@media (min-width: 701px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: calc(100dvh - 20px);
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		padding-top: 13px;
		padding-bottom: 13px;
		
	}
	#page-body {
		flex: 1;
	}
}
@media (max-width: 700px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100svh;  
	}
	#page-body {
		flex: 1;
	}
}
ul#nav-main span {
	font-size: 1.2em;
	line-height: 1.2em;
}
ul#nav-main i {
	transform: scale(1.5);
	margin: 0 5px;
}
ul#nav-main i.fa-bell {
	transform: scale(1.4) !important;
}
ul#nav-main i.fa-inbox {
	transform: scale(1.6) !important;
}
ul#nav-main .dropdown ul.dropdown-contents a {
	font-size: 10px;
}
.copyright {
	height: auto;
	background: linear-gradient(to bottom, #003F5E 0%, #005C8A 1px, #1d3649 120px, #0084C4 100%) repeat-x #0084C4;
	margin-top:4px;
	padding: 8px !important;
	color:#fff;
}
.copyright a {
	color:#fff;
}
.copyright p.footer-row {
	line-height:12px;
}
.online-list em a {
	font-weight: bold;
	font-style: normal;
}
.online-list em {
	font-style: normal;
}
/* Colour unread titles */
[class*="forum_unread"] a.forumtitle,
[class*="forum_unread_subforum"] a.forumtitle,
[class*="forum_unread"] a.lastsubject,
[class*="forum_unread_subforum"] a.lastsubject,
[class*="topic_unread"] a.topictitle,
[class*="global_unread"] a.topictitle,
[class*="announce_unread"] a.topictitle,
[class*="sticky_unread"] a.topictitle {
	color: #CC0000;
}
/* Bottom aligned signature START */
@media (min-width: 701px) {
	.section-viewtopic .post.has-profile > .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	/* common.css clearfix pseudo-element would become a flex item */
	.section-viewtopic .post.has-profile > .inner::after {
		content: none;
	}
	.section-viewtopic .post.has-profile .postprofile {
		order: 2;
	}
	.section-viewtopic .post.has-profile .postbody {
		display: flex;
		flex-direction: column;
	}
	.section-viewtopic .post.has-profile .postbody > [id^="post_content"] {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.section-viewtopic .post.has-profile .postbody .content {
		flex-grow: 1;
	}
	/* attachbox is float:left (shrink-to-fit); floats are ignored in flex */
	.section-viewtopic .post.has-profile .postbody .attachbox {
		align-self: flex-start;
	}
}
.section-viewtopic .post.has-profile .back2top {
	position: absolute;
	right: 5px;
	bottom: 8px;
	line-height: 1;
}
.section-viewtopic .post.has-profile .back2top .top {
	float: none;
	margin: 0;
}
.rtl.section-viewtopic .post.has-profile .back2top {
	right: auto;
	left: 5px;
}
/* Bottom aligned signature END */
/* Forum and Topic icons, Cleansilver */
.global_read,
.global_read_mine, 
.global_read_locked, 
.global_read_locked_mine, 
.global_unread, 
.global_unread_mine, 
.global_unread_locked, 
.global_unread_locked_mine, 
.announce_read, 
.announce_read_mine, 
.announce_read_locked, 
.announce_read_locked_mine, 
.announce_unread, 
.announce_unread_mine, 
.announce_unread_locked, 
.announce_unread_locked_mine, 
.forum_link, 
.forum_read, 
.forum_read_locked, 
.forum_read_subforum, 
.forum_unread, 
.forum_unread_locked, 
.forum_unread_subforum, 
.sticky_read, 
.sticky_read_mine, 
.sticky_read_locked, 
.sticky_read_locked_mine, 
.sticky_unread, 
.sticky_unread_mine, 
.sticky_unread_locked, 
.sticky_unread_locked_mine, 
.topic_moved, 
.topic_read, 
.topic_read_mine, 
.topic_read_hot, 
.topic_read_hot_mine, 
.topic_read_locked, 
.topic_read_locked_mine, 
.topic_unread, 
.topic_unread_mine, 
.topic_unread_hot, 
.topic_unread_hot_mine, 
.topic_unread_locked, 
.topic_unread_locked_mine,
.pm_read,
.pm_unread {
    background-image: none;
}
.row-item:before,
.row-item:after {
    font-size: 30px;
    left: 15px;
    padding: 0px;
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
	font-family: FontAwesome;
}
.topic_read_mine::after, 
.topic_read_locked_mine::after, 
.topic_unread_mine::after,
.topic_unread_locked_mine::after,
.sticky_read_locked_mine::after, 
.sticky_unread_mine::after,
.sticky_read_mine::after, 
.sticky_unread_locked_mine::after, 
.topic_read_hot_mine::after, 
.topic_unread_hot_mine::after,
.announce_read_mine::after, 
.announce_read_locked_mine::after, 
.announce_unread_mine::after, 
.announce_unread_locked_mine::after {
	content: "\f005";
	font-size: 1.25em;
	color:#fcba03;
	position: absolute;
	top: 20%;
	left: 30px;
}
.global_read:before,
.global_read_mine:before {
	content: "\f0ac"; 
	color: #0076b1;
	font-size: 33px;
	left: 11px;
}
.global_unread:before,
.global_unread_mine:before {
	content: "\f0ac"; 
	font-size: 33px;
	left: 11px;
}
.announce_read:before,
.announce_read_mine:before{
	content: "\f06a"; 
	color: #0076b1;
	font-size: 33px;
	left: 11px;
}
.announce_unread:before,
.announce_unread_mine:before {
	content: "\f06a"; 
	font-size: 33px;
	left: 11px;
}
.sticky_read:before,
.sticky_read_mine:before { 
	content: "\f08d"; 
	color: #0076b1; 
	left: 16px;
}
.sticky_unread:before,
.sticky_unread_mine:before {
	content: "\f08d"; 
	left: 16px;
}
.topic_read:before,
.topic_read_mine:before{
	content: "\f15c";
	color: #0076b1;
	left: 13px;
}
.topic_unread:before,
.topic_unread_mine:before{
	content: "\f15c";
	left: 13px;
}
.topic_moved:before { 
	content: "\f14d";  
	color: #0076b1;
	left: 13px;
}
.topic_read_hot:before,
.topic_read_hot_mine:before { 
	content: '\f06d';  
	color: #0076b1;
	left: 14px;	
}
.topic_unread_hot:before,
.topic_unread_hot_mine:before { 
    content: '\f06d';
    left: 14px;
}
.global_read_locked:before,
.global_read_locked_mine:before,
.announce_read_locked:before,
.announce_read_locked_mine:before,
.sticky_read_locked:before,
.sticky_read_locked_mine:before,
.topic_read_locked:before,
.topic_read_locked_mine:before {
	content: "\f023"; 
	color: #0076b1; 
	font-size: 34px;
	left: 15px;
}
.global_unread_locked:before,
.global_unread_locked_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.topic_unread_locked:before,
.topic_unread_locked_mine:before {
	content: "\f023"; 
	font-size: 34px;
	left: 15px;
}
.forum_read_locked:before {
	content: "\f023"; 
	color: #0076b1; 
	font-size: 38px;
	left:13px;
}
.forum_unread_locked:before {
	content: "\f023"; 
	font-size: 38px;
	left:13px;
}
.forum_link:before { 
	content: '\f0c1'; 
	color: #0076b1;
	left:10px;
}
.forum_read:before	{ 
	content: "\f039"; 
	color: #0076b1;
	left:10px;
}
.forum_unread:before {
	content: "\f039";
	left:10px;
}
.forum_read_subforum:before{
	content: "\f03a";
	color: #0076b1;
	left:10px;
}
.forum_unread_subforum:before{
	content: "\f03a";
	left:10px;
}
.pm_read:before	{ 
	content: "\f0e6";  
	color: #0076b1;
	font-size: 30px;
	left:10px;
}
.pm_unread:before { 
	content: "\f086"; 
	font-size: 30px;
	left:10px;
}
.pm_unread:before,
.topic_unread:before,
.topic_unread_locked:before,
.topic_unread_hot:before,
.topic_unread_hot_mine:before,
.topic_unread_mine:before,
.topic_unread_locked_mine:before,
.sticky_unread:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.sticky_unread_mine:before,
.announce_unread:before,
.announce_unread_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.global_unread:before,
.global_unread_mine:before,
.global_unread_locked:before,
.global_unread_locked_mine:before,
.forum_unread:before,
.forum_unread_subforum:before,
.forum_unread_locked:before,
.forum_unread_subforum_locked:before {
    color: #CC0000;
}
dl.row-item dt[style*="background-image"] { 
	position: relative;
}
dd.lastpost > span > :not(dfn) {
  position: relative;
}
dd.mark input {
position: relative;
}
.navbar #search-box {
	box-shadow:none;
	float:right;
	position: relative;
	top: 1.5px;
}

/* Custom forum icons */
.category-forum-icon {
    color: #168dcc;
    font-size: 13px;
    margin-right: 6px;
    vertical-align: middle;
}

/* War Thunder category icons */
.category-heading-icon {
    color: #168dcc;
    font-size: 17px;
    margin-right: 8px;
    vertical-align: middle;
}

.category-forum-icon {
    color: #168dcc;
    font-size: 13px;
    margin-right: 6px;
    vertical-align: middle;
}

/* WAR THUNDER GREECE - BOLD LINKS EVERYWHERE */

a {
    font-weight: 700 !important;
}

body {
    background-image: url("./images/forum-background.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/* War Thunder Greece - Balanced Portal Layout */
.wrap {
    width: 92% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* War Thunder Greece - Header Background */
.headerbar {
    background-image: url("./images/header-background.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* WAR THUNDER GREECE - SITE DESCRIPTION */

#site-description > p:not(.skiplink) {
    text-align: center !important;
    margin: 18px auto 12px !important;
    padding: 16px 20px !important;
    max-width: 1000px;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 600 !important;
    color: #dce5ed !important;
    text-shadow: 1px 2px 4px #000 !important;
}

#site-description > p:not(.skiplink)::first-line {
    color: #e5b84b !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 1px;
}

/* Scroll Page - Top Left Position */
.scroll-page {
    right: auto !important;
    left: 20px !important;
    bottom: auto !important;
    top: 20px !important;
}

/* War Thunder Greece - Forum descriptions only */
dl.row-item .list-inner {
    font-weight: 400 !important;
}

dl.row-item .list-inner > br {
    font-weight: 400 !important;
}

dl.row-item .list-inner {
    font-size: inherit !important;
    color: #000000 !important;
}

dl.row-item .list-inner > strong {
    color: #e53935 !important;
}

a.subforum[href$="f=37"] {
    position: relative;
    padding-left: 25px !important;
}

a.subforum[href$="f=37"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("/images/icons8-chat-40.png") center / contain no-repeat;
}