/* Dusky Marine skin for SMF 2.1 default theme.
   Loaded after index.css via the dusky_load_theme hook (Sources/Dusky-Theme.php).
   Colors and fonts match www.dusky.com (static/css/layout.css). */

@font-face {
	font-family: 'latoregular';
	src: url('/static/fonts/lato-regular-webfont.woff') format('woff'),
		url('/static/fonts/lato-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latobold';
	src: url('/static/fonts/lato-bold-webfont.woff') format('woff'),
		url('/static/fonts/lato-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Base */
body {
	background: #eef2f6;
	font-family: "latoregular", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color: #4a4a4a;
}
a, a:visited {
	color: #005e9e;
}
a:hover {
	color: #ce0303;
}
strong, b {
	font-family: "latobold", "Segoe UI", Arial, sans-serif;
	font-weight: normal;
}

/* Top bar */
#top_section {
	background: #0e3359;
	border-bottom: 0;
}
#top_section,
#top_section .welcome,
#top_info > li > a,
#top_info .textmenu,
#top_section a, #top_section a:visited {
	color: #fff;
}
#top_section .welcome a {
	font-family: "latobold", Arial, sans-serif;
}
#top_info > li:hover > a, #top_info > li > a:focus, #top_info > li > a.open {
	background: #005e9e;
	border-color: #307bb0;
}

/* Logo header */
#header {
	background: #fff;
	margin-top: 12px;
	padding: 10px 16px;
	border-radius: 6px 6px 0 0;
	border-bottom: 4px solid #005e9e;
	align-items: center;
}
h1.forumtitle {
	padding: 0;
}
h1.forumtitle a, h1.forumtitle a:hover {
	text-shadow: none;
	text-decoration: none;
}
h1.forumtitle img {
	display: block;
	max-height: 90px;
	width: auto;
}
#siteslogan {
	font-family: "latobold", Arial, sans-serif;
	font-size: 1.5em;
	color: #0e3359;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#wrapper {
	border-radius: 0 0 6px 6px;
}

/* Main menu */
.dropmenu li a.active,
.dropmenu li a.active:hover, .dropmenu li:hover a.active {
	background: linear-gradient(#005e9e, #00448b);
	border: 1px solid #00448b;
	color: #fff;
	text-shadow: none;
}
.dropmenu > li:hover > a, .dropmenu > li > a:focus {
	background: #0e3359;
	border-color: #0e3359;
}

/* Category and title bars */
div.cat_bar {
	background: linear-gradient(#005e9e, #00448b);
	border-bottom: 1px solid #003577;
	box-shadow: none;
}
h3.catbg {
	font-family: "latobold", Arial, sans-serif;
	letter-spacing: 0.3px;
}
.title_bar {
	border-top-color: #005e9e;
	border-bottom-color: #00448b;
}
h3.titlebg, h4.titlebg, .titlebg {
	color: #0e3359;
}

/* Buttons and badges */
.button.active, .button.active:hover, .button.active:focus {
	background: #609327;
	border-color: #4e7a1f;
	color: #fff;
	text-shadow: none;
}
.button:hover, .button:focus {
	color: #005e9e;
}
.new_posts, a.new_posts {
	background: #609327;
	opacity: 1;
}
.amt {
	background: #609327;
}
.pagelinks .current_page {
	color: #ce0303;
}

/* Footer */
#footer {
	background: #0e3359;
	border-top: 4px solid #005e9e;
}
#footer a:hover {
	color: #c7dcef;
}

/* Small screens: keep the logo sensible */
@media (max-width: 720px) {
	#header {
		margin-top: 0;
		border-radius: 0;
	}
	h1.forumtitle img {
		max-height: 60px;
	}
	#siteslogan {
		display: none;
	}
}