@charset "utf-8";
/* CSS Document */

/* global: structure */

body {
	background-color: #eceff1; /* blue grey 50 */
}

div.wrapper {
	padding: 20px 40px;
}

@media screen and (max-width: 1024px) {
	
	div.wrapper {
		padding: 20px;
	}
	
}

header {
	background-color: #cfd8dc; /* blue grey 100 */
}

footer {
	padding: 20px;
	
	color: #eceff1; /* blue grey 50 */
	
	background-color: #263238; /* blue grey 900 */
}

footer div.copyright {
	margin: 0 -20px -20px;
	padding: 20px;
	
	text-align: center;
	
	background-color: #455a64; /* blue grey 700 */
}

div.viewport {
	display: none;
}





/* global: navigation: site */

nav.site {
	padding: 10px 20px;
	height: 50px;
	overflow: hidden;
	
	text-align: center;
	
	background-color: #263238; /* blue grey 900 */
}

nav.site ul {
	display: inline-block;
}

nav.site li {
	margin: 0;
}

nav.site li a {
	padding: 5px 10px;
	
	color: #eceff1; /* blue grey 50 */
	text-decoration: none;
}

nav.site li a:hover {
	/*background-color: #03a9f4; /* light blue 500 */
	background-color: #455a64; /* blue grey 700 */
}

nav.site li.active a {
	color: #fff; /* white */
	font-weight: normal;
	
	/*background-color: #259b24; /* green 500 */
	background-color: #03a9f4; /* light blue 500 */
}






/* global: navigation: breadcrumbs */

nav.breadcrumbs {
	background-color: #fff59d; /* yellow 200 */
}





/* navigation: pages */

nav.pages {
	height: 40px;
	
	background-color: transparent;
}

nav.pages li {
	margin-right: 5px;
}

nav.pages li:last-of-type {
	margin-right: 0;
}

nav.pages li a {
	display: block;
	
	padding: 10px;
	min-width: 40px;
	
	color: #fff; /* white */
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	
	background-color: #607d8b; /* blue grey 500 */
}

nav.pages li a:hover {
	background-color: #263238; /* blue grey 900 */
}

nav.pages li.active a {
	background-color: #259b24; /* green 500 */
}

nav.pages li a i.fa {
	font-size: 14px;
}

nav.pages li span {
	display: none;
}

nav.pages li.disabled {
	display: none;
	
	padding: 10px;
	min-width: 40px;
	
	color: #b0bec5; /* blue grey 200 */
	font-size: 14px;
	text-align: center;
	
	background-color: #eceff1; /* blue grey 50 */
}





/* global: navigation: filters */

nav.filters ul.group {
	padding: 5px 10px;
	
	color: #fff; /* white */
	
	background-color: #1e88e5; /* blue 600 */
}

nav.filters li {
	background-color: transparent;
}

nav.filters li.label {
	font-weight: bold;
}

nav.filters a,
nav.filters a:hover {
	color: #fff; /* white */
	text-decoration: none;
}





/* global: content: anchors */

a {
	color: #1976d2; /* blue 700 */
}

a:hover {
	color: #0d47a1; /* blue 900 */
}

/**/

header a {
	display: block;
}

/**/

footer a {
	color: #eceff1; /* blue grey 50 */
}

footer a:hover {
	color: #fff59d; /* yellow 200 */
}

footer div.copyright a {
	text-decoration: none;
}

/* classifieds */

main.classifieds h1 a {
	display: none;
}





/* global: content: anchors: buttons */

a.button {
	background-color: #259b24; /* green 500 */
}

a.button:hover {
	color: #fff; /* white */
	
	background-color: #0d5302; /* green 900 */
}





/* global: content: headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	background-color: transparent;
}

h1 i.fa,
h2 i.fa,
h3 i.fa,
h4 i.fa,
h5 i.fa,
h6 i.fa {
	margin-right: 5px;
	
	font-size: 14px;
}

/**/

main.home h2,
main.home h3,
main.home h4,
main.home h5,
main.home h6 {
	padding: 5px 10px;
	
	color: inherit;
	font-weight: normal;
	line-height: inherit;
	
	background-color: #eceff1; /* blue grey 50 */
}

/* classifieds */

main.classifieds h1,
main.classifieds h2,
main.classifieds h3,
main.classifieds h4,
main.classifieds h5,
main.classifieds h6 {
	padding: 5px 10px;
	
	color: inherit;
	font-weight: normal;
	line-height: inherit;
	
	background-color: #eceff1; /* blue grey 50 */
}

main.classifieds h3 {
	margin-top: 40px;
}

main.classifieds section > h1:first-child,
main.classifieds section > h2:first-child,
main.classifieds section > h3:first-child,
main.classifieds section > h4:first-child,
main.classifieds section > h5:first-child,
main.classifieds section > h6:first-child {
	margin: 0 0 20px;
}

/**/

footer h3 {
	margin-top: 0;
	padding: 5px 10px;
	
	background-color: #455a64; /* blue grey 700 */
}







/* global: content: images */

/**/

main figure {
	background-color: transparent;
}

/**/

header img {
	display: block;
	
	margin: 0 auto;
	width: auto;
	height: 60px;
}





/* global: content: images: placeholders */

figure.placeholder {
	background-color: #eceff1; /* blue grey 50 */
}

figure.placeholder div:after {
	color: #b0bec5; /* blue grey 200 */
}





/* global: content: lists: results: jobs */

main.jobs section h3 a {
	padding: 5px 10px;
	
	text-align: center;
	text-decoration: none;
}





/* global: content: lists: features */

ul.features {
	background-color: transparent;
}





/* global: content: lists: footer */

footer ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
}

footer ul li,
footer ul li:last-child {
	margin: 0 0 20px;
	padding: 0;
}

footer ul li a {
	display: block;
	
	font-weight: bold;
}

footer ul li p {
	margin: 0;
}

footer ul li p strong {
	color: #03a9f4; /* light blue 500 */
}





/* global: content: paragraphs */

p {
	background-color: transparent;
}





/* global: content: sections */

/* classifieds */

main.classifieds section.meta {
	background-color: #fff59d; /* yellow 200 */
}





/* global: tables */

/**/

main.jobs td {
	border-bottom: 1px dashed #cfd8dc; /* blue grey 100 */
}

/* classifieds */

main.classifieds table.data th {
	padding: 5px 10px;
	
	border-color: #01579b; /* light blue 900 */
	
	color: #fff; /* white */
	
	background-color: #03a9f4; /* light blue 500 */
}

main.classifieds table.data tr.highlight td {
	border-color: #03a9f4; /* light blue 500 */
	
	background-color: #e1f5fe; /* light blue 50 */
}





/* global: forms */





/* forms: buttons */

button {
	background-color: #259b24; /* green 500 */
}

button:hover {
	color: #fff; /* white */
	
	background-color: #0d5302; /* green 900 */
}





/* forms: labels */

div.input label {
	background-color: transparent;
}