body
{
	font-family: -apple-system, 'Segoe UI', arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
}

.headerbar
{
	background: transparent linear-gradient(30deg, #15A11D, #55BA66, #FFF 20%);
	box-shadow: 3px 3px 5px #888;
	margin-bottom: 14px;
}

h1
{
	font-family: inherit;
	font-size: 280%;
	color: black;
}

.ffs-forumtitle
{
	margin: 0;
}

.ffs-label
{
    background: linear-gradient(to right, #1da514, #7ff62b, #80e642);
    -webkit-background-clip: text; /*still required by Chrome*/
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 1px #888;
}


/* IE11-specific hackery: no support for "background-clip: text" */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	.ffs-label
	{
        color: #3eb334;
		background: inherit;
	}
}

#logo
{
	text-align: center;
}

.logo
{
	padding: 0 0 0 5px;
	vertical-align: middle;
	float: none;
}

a:hover#logo
{
	text-decoration: none;
}

#site-description
{
	display: inline-block;
	vertical-align: middle;
	float: none;
	width: auto;
}

#site-description h1
{
	margin-top: 0;
}

#site-description p
{
	margin-bottom: 3px;
	font-size: 145%;
	line-height: 90%;
	text-shadow: #fff 1px 1px 1px;
	font-family: 'Indie Flower', cursive;
}

.search-header
{
	margin: 0 5px 0 10px;

	/*get rid of ugly box shadow*/
	box-shadow: initial;
	border: 2px solid #d3e6ff;
}

input.tiny
{
	/*instead of only 150px*/
    width: 190px;
}

#wrap
{
    /*background-color: rgb(206, 228, 191);*/
	background: linear-gradient(to right, #ededed, #c9d7ce);
	box-shadow: 1px 1px 8px #888;
	border: none;
	border-radius: 0;
	max-width: 800px;
	margin: 0px auto;
	min-width: 0;
}

.navbar
{
    margin-top: 8px;
	padding: 0px 10px;
	background-color: rgb(161, 216, 140);
}

a
{
	color: black;
}

a:hover
{
	color: #008BFF;
}

a:visited
{
	/* color: #004680; -> not sure if improvement */
}

.bg1 { background-color: #fff;    }
.bg2 { background-color: #F3F3F3; }
/*.bg3 { background-color: #edf3eb; }*/

.panel
{
	background-color: #edf3eb;
	border: 1px solid #D7D7D7;
}

.post
{
	border: 1px solid rgb(187, 187, 187);
	border-bottom: none;
	box-shadow: 2px 2px 2px #888;
    padding: 10px 10px 10px 15px;
	border-radius: 5px;
	margin-bottom: 0;
}

.postbody h3
{
    font-family: inherit;
	font-weight: 600;
}

.content
{
	/*prepend Segoe UI*/
    font-family: inherit;
	line-height: 150%;
	color: black;
}

.postbody .content
{
    font-size: 16px;
}


#preview .postbody
{
	width: 100%; /*no reason to limit view window for post preview!!!*/
}


/* "forabg" seems to be used only by forumlist_body.html */


.forabg, .forumbg
{
	background: linear-gradient(to bottom, rgb(76, 155, 57), rgb(120, 225, 136));
	box-shadow: 3px 3px 5px #888;
	margin: 12px 0px;
}

ul.forums
{
	background-image: none;
    background-color: white;
}

li.row:hover
{
	background-color: #d5efe6;
}

li.row
{
    /*border-top-color: #fff; -> annoying as heck */
	border-top: none;

	border-bottom-color: #bbb;
}


ul.navlinks
{
    border-top-color: transparent;
}

#tabs .tab > a
{
	background: #BBD9BA;
	color: rgb(66, 102, 77);
}

#tabs .tab > a:hover
{
	background: #DDFBE3;
	color: #15C523;
}

#tabs .activetab > a,
#tabs .activetab > a:hover
{
	background: transparent linear-gradient(to bottom, #E2FFE4 0%, #CAEBCF 100%);
	border-color: #CAEBCE;
	color: #333;
}

#navigation a
{
    background: transparent linear-gradient(to right, #86D490 50%, #CAEBCA 100%) repeat scroll 0% 0%;
}

#navigation a:hover
{
	color: #2170E7;
}

#navigation #active-subsection a,
#navigation #active-subsection a:hover
{
    color: #2170E7;
}

ul.topiclist dd
{
	border-left: inherit;
}

dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info
{
	font-size: 120%;
}

.pagination li a, .pagination li span
{
    padding: 5px 10px;
}

.pagination .arrow a
{
    padding: 5px 25px;
	box-shadow: 2px 2px 2px #888;
}

.action-bar > .pagination
{
	/* fix responsive.css nonsense*/
    float: right !important;
    clear: none  !important;
	margin-bottom: 0;
}

.pagination > ul
{
	/* fix responsive.css nonsense*/
    margin: 0 !important;
}

.action-bar
{
    margin: 0;
}

.post-buttons
{
    top: auto !important;
}

.postprofile
{
	font-size: 16px;
	min-height: 0;
    margin: 0;
    border-color: rgba(0, 0, 0, 0.12);
}

.row .pagination
{
    background-image: none;
    padding-left: 0;
	margin-top: 0;
}

.username-coloured
{
	/* font-family: 'Indie Flower', cursive; */
    color: #00F;
	font-size: 16px;
	font-weight: initial;
}

.notice .username-coloured
{
	font-size: inherit;
}

a:hover .username-coloured
{
    color: inherit;
}

p.author
{
	font-family: inherit;
}

.author a > time
{
	font-size: 16px;
	font-weight: 300;
}


.back2top
{
	display: none;
}

#message-box
{
    width: 100%;
}

#message-box textarea
{
    transition: none;
	padding: 0;
}

.ffs-forum-link
{
	min-height: 48px;
}

.ffs-topic-item time
{
	color: #444;
}

.ffs-topic-header
{
	display: flex;
	color: white;
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 4px 0px;
}

.ffs-topic-link
{
	overflow: hidden;
	display: block !important;
}

.ffs-topic-title
{
	font-weight: 600;
}

.codebox
{
	margin: 3px 1px 3px 0 !important; /*get rid of distorting margin space*/
	box-shadow: 1px 1px 0px #888;
	overflow: hidden;
}

.codebox code
{
    max-height: initial;
	font-family: Consolas, "Courier New", Courier, monospace;
	color: green;
}

/*fix phpBB default code formatting garbage (+add line wraps!) (at least for non-preview [code])*/
.codebox code > span
{
	text-indent: -30px;
	margin-left: 30px;
	overflow-wrap: anywhere;
	display: block; /*"div not allowed as child of element code" => w3, are you happy now? */
}

dd.posts, dd.topics, dd.views
{
	width: 55px;
}

/* "forumbg" seems to be used only by viewforum_body.html and search_results.html (with display results as "Topics") */
.forumbg
{
	padding: 5px 0 0 1px;
	border-radius: 2px;
}
@media (max-width: 700px)
{
	.forumbg
	{
		padding-left: 0;
		border-radius: 0;
	}
}

.forumbg ul.topiclist li.row dd
{
	padding: 0;
	margin: 0;
	line-height: inherit;
}

.forumbg li.header dt
{
	margin-right: -110px;
}

.forumbg li.header dt .list-inner
{
	margin-right: 110px;
}

.forumbg ul.topiclist dt
{
	margin-right: -110px;
}

.forumbg ul.topiclist dt .list-inner
{
	margin-right: 110px;
}

.forumbg .lastpost
{
	display: none;
}

.forumbg .topics dl.row-item
{
	margin: 4px 0;
	background-image: none; /*get rid of useless read/unread icons in topic search list*/
}

.forumbg .topics dl.row-item .list-inner
{
	padding-left: 10px;
}

.icon.icon-md
{
	font-size: 16px;
}


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


.postlink /*restore SANE link formatting*/
{
    text-decoration: underline;
    border-bottom: none;
	word-break: break-all;
    color: #006ecd; /*higher contrast than default!*/
}

.postlink:visited
{
    color: #4b279b;
}

.postlink:hover
{
    text-decoration: underline;
}

.row .list-inner
{
	 padding: 0; /*no need to bloat the topic listing vertical height*/
}


/*make the editor more usable: add space for button grouping */
button.bbcode-u, button.bbcode-code
{
	margin-right: 15px;
}


fieldset.submit-buttons > input
{
	padding: 5px;
	font-weight: normal;
}
fieldset.submit-buttons > input[name="post"]
{
	padding: 5px 60px;
	font-weight: bold;
}


/*move quotation symbol from author to text:*/
blockquote cite::before, .uncited::before
{
	content: initial;
    /*content: '\f10d';*/
}
blockquote > div::before
{
    content: '\f10d\ ';
	color: #aaa;
	font-family: FontAwesome;
	float: left;
	margin-right: 5px;
}

blockquote cite
{
	float: right;
	margin-left: 10px;
}

blockquote
{
	border-color: #ccc;
	background-image: linear-gradient(to right, #efefe4, #f7f7f2);

	/*get rid of distorting margin space*/
	margin: 3px 1px 3px 15px !important;

	box-shadow: 1px 1px 0px #888;
}

.avatar img
{
    max-width: 48px !important;
}


/*fix phpBB search results bug: set *both* width + margin-right, not just width */
.search .postbody
{
	margin-right: 0;
}