/* Bilbaneforumet child of prosilver 3.3.19 */
@import url("../../prosilver/theme/normalize.css?hash=48eb3f89");
@import url("../../prosilver/theme/base.css?hash=7c5543be");
@import url("../../prosilver/theme/utilities.css?hash=d8f72c42");
@import url("../../prosilver/theme/common.css?hash=843d5d5f");
@import url("../../prosilver/theme/links.css?hash=18286e16");
@import url("../../prosilver/theme/content.css?hash=d6d1338b");
@import url("../../prosilver/theme/buttons.css?hash=56f0d25f");
@import url("../../prosilver/theme/cp.css?hash=50d868ab");
@import url("../../prosilver/theme/forms.css?hash=9016b55c");
@import url("../../prosilver/theme/icons.css?hash=64da33ce");
@import url("../../prosilver/theme/colours.css?hash=c8c2707b");
@import url("../../prosilver/theme/responsive.css?hash=c9d32cba");

/* Graphics from the 3.0 theme. Text sizes and layout are prosilver 3.3.19.
   Both child styles use this file; the per-style difference is only the images
   in ./images (banner, unread folder icons) and theme/fargblinda.css. */

/* The box: header-top.png, background-center.png and footer-botom.png,
   each 990 px wide, centred around a 900 px column with 25 px sides. */
body {
	padding: 0;
}

.header-top {
	box-sizing: content-box;
	width: 900px;
	height: 133px;
	padding: 0 25px;
	margin: 0 auto;
	background: #dee5eb url("./images/header-top.png") no-repeat center top;
}

.heder-loogo {
	padding-top: 30px;
}

/* bf_logga.png is 917x126; the 3.0 theme showed its top-left 900x98. */
.headerbar {
	position: relative;
	box-sizing: border-box;
	height: 98px;
	margin: 0;
	background-color: #12A3EB;
	background-image: url("./images/bf_logga.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto;
}

/* bilbaneforumet_logga.gif is a transparent 542x50 click area over the banner. */
.site_logo {
	background-image: none;
	width: 542px;
	height: 50px;
}

.site-description h1,
.site-description p:not(.skiplink) {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

#wrap {
	box-sizing: content-box;
	width: 900px;
	min-width: 0;
	max-width: 900px;
	padding: 0 25px;
	margin: 0 auto;
	border: 0;
	border-radius: 0;
	background: #FFFFFF url("./images/background-center.png") repeat-y center top;
}

/* footer-botom.png is anchored to the bottom so its rounded edge closes the box
   however tall the copyright is; background-center.png fills the sides above it.
   The dark edge starts 19 px above the image bottom, so content stops 24 px above. */
.footer-botom {
	box-sizing: content-box;
	width: 900px;
	min-height: 62px;
	padding: 0 25px 24px;
	margin: 0 auto;
	background-color: #dee5eb;
	background-image: url("./images/footer-botom.png"), url("./images/background-center.png");
	background-repeat: no-repeat, repeat-y;
	background-position: center bottom, center top;
}

/* Folder icons from the 3.0 imageset at their own 30x29 size. */
dl.row-item {
	background-size: auto;
}

/* Subforum icons stay Font Awesome as in 3.3, coloured like the old
   bf_subforum_* images: light blue when read, green when unread.
   Forumstil för färgblinda turns unread orange in fargblinda.css. */
a.subforum.read i.icon {
	color: #8fc4e4;
}

a.subforum.unread i.icon {
	color: #68bc45;
}

/* Topic and forum icons from the 3.0 imageset */
.forum_link { background-image: url("./images/forum_link.gif"); }
.forum_read { background-image: url("./images/forum_read.gif"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread { background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); }
.sticky_read { background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread { background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); }
.topic_moved { background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read { background-image: url("./images/topic_read.gif"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread { background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }
.announce_read { background-image: url("./images/announce_read.gif"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread { background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }
.global_read { background-image: url("./images/announce_read.gif"); }
.global_read_mine { background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked { background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread { background-image: url("./images/announce_unread.gif"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); }

/* Below the 950 px box the column follows the window, and the banner is cropped
   at its natural size instead of being squeezed. */
@media (max-width: 950px) {
	.header-top,
	#wrap,
	.footer-botom {
		box-sizing: border-box;
		width: auto;
		max-width: none;
	}
}

@media (max-width: 700px) {
	.header-top,
	#wrap,
	.footer-botom {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* --------------------------------------------------------------
   Colours from the stored 3.0 theme. Where 3.3 has the same element the
   3.0 value is used; elements new in 3.3 take the nearest colour of the
   3.0 palette. The mapping is listed in docs/tema-analys.md.
   -------------------------------------------------------------- */

html, body {
	color: #536482;
	background-color: #dee5eb;
}

a:hover {
	color: #395f25;
}

.postlink:visited {
	border-bottom-color: #666666;
}

a.forumtitle {
	color: #193361;
}

a.forumtitle:hover {
	color: #548d36;
}

a.topictitle {
	color: #193361;
}

a.topictitle:hover {
	color: #6ab941;
}

a.forumtitle:active,
a.topictitle:active {
	color: #105289;
}

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

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

/* Category and topic list headers: navy instead of prosilver blue. */
.forabg {
	background-color: #030322;
	background-image: url("./images/bg_list.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

.forumbg {
	background-color: #030322;
	background-image: url("./images/bg_header.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

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

ul.forums {
	background-color: #f8fcff;
	background-image: url("./images/bf_gradient.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* The 3.0 theme turned the yellow row hover off. */
li.row:hover {
	background-color: transparent;
}

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

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

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

div.rules,
p.post-notice {
	background-color: #f1edef;
}

/* Header search: the 3.0 search field had a #1e3c6c border. */
.search-header {
	box-shadow: 0 0 0 1px #1e3c6c, 0 0 10px #0075B0;
}

.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #11A3EA;
}

.search-box .inputbox {
	border-color: #B4BAC0;
}

/* Buttons: colours of the 3.0 NYTRÅD / BESVARA / ÄNDRA / CITERA images,
   green text, grey icon, navy border and icon on hover. */
.button {
	color: #40720e;
}

.button .icon,
.button-secondary {
	color: #666666;
}

.button:hover,
.button:focus {
	border-color: #1e3c6c;
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(64, 114, 14, 0.2);
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #1e3c6c;
}

/* The 3.0 locked button image had red text. */
.action-bar .button:has(> .fa-lock) {
	color: #BC2A4D;
}

/* Form buttons */
a.button1,
input.button1,
input.button3,
a.button2,
input.button2 {
	background-color: #FAFAFA;
}

a.button1:hover,
input.button1:hover,
a.button2:hover,
input.button2:hover,
input.button3:hover {
	border-color: #0075b0;
	color: #0075b0;
	background-color: #FAFAFA;
	background-image: linear-gradient(to bottom, #D2D2D2 0%, #EFEFEF 100%);
}

input.button3:hover {
	background-image: none;
}

/* Dropdowns, quick links and notifications */
.dropdown .dropdown-contents {
	border-color: #B4BAC0;
}

.dropdown .pointer {
	border-color: #B4BAC0 transparent;
}

.dropdown li,
.dropdown li li,
.dropdown li.separator,
.contact-icons a {
	border-color: #DCDEE2;
}

.contact-icons a:hover {
	background-color: #eff5f9;
}

.dropdown-extended ul li {
	border-top-color: #B4BAC0;
}

.dropdown-extended .header,
.dropdown-extended .footer {
	border-color: #B4BAC0;
}

.dropdown-extended .header {
	background-color: #eff5f9;
	background-image: linear-gradient(to bottom, #eff5f9 0%, #cadceb 100%);
}

.dropdown-extended .pointer-inner {
	border-color: #eff5f9 transparent;
}

li.notification-reported strong,
li.notification-disapproved strong {
	color: #BC2A4D;
}

.badge {
	background-color: #BC2A4D;
}

/* Jump box */
.jumpbox-cat-link {
	background-color: #030322;
	border-top-color: #030322;
}

.jumpbox-cat-link:hover {
	background-color: #193361;
	border-top-color: #193361;
}

.jumpbox-forum-link:hover {
	background-color: #CFE1F6;
}

.jumpbox-sub-link:hover {
	background-color: #eff5f9;
}

/* Tabs in the user and moderator panels */
.tabs .tab > a:hover {
	color: #BC2A4D;
}

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

/* Icon colour helpers */
.icon.icon-blue,
a:hover .icon.icon-blue {
	color: #0075b0;
}

.icon.icon-green,
a:hover .icon.icon-green {
	color: #548d36;
}

.icon.icon-gray,
a:hover .icon.icon-gray {
	color: #666666;
}