/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver Special Edition
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
	MyE28 palette:		1980s BMW corporate + Motorsport M-stripe
	  - Header black:                         #0A0A0A / #1A1A1A
	  - M light blue (stripe):                #00ADEF
	  - M dark blue (stripe):                 #1C2E5A
	  - M red (stripe):                       #E31C23
	  - Silver page chrome:                   #B8BEC6
	  Parent prosilver colours.css is left alone; overrides live here.
    --------------------------------------------------------------
*/

/* Shared M-stripe (equal thirds: light blue | dark blue | red) */
/* Used as background-size height layers — keep in sync if you retune thickness */

/* Page chrome — silver brochure paper */
html, body {
	color: #1A1A1A;
	background-color: #B8BEC6;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.wrap {
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 0 6px 1px rgba(10, 10, 10, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	margin: 0 auto;
	max-width: 1152px;
	padding: 13px 23px;
}

/* Site header — dark shell; thin horizontal M-stripes live on .headerlink-wrap (see mye28-overrides) */
.headerbar {
	color: #FFFFFF;
	background-color: #0A0A0A;
	background-image: none;
	padding-top: 0;
	padding-bottom: 0;
}




.search-header {
	box-shadow: 0 0 10px #000000;
}

/* Nav strip — plain silver; no M-stripe (user request) */
.navbar {
	background-color: #D5DCE3;
	color: #1A1A1A;
	background-image: none;
	padding-bottom: 3px;
}


/* Category / forum header bars — M dark blue + bold top stripe */
.forabg, .forumbg {
	background-color: #1C2E5A;
	background-image:
		linear-gradient(to right, #00ADEF 0 33.333%, #1C2E5A 33.333% 66.666%, #E31C23 66.666% 100%),
		linear-gradient(to bottom, #1C2E5A 0%, #152447 50%, #0F1A35 100%);
	background-size: 100% 10px, 100% 100%;
	background-position: top left, top left;
	background-repeat: no-repeat, no-repeat;
}

.forumbg .header a, .forabg .header a, th a {
	color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #00ADEF;
}

/* Links — M dark blue; hover — strong M red */
a { color: #1C2E5A; }
a:hover { color: #E31C23; }

h2 { color: #0F1A35; }
h3 {
	color: #1C2E5A;
	border-bottom-color: #C8CDD3;
}

.content h2, .panel h2 {
	color: #0F1A35;
	border-bottom-color: #C8CDD3;
}

.postlink {
	border-bottom-color: #00ADEF;
	color: #1C2E5A;
}

.postlink:visited {
	border-bottom-color: #1C2E5A;
	color: #152447;
}

.postlink:hover {
	background-color: #E8F7FC;
	color: #E31C23;
	border-bottom-color: #E31C23;
}

.arrow-left:hover, .arrow-right:hover {
	color: #00ADEF;
}

/* Panels & alternating backgrounds */
.panel {
	background-color: #EEF2F5;
	color: #1A1A1A;
}

.bg1 {
	background-color: #F2F5F8;
}

.bg2 {
	background-color: #E6ECF1;
}

.bg3 {
	background-color: #D5DCE3;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #F2F5F8;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #E6ECF1;
}

/* Topic / forum rows */
ul.forums {
	background-color: #F4F6F8;
	background-image: -webkit-linear-gradient(top, #DCE3EA 0%, #F4F6F8 100%);
	background-image: linear-gradient(to bottom, #DCE3EA 0%, #F4F6F8 100%);
	filter: none;
}

ul.topiclist li {
	color: #2A3440;
}

li.row {
	background-color: #F0F3F6;
	border-top-color: #FFFFFF;
	border-bottom-color: #1C2E5A;
}

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

li.row.bg3 {
	background-color: #E8EEF3;
}

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

li.row strong {
	color: #1A1A1A;
}

/* Jumpbox */
.jumpbox-cat-link {
	background-color: #1C2E5A;
	background-image:
		linear-gradient(to right, #00ADEF 0 33.333%, #1C2E5A 33.333% 66.666%, #E31C23 66.666% 100%),
		linear-gradient(to bottom, #1C2E5A 0%, #152447 50%, #0F1A35 100%);
	background-size: 100% 8px, 100% 100%;
	background-position: top left, top left;
	background-repeat: no-repeat, no-repeat;
	border-top-color: #0F1A35;
	color: #FFFFFF;
}

.jumpbox-cat-link:hover {
	background-color: #00ADEF;
	background-image: none;
	border-top-color: #00ADEF;
	color: #FFFFFF;
}

.jumpbox-forum-link,
.jumpbox-sub-link {
	background-color: #E6ECF1;
}

.jumpbox-forum-link:hover,
.jumpbox-sub-link:hover {
	background-color: #E8F7FC;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #E6ECF1 transparent;
}

/* Logo: SE images/ has no SVG; use parent prosilver asset */
.site_logo {
	background-image: url("../../prosilver/theme/images/site_logo.svg");
}

.copyright {
	color: #3A4550;
}

.copyright a {
	color: #1C2E5A !important;
}

/* Icons */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #00ADEF;
}

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

.sep {
	color: #00ADEF;
}

/* Buttons — silver face; label M red; hover M light blue */
.button {
	border-color: #A8B0B8;
	background-color: #E9ECEF;
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9ECEF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E9ECEF 100%);
	filter: none;
	box-shadow: 0 0 0 1px #FFFFFF inset;
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
	color: #E31C23;
}

.button:hover,
.button:focus {
	border-color: #00ADEF;
	background-color: #FFFFFF;
	background-image: -webkit-linear-gradient(top, #E9ECEF 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #E9ECEF 0%, #FFFFFF 100%);
	filter: none;
	text-shadow: none;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #00ADEF;
}

/* Pagination */
.pagination li a {
	background: #E6ECF1;
	border-color: #A8B0B8;
	color: #1C2E5A;
	filter: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.pagination li.active span {
	background: #1C2E5A;
	border-color: #0F1A35;
	color: #FFFFFF;
}

.pagination li a:hover,
.pagination li a:hover .icon,
.pagination .dropdown-visible a.dropdown-trigger,
.nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #E31C23;
	border-color: #B8141A;
	filter: none;
	color: #FFFFFF;
	text-shadow: none;
}

/* Tables */
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #E8F7FC;
	color: #1A1A1A;
}

table.table1 td {
	color: #2A3440;
}

/* UCP / MCP tabs & nav */
.tabs .tab > a {
	background: #C5D0DA;
	color: #1C2E5A;
}

.tabs .tab > a:hover {
	background: #E8F7FC;
	color: #E31C23;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #D5DCE3;
	background-image: -webkit-linear-gradient(top, #F2F5F8 0%, #D5DCE3 100%);
	background-image: linear-gradient(to bottom, #F2F5F8 0%, #D5DCE3 100%);
	filter: none;
	border-color: #D5DCE3;
	box-shadow: 0 1px 1px #FFFFFF inset;
	color: #1A1A1A;
}

.navigation a {
	color: #1A1A1A;
	background: #D5DCE3;
	background: -webkit-linear-gradient(left, #B8C4D0 50%, #D5DCE3 100%);
	background: linear-gradient(to right, #B8C4D0 50%, #D5DCE3 100%);
	filter: none;
}

.rtl .navigation a {
	background: #B8C4D0;
	background: -webkit-linear-gradient(left, #D5DCE3 50%, #B8C4D0 100%);
	background: linear-gradient(to right, #D5DCE3 50%, #B8C4D0 100%);
	filter: none;
}

.navigation a:hover {
	background: #A8B8C8;
	color: #E31C23;
	filter: none;
}

.navigation .active-subsection a {
	background: #F9F9F9;
	color: #E31C23;
	filter: none;
}

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

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	#navigation a, .rtl #navigation a {
		background: #B8C4D0;
	}
}

.responsive-tab .responsive-tab-link:before {
	border-color: #1C2E5A;
}

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

/* Search results highlight */
.search-results li:hover,
.search-results li.active {
	background-color: #E8F7FC;
}

/* Post notices / rules — M red */
div.rules {
	background-color: #FCE8E9;
	color: #E31C23;
}

p.post-notice {
	background-color: #FCE8E9;
	background-image: none;
}

.error {
	color: #E31C23;
}

/* Quote blocks */
blockquote {
	background-color: #F0EFE8;
	border-color: #D5D3C8;
}

blockquote blockquote {
	background-color: #E8EDE8;
}

blockquote blockquote blockquote {
	background-color: #F0EFE8;
}

/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFFFFF;
	}

	body {
		padding-left: 5px;
		padding-right: 5px;
	}

	#wrap {
		width: 850px;
		padding: 0;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap {
		width: auto;
	}
}