/* note: when possible, styling should target the "main" element to avoid conflicts with the global header, navigation, and footer */

body,
div.wrapper,
div.container,
header,
aside,
footer,
nav.pages,
nav.filters,
nav.filters li,
nav.share,
h1,
h2,
h3,
h4,
h5,
h6,
ul.features,
ul.features li,
ul.results li,
ul.results div.image,
ul.results div.image figure,
ul.results div.body,
ul.results h3,
ul.results div.price,
ul.results div.price.sold,
ul.results div.price.pending,
ul.results div.specs,
ul.results div.location,
ul.results div.description,
section.meta,
section.tools,
main.details div.price,
form,
div.input label,
fieldset label,
fieldset div.to {
	background-color: transparent;
}





/* theme: structure */

@media screen and (max-width: 480px) {
	
	div.wrapper {
		padding: 0; /* override default responsive styling */
	}
	
}

main {
	margin: 20px;
	padding: 20px;
	
	background-color: #fff; /* white */
}





/* theme: navigation: pages */

nav.pages {
	background-color: transparent;
}

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

nav.pages li a:hover {
	color: #fff; /* white */
	
	background-color: #455a64; /* blue grey 700 */
}

nav.pages li.active a {
	color: #fff; /* white */
	
	background-color: #4caf50; /* green 500 */
}


nav.pages li a i.fa {
	line-height: inherit;
}




/* theme: navigation: share */

nav.share li a {
	padding: 10px;
	min-width: 40px;
	height: auto;
	
	border-radius: 3px;
	
	line-height: inherit;
	
	background-color: #1565c0; /* blue 800 */
}

nav.share li a:hover {
	background-color: #1976d2; /* blue 700 */
}

nav.share li a i.fa {
	line-height: inherit;
}





/* theme: navigation: filters */

nav.filters ul.group {
	padding: 5px 10px;
	
	border-radius: 3px;
	
	color: #fff; /* white */
	
	/*background-color: #eceff1; /* blue grey 50 */
	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;
}





/* theme: content: anchors */

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

main a:hover {
	color: #2196f3; /* blue 500 */
}





/* theme: content: anchors: buttons */

main a.button {
	padding: 10px 20px;
	height: auto;
	
	line-height: inherit;
	color: #fff; /* white */
	
	background-color: #4caf50; /* green 500 */
}

main a.button:hover {
	color: #fff; /* white */
	
	background-color: #81c784; /* green 300 */
}





/* theme: content: headings */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	font-weight: normal;
}

main.listings > h1:first-child,
main.details > h1:first-child {
	margin: -20px -20px 20px;
	padding: 10px 0;
	
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
	
	color: #fff; /* white */
	font-size: inherit;
	font-weight: normal;
	text-align: center;
	
	background-color: #4caf50; /* green 500 */
	/*background-color: #0d47a1; /* blue 900 */
}

main.details h2,
main.details h3,
main.details h4,
main.details h5,
main.details h6 {
	/*padding-bottom: 10px;*/
	padding: 6px 10px 4px;
	
	/*border-bottom: 1px dashed #1976d2; /* blue 700 */
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
	
	color: #fff; /* white */
	/*font-size: 14px;*/
	font-size: 12px;
	/*font-weight: bold;*/
	font-weight: normal;
	line-height: 20px;
	
	background-color: #607d8b; /* blue grey 500 */
}





/* theme: content: images: placeholders */

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





/* theme: content: lists: results */

ul.results {
	padding-top: 20px;
	
	border-top: 1px dashed #000; /* dev */
}

ul.results li {
	padding-bottom: 20px;
	
	border-bottom: 1px dashed #000; /* dev */
}

ul.results div.image figure {
	/*background-color: #fc3; /* dev */
	background-color: #eceff1; /* blue grey 50 */
}

ul.results h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}

ul.results h3 a {
	font-weight: inherit;
}

ul.results div.price {
	color: #4caf50; /* green 500 */
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}

ul.results div.price.pending {
	color: #ff5722; /* deep orange 500 */
}

ul.results div.price.sold {
	color: #e51c23; /* red 500 */
}

ul.results div.price i.fa {
	display: none;
}

ul.results div.description {
	color: #607d8b; /* blue grey 500 */
	line-height: 18px;
}





/* theme: content: lists: features */

ul.features {
	margin: 0;
	padding: 0;
	
	list-style: none;
	
	background-color: transparent;
}

ul.features li {
	padding-left: 20px;
	
	background-color: transparent;
}

ul.features li:before {  
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	
	width: 20px;
	height: 20px;
	
	color: #4caf50; /* green 500 */
	content: "\f00c"; /* fa-check */
	font-family: FontAwesome;
	font-size: 14px;
	text-align: left;
}





main.details h1,
main.details div.price {
	margin: 0 -20px 30px;
	padding: 10px 20px;
	
	font-size: 20px;
	font-weight: bold;
	/*line-height: 25px;*/
	line-height: 20px;
	
	background-color: #fff59d; /* yellow 200 */
}

main.details div.price i.fa {
	display: none;
}





/* theme: content: sections */

section.meta {
	margin: 20px -20px;
	padding: 10px 20px;
	
	/*background-color: #f63; /* dev */
	background-color: #fff59d; /* yellow 200 */
}





/* theme: forms: buttons */

main form button {
	padding: 10px 20px;
	height: auto;
	
	line-height: 20px;
	
	background-color: #4caf50; /* green 500 */
}

main form button:hover {
	background-color: #81c784; /* green 300 */
}





/* theme: forms: input */

div.input input[type="email"],
div.input input[type="file"],
div.input input[type="number"],
div.input input[type="password"],
div.input input[type="tel"],
div.input input[type="text"],
div.input input[type="url"],
div.input select,
div.input textarea {
	height: 40px;
}





/* theme: forms: fieldsets */

/**/

fieldset div.to {
	line-height: 40px;
	
	background-color: #eceff1; /* blue grey 50 */
}